/*==================== My Custom CSS =============================*/

@font-face {
    font-family: GoogleSans-Regular;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Medium;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Bold;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Bold.ttf) format('truetype');
}


/*================= Common =======================*/

.required { color:#e21f26; font-size:13px }

.validity_New { font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#A94442 !important; 
            background-color:#F2DEDE; border:1px solid #EBCCD1; padding:5px; border-radius:4px !important }


.validity { font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#FFF !important; 
            background-color:#e21f26; border:1px solid #C5080F; padding:5px; border-radius:4px !important; margin-bottom:10px }

.successmessage_alert {
    font-family: 'GoogleSans-Medium', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #222 !important;
    background-color: #BCDF94;
    border: 1px solid #99CA61;
    padding: 5px;
    border-radius: 4px !important
}


/*================= head bg =======================*/

h2.sub-heading {
color: #272626;
font-family: 'Lato',sans-serif;
font-size: 27px;
line-height: normal;
margin-bottom: 19px;
padding-bottom: 8px;
position: relative;
text-transform: uppercase;
text-align: center
}

h2.sub-heading img {
    margin: -20px 0px 0px 0px
}

.headbg { background-image:url('../images/Knowledge-Center.png'); background-repeat:no-repeat; background-size:cover; background-position:center; min-height:250px }

.header { background-color:#FFF;padding:15px 0px 15px 0px }
.maintext {line-height:60px;text-align:center }
.maintext .imgcircle { border:1px solid #e3e3e3; padding:5px; border-radius:50%; width:80px ; height:80px; background-color:#fff }

.maintext h1 { line-height:30px;text-align:center; font-size:25px; font-weight:bold; font-family:'Lato', sans-serif; color:#e21f26; }
.maintext h1  span { font-size:16px; color:#444 }
.maintext p { text-align:center; font-size:14px; font-weight:600; font-family:'Lato', sans-serif; color:#545454; line-height:25px }


/*==================== Sector Overview Part ================*/

.sectormainbox { width:216px; border:1px dashed #a4a4a4 ; padding:7px; height:216px; position:relative; 
                 border-radius:50%; background-color:#f4f7fa; margin:10px auto}
.sectormainbox:hover {  -moz-box-shadow: 0 0 10px 0px #D7D7D7;-webkit-box-shadow: 0 0 10px 0px #D7D7D7; }

figure { float: left; width: 100%;  position: relative; overflow: hidden; }

.kode_program_bg {
padding: 0px 0px 0px;
/*float: left;*/
width: 100%;
text-align:center
}

.kode_program_list {
/*float: left;*/
width: 100%;
position: relative;
overflow: hidden;
text-align:center;
margin: auto auto;
}

.kode_program_list:after {
content: "";
position: absolute;
top: -80px;
left:3px;
right: 0px;
bottom: 0px;
margin: auto;
width: 0px;
height: 0px;
background-color: #e21f26;
border-radius:50%
}

.kode_program_list figure img {
width: 200px;
height: 200px;
}

.kode_program_des {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 30px 0 0 30px;
z-index: 22;
}

.kode_program_des h5 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
margin-bottom: 15px;
font-family:'Montserrat', sans-serif
}

.kode_program_des p {
color: #fff;
margin: 0 0 15px;
line-height: 16px;
}

.kode_program_des i {
color: #fff;
font-size: 100px;
}

.kode_program_hover {
position: absolute;
width: 100%;
top: 0%;
left: 0px;
margin-top: -92px;
text-align: center;
z-index: 99999;
padding: 0px 40px;
opacity: 0;
}

.kode_program_hover h5 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin:40px 0 19px;
line-height: 20px;
font-family:'Work Sans', sans-serif;
font-size:18px
}

.kode_program_hover p {
color: #fff;
line-height: 24px;
margin-bottom: 20px;
word-break: break-all;
font-family:'Montserrat', sans-serif
}

.kode_program_list:hover .kode_program_des {
top: 50%;
opacity: 0;
}

.kode_program_list:hover:before {
top: -100%;
left: -100%;
opacity: 0;
}

.kode_program_list:hover .kode_program_hover {
top: 50%;
opacity: 1;
}

.kode_program_list:hover:after {
width:216px;
height: 216px;
opacity: 0.7;
}

.kode_program_list a:hover {
color: #000000;
}

figure img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}

.kode_program_list figure::before, .kode_program_list figure::after {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
transition: opacity 0.35s,transform 0.35s;
}

.kode_program_list figure::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
border-radius:50%
}

.kode_program_list figure::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
border-radius:50%
}

.kode_program_list:hover figure::before, .kode_program_list:hover figure::after {
opacity: 1;
z-index: 9999;
-webkit-transform: scale(1);
transform: scale(1);
}

/*========== Sector Read more Button Css===============*/

.kode_link_2 {
display: inline-block;
position: relative;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 10px 20px 10px;
overflow: hidden;
border: 2px solid #fff;
border-radius: 2px;
line-height: normal;
z-index: 1;
font-family:'Montserrat', sans-serif
}

.kode_link_2:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 3px;
height: 100%;
background-color: #fff;
z-index: -9;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}

.kode_link_2:hover:before {
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}


/*========== Read more Button Css===============*/

.kode_link_3 {
background-color: #e21f26;
display: inline-block;
outline: 1px solid #636363;
outline-offset: 3px;
overflow: hidden;
padding:5px 50px 5px 12px;
position: relative;
z-index: 9999;
text-transform: capitalize;
color: #fff;
font-size:15px;
font-weight: 600;
letter-spacing: 1.2px;
font-family: 'Work Sans',sans-serif;
z-index: 1;
}

.kode_link_3 i {
color: #27282d;
font-size: 19px;
font-weight: bold;
height: 100%;
position: absolute;
right: 16px;
top: 6px;
}

.kode_link_3:before {
background-color: whitesmoke;
content: "";
height: 100%;
padding: 33px 34px;
position: absolute;
right: -27px;
top: -18px;
transform: rotate(62deg);

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}

.kode_link_4 {
    background-color: #e21f26;
    display: inline-block;
    outline: 1px solid #636363;
    outline-offset: 3px;
    overflow: hidden;
    padding: 5px 50px 5px 12px;
    position: relative;
    z-index: 9999;
    text-transform: capitalize;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.2px;
    font-family: 'Work Sans',sans-serif;
    z-index: 1;
}

    .kode_link_4 i {
        color: #27282d;
        font-size: 19px;
        font-weight: bold;
        height: 100%;
        position: absolute;
        right: 16px;
        top: 6px;
    }

    .kode_link_4:before {
        background-color: whitesmoke;
        content: "";
        height: 100%;
        padding: 33px 34px;
        position: absolute;
        right: -27px;
        top: -18px;
        transform: rotate(62deg);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

/*=============== job opp button =================*/
.oppbutton {
background-color: #636363;
display: inline-block;
outline: 1px solid #636363;
outline-offset: 3px;
overflow: hidden;
padding: 5px 58px 5px 10px;
position: relative;
z-index: 9999;
color: #fff;
font-weight: normal;
letter-spacing: 1.2px;
font-family: 'Lato',sans-serif;
z-index: 1;
}

.oppbutton i {
color: #27282d;
font-size: 19px;
font-weight: bold;
height: 100%;
position: absolute;
right: 16px;
top: 6px;
}

.oppbutton:before {
background-color: #dedcdc;
content: "";
height: 100%;
padding: 33px 34px;
position: absolute;
right: -27px;
top: -18px;
outline: 1px solid #636363;
transform: rotate(62deg);

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}

.box {
    padding: 35px 35px;
    -webkit-box-shadow: 1px 1px 20px 1px #ccc;
    box-shadow: 1px 1px 10px 1px #ccc;
    position: relative;
    top: 0px;
    margin-top: 30px;
}
    /*=============== Tabination Content  Css =================*/
    .sectorheadbox {
    font-family: GoogleSans-Medium, sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    line-height: 40px;
    border-bottom: none;
    padding-left: 5px;
    text-transform: capitalize;
    color: #191e34
}
.sectorheadbox2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 25px;
    margin: 0px 0px 30px 0px;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-bottom: none;
    padding-left: 5px;
    text-transform: capitalize;
    color: #191e34;
    box-shadow: 1px 1px 10px 1px #ccc;
    padding: 35px 35px;
    -webkit-box-shadow: 1px 1px 20px 1px #ccc;
    position: relative;
    top: 0px;
    margin-top: 30px;
}
.ambition-header {
    font-size: 20px;
    font-family: Exo 2, sans-serif;
    line-height: normal;
    color: #e21f26;
    font-weight: 700
}

.sectorsubhead {margin-left:-6px }
.sectorsubhead p { font-family:Verdana, sans-serif; font-size:13px; text-align:justify; line-height:24px; color:#000  }
.sectorsubhead p span { font-size:15px; font-weight:bold }


.sectorsubhead ul  { font-family:Verdana, sans-serif; font-size:13px; text-align:justify; line-height:24px; color:#000}


/*================== Bootstrap Responsive Table =================*/

.table-responsive { width:100% }
.table { width:100%; font-family:'Lato', sans-serif; line-height:26px !important }
.table thead { line-height:20px }


/*====================== New Footer CSS ===================*/

.mainbox { width: 100%;box-shadow: 0 1px 2px 1px rgba(0,0,0,0.24); height:335px }

.headername {width: 100%; height: auto; padding: 0.7em; font-size: 100%; color: #ffffff !important;font-weight: bold; font-family:'Montserrat', sans-serif }
.headername a { color:#fff !important; text-decoration:none }

.companytext { padding:0px 10px 0px 10px; font-family:Verdana, sans-serif; font-size:13px; text-align:justify }


/*============= LMS SIDE BAR CONTENT ===========*/

.lmssidebar { width:100% }
.lmssidebar .imgbox { text-align:center ; width:100%; padding:0px 5px 0px 5px }
.morebox { float:right }




/*============ Sign Up Buttons =================*/

.signupbtn { padding:5px 13px !important; font-family:'Poppins',sans-serif; color:#FFF;background-color:#E21f26;font-size:14px;
             text-decoration:none; font-weight:400; text-align:center;border-radius:4px; display:inline-block; cursor:pointer }

.signupbtn:hover { background-color:#337ab7 }


.signupbtnblue { padding:5px 13px !important; font-family:'Poppins',sans-serif; color:#FFF;background-color:#337ab7;font-size:13px;
             text-decoration:none; font-weight:400; text-align:center;border-radius:4px; display:inline-block; cursor:pointer }

.signupbtnblue:hover { background-color:#1F6296 }


.IndustryTab { padding:5px 13px !important; font-family:'Lato',sans-serif; color:#FFF;background-color:#E21f26;font-size:14px;
             text-decoration:none; font-weight:600; text-align:center;border-radius:4px; display:inline-block; cursor:pointer }

.IndustryTab:hover { background-color:#337ab7 }

/*==================== Intro Section ==========================*/
.coursebox { opacity:1;transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } 
.coursebox:hover { opacity: 0.7; }

.MainBoxBlue { background-color:#FFF; width:100%; padding:3px; border:2px solid #2C92C3; border-radius:5px; margin-bottom:20px }
.MainIntroBoxBlue { background-color:#93D1F0; width:100%;border:1px solid #2C92C3; padding:0px 0px 10px 0px }
.MainIntroBoxBlueHead { background-color:#3C9DCD; width:100%;padding:10px; text-align:center;line-height:22px}


.MainBoxYellow { background-color:#FFF; width:100%; padding:3px; border:2px solid #C59224 ; border-radius:5px; margin-bottom:20px }
.MainIntroBoxYellow { background-color:#F2CE7F; width:100%;border:1px solid #C59224; padding:0px 0px 10px 0px  }
.MainIntroBoxYellowHead { background-color:#CD9934;  width:100%;padding:10px; text-align:center;line-height:22px}

.headtext { text-align:center; font-family:'Work Sans',sans-serif; color:#FFF; font-weight:600;
                                  font-size:19px}
.headtext span { text-align:center;font-weight:500;font-size:16px}


.InnerIntro { width:100%  }
.IntroIcon { text-align:center; width:100%; }
.IntroIcon img { width:100px; text-align:center; margin-top:0px }

.Introhead h1{ font-size:17px; text-align:center; font-family:'Poppins',sans-serif; 
               font-weight:600; color:#444; text-align:center; text-transform:uppercase; margin-top:10px }
.IntroText { font-family:'Lato',sans-serif; font-size:14px; font-weight:400; color:#222; text-align:center }

.knowmorecol { text-align:center; margin:17px 0px 0px 0px }

.morebtnBlue { padding:2px 9px; font-family:'Poppins',sans-serif; color:#FFF;background-color:#3C9DCD;font-size:12px;
               text-decoration:none; font-weight:500; text-align:center}


.morebtnYellow { padding:2px 9px; font-family:'Poppins',sans-serif; color:#FFF;background-color:#CD9934;font-size:12px;
               text-decoration:none; font-weight:500; text-align:center}


/*=============================== Company Introduction Part =================================*/


.CompanyTitle h1 {
    font-family: 'Bitter',sans-serif;
    color: #E21f26;
    text-align: center;
    font-weight: 600;
    text-align: center;
    font-size: 25px;
    position: relative;
}


.CompanyTitle h1::after {
content: "";
width: 80%;
position: absolute;
margin: 0 auto;
height: 1px;
border-radius: 1px;
background: #BDBDBD;
left: 0;
right: 0;
bottom: 14px;
}

.CompanyTitle h1 span {
display: inline-block;
padding: 0 25px;
background: #f5f5f5;
position: relative;
z-index: 2;
}

.CompanyTitle h2 {
    font-family: 'Bitter',sans-serif;
    color: #E21f26;
    text-align: center;
    font-weight: 600;
    text-align: center;
    font-size: 25px;
    position: relative;
    margin:15px 0px 20px 0px
}


.CompanyTitle h2::after {
content: "";
width: 80%;
position: absolute;
margin: 0 auto;
height: 1px;
border-radius: 1px;
background: #BDBDBD;
left: 0;
right: 0;
bottom: 14px;
}

.CompanyTitle h2 span {
display: inline-block;
padding: 0 25px;
background: #f5f5f5;
position: relative;
z-index: 2;
}

.TextTitle h1 {
font-family:'Courgette', cursive;
color: #E21f26;
text-align: center;
font-weight: 600;
text-align: center;
font-size:30px;
position: relative;
margin-top:0px
}


.TextTitle h1 span {
display: inline-block;
padding: 0 25px;
background: #f5f5f5;
position: relative;
z-index: 2;
}

.CompanyTagline {
font-family: 'Lato',sans-serif;
font-size: 17px;
color: #636363;
text-align: center;
font-weight: 600;
line-height: 25px;
padding: 0px 0px 20px 0px
}

.abtcompany {
font-family: GoogleSans-Medium,sans-serif;
font-size: 16px;
font-weight: 400;
color: #636363;
line-height: 30px;
text-align: center;
margin: 10px 0px 30px 0px
}


.ProfileIntroBox {
width: 100%
}

.ProfileIcon {
text-align: center;
width: 100%;
}

.ProfileIcon img {
width: 120px;
text-align: center;
margin-top: 0px
}


.counter {
color: #3495B6;
font-family: 'GoogleSans-Medium',sans-serif;
text-align: center;
font-weight: 800;
font-size:25px;
line-height: 22px;
margin: 10px 0px 0px 0px
}

.counter span {
font-weight:500;
font-size: 16px;
color: #636363
}



.readmorebtn {
padding: 5px 9px;
font-family: 'GoogleSans-Medium',sans-serif;
color: #FFF;
background-color: #e21f26;
font-size: 15px;
text-decoration: none;
font-weight: 400;
text-align: center;
border: 1px solid #FFF;
}


.readmorebtn:hover {
background-color: #3495B6
}


.readmorebtnblue {
padding: 5px 9px;
font-family: 'Poppins',sans-serif;
color: #FFF;
background-color: #3495B6;
font-size: 15px;
text-decoration: none;
font-weight: 500;
text-align: center;
border: 1px solid #FFF
}


.readmorebtnblue:hover {
background-color: #e21f26;
}






/*=================== Project Breif  Css ========================*/



.jobroletext { font-family:'Lato',sans-serif; color:#646464; text-align:center; font-weight:600;
                   text-align:center;font-size:17px}

.CompanyTagline { font-family:'Lato',sans-serif; font-size:17px; color:#636363; text-align:center; font-weight:600; 
                  line-height:25px; padding:0px 0px 20px 0px  }


.footerNew {padding:0px 0 0; border-top:2px solid #eee;margin-top:0px; 
        font-family:'Poppins', sans-serif;background: #272727;color: #b9b9b9;}

.copyright {
    border-top: 1px solid #3e3e3e;
    padding-top: 15px;
    text-align: center;
    line-height:32px;
    padding-bottom:15px
}

.copyright a {color:#b9b9b9 ; font-size:14px}
.copyright a:hover {color:#49a0bd}



.formContainer {
    border-radius:5px;
    box-shadow: 0px 0 5px #e21f26;
    margin-bottom: 20px;
    font-family: 'Lato',sans-serif;
    background-color: #fff !important;
    padding:10px;
    margin:10px;
    color: black;
}

.registrationlink { font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; color:#2C92C3; text-align:center; text-decoration:none }
.registrationlink:hover { color:#636363 }


.breadcrumheader { padding:20px 20px 20px 0px; border-top:2px solid #eee;margin-top:0px; 
        font-family:'Poppins', sans-serif;background: #272727;color: #fff; }




/*============= Menu =============== */

/*  LEVEL ONE  */
ul.dropdowni {list-style:none;margin:0px 0px 0px 0px;padding: 0px;position: relative;width: 100%; 
              font-family:GoogleSans-Medium; font-weight:400; text-transform:capitalize}
.dropdowni ul {margin: 0px;padding: 0px;list-style: none;float: left;}

ul.dropdowni li {float: left;zoom: 1;display: block;position: relative;z-index: 500;margin-bottom: 0px;}
ul.dropdowni li a {text-decoration: none;font-weight:500;display: block;padding: 25px 20px 23px 20px;color: #000;font-size:16px;}
ul.dropdowni li a:before{ content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ccc;
    top: 0;
    right: 0; }

.dropdowni li a:hover {color: #333;}
ul.dropdowni li:last-child a {border-right: none;}
ul.dropdowni li a.current {background-color:#DD560D;color: #333;}

/* Doesn't work in IE */
ul.dropdowni li.hover, ul.dropdowni li:hover {background:#F1F1F1;position: relative;}

.dropdowni ul li ul li {margin-left: 0px;}

/*  LEVEL TWO  */
ul.dropdowni ul {width:200px;visibility: hidden;position: absolute;top: 100%;left: 0;color: #333; 
                 text-transform:capitalize;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);}

ul.dropdowni ul li {color: #333;float: none;text-align: left;margin-bottom: 0px; width:250px}

/* IE 6 & 7 Needs Inline Block */
ul.dropdowni ul li a {text-decoration: none;border-left: none;padding: 8px 0px 8px 18px;border: 1px solid #DfDFDF;background: #FFF;
border-top: none;color: #333;border-right: none;width: 100%;display: inline-block; font-size:15px; font-weight:400}

ul.dropdowni ul li a:hover {color: #FFFFFF;border-left: none;border-right: none;width: 100%;display: inline-block;background: #ED091C;}


/*  LEVEL THREE  */
ul.dropdowni ul ul {left: 100%;top: 0;}
ul.dropdowni li:hover > ul {visibility: visible;}
.mobileMenu {width: 100%;height: 40px;margin-top: 23px;}
.sticky-header ul.dropdowni > li > a {text-decoration: none;display: block;padding: 20px 10px 20px 10px;color: #000;font-size: 15px;}
.sticky-header .dropdowni > li > a:hover {color: #DD560D;}
.sticky-header ul.dropdowni li.hover, .sticky-header ul.dropdowni li:hover {background: #fff;position: relative;}
.bounce-in-header ul.dropdowni > li > a {text-decoration: none;display: block;padding: 18px 9px 18px 9px;color: #000;font-size: 16px;}
.bounce-in-header ul.dropdowni li a.current {background-color: #DD560D;color: #fff;}


.mobsocial {float: right;padding-right: 10px;padding-top: 10px;}
.mobsocial a { color: #fff !important; font-size: 22px;margin-right: 20px;text-align: center;}
.mobsocial a:last-child {margin-right: 5px;}
.mobsocial i:hover {color: #F6C300;}


/*==============  Elearning Heading ================*/


.lmsmainhead {
    font-family: 'Exo 2', sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    color: #e21f26;
    text-transform: capitalize;
    margin: 26px 0px 10px 0px;
}
.lmsmainhead span { color:#337ab7 ; font-family:'Work Sans',sans-serif; font-size:17px; font-weight:600;}

.lmstext {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 25px;
    margin: 0px 0px 30px 0px
}

.homesubhead {
    font-family: 'Exo 2', sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    color: #104CB9;
    text-transform: capitalize;
    margin: 26px 0px 10px 0px;
}

/*=============== job opp button =================*/
.oppbutton {
    background-color: #636363;
    display: inline-block;
    outline: 1px solid #636363;
    outline-offset: 3px;
    overflow: hidden;
    padding: 5px 58px 5px 10px;
    position: relative;
    z-index: 9999;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1.2px;
    font-family: GoogleSans-Medium,sans-serif;
    z-index: 1;
    font-weight:400
}

    .oppbutton i {
        color: #27282d;
        font-size: 19px;
        font-weight: bold;
        height: 100%;
        position: absolute;
        right: 16px;
        top: 6px;
    }

    .oppbutton:before {
        background-color: #dedcdc;
        content: "";
        height: 100%;
        padding: 33px 34px;
        position: absolute;
        right: -27px;
        top: -18px;
        outline: 1px solid #636363;
        transform: rotate(62deg);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }


.socialmediabox { padding:5px; width:100% }
.fbcolor {background-color:#3B5998  !important}
.twcolor {background-color:#0084B4 }

/*===================== Courses  =====================*/

.coursesection {
    background-color: #FFF;
    font-family: GoogleSans-Medium;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 2px;
    color:#333; margin-bottom:15px
}

.courseimg {
text-align: center;
width: 100%;
}

.courseimg img {
width: 150px;
text-align: center;
margin-top: 0px
}

.coursehead { color:#016fcc; text-align:center; font-size:18px; font-family:'Work Sans',sans-serif;
              font-weight:800; text-transform:uppercase; margin:80px 0px 0px 0px }
.coursehead img { margin-top:-10px }

.abtcourse {
    font-family: GoogleSans-Medium,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #636363;
    line-height: 22px;
    text-align: center;
    margin: 10px 0px 0px 0px;
    text-align:justify;
    padding:10px
}


/*================== Owl Corosel =============*/

.awardhead {
    color: #3495B6;
    text-align: center;
    font-size:22px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Bitter',sans-serif;margin-bottom:0px
}

.awardbox { width:100%; text-align:center; margin-bottom:30px ; font-family:GoogleSans-Bold;}
.awardboxineer { background-color:#FFF; padding:10px; text-align:center; margin:auto auto;
                 width:220px; height:220px; border-radius:50% ; }

.awardboxineer img { text-align:center; width:200px;}

.awardstrip { width:100%; background-image:url('../images/award_strp2.png'); height:92px;  margin-top:-40px;
              background-repeat:no-repeat; background-position:center }

.awardtext { font-family:GoogleSans-Bold; font-size:15px; font-weight:400; text-align:center ; color:#FFF; padding-top:35px }
.awrcontri { font-size:15px; font-weight:400; color:#3495B6; margin-top:20px }


/*================================= Contact Us Section =============================*/

.mapBox {
width: 100%;
border-bottom: 1px solid #DFDFDF;
display:none;
}

.ConnectBox {
width: 100%;
text-align: center;
}

.ConnectBox img {
text-align: center;
width: 100px;
margin: 0px auto;
padding-bottom: 10px
}


.OfficeAdd {
background: url('../images/Vision-India-Skills-Bg.jpg') no-repeat center;
background-size: cover;
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF
}

.OfficeAddBox {
width: 100%;
padding: 5px;
font-family: 'Lato',sans-serif;
}

.locationName {
color: #016fcc;
font-size: 17px;
font-weight: 600;
text-align: left;
margin: 0px 0px 10px 0px;
line-height: 30px
}

.locationName span {
color: #e21f26;
font-size: 16px;
font-family: 'Lato',sans-serif;
}

.locationdetail {
color: #636363;
text-align: left;
font-size: 14px;
font-weight: 600;
margin: 0px 0px 15px 0px;
}

.locaicon img {
text-align: left;
padding-right: 10px;
width: 25px
}

.locationdetail a {
color: #016fcc
}

.locationdetail a:hover {
color: #e21f26
}


.TeamMemberName {
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #016fcc;
    margin: 0px 0px 0px 0px
}

.TeamMemberDesignation {
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #757575;
    margin: 5px 0px 0px 0px
}

/*================== NewCourse ================== */

.crsbx { width:100%; text-align:center; margin-bottom:30px }
.crsbxinner { width:130px; height:130px ;margin:auto auto; text-align:center; background-color:#646464; border-radius:50%; }
.crsbxinner img { padding:17px 10px 10px 10px; width:110px }

.redbximg { text-align:center; margin-bottom:-5px }
.redbx { background-color:#e21f26; border-radius:5px; text-align:center }

.bluebximg { text-align:center; margin-bottom:-5px }
.bluebx { background-color:#e21f26; border-radius:5px; text-align:center }

.crsbxname { text-align:center; font-family:GoogleSans-Bold;font-weight:400; color:#FFF; 
             padding:7px 0px 7px 0px;margin:0px 0px 0px 0px; font-size:14px}


/*================= Our Approach ===================*/
.appbx {
    text-align: center;
    font-family: GoogleSans-Medium;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 2px;
    margin-bottom:20px
}
.appbxicon { text-align:center; font-size:18px; color:#333; padding:20px 0px 0px 0px; line-height:30px }
.appbxText { text-align:center; font-size:14px; color:#7B7B7B; padding:10px 10px 10px 10px }


.appbxredbor { border-top:3px solid #E21F26; border-top-left-radius:5px; border-top-right-radius:5px;}
.appbxbluebor { border-top:3px solid #0161AA; border-top-left-radius:5px; border-top-right-radius:5px;}
.appbxorgbor { border-top:3px solid #E46906; border-top-left-radius:5px; border-top-right-radius:5px;}
.appbxyellowbor { border-top:3px solid #EDB138; border-top-left-radius:5px; border-top-right-radius:5px;}


.formbx { border:1px solid #CCC; padding:10px }


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

.breadcum {
    width: 100%;
    margin: 0px 0px 0px 0px;
    background-repeat: repeat-x;
    height: 100px;
    background: rgba(60, 146, 202, 0.7) url('../images/facts-banner.jpg');
    text-align: left;
}

.site-nav { width:100%;margin:0px 0px 0px 0px; background-repeat:repeat-x; font-family:GoogleSans-Medium; font-weight:400;
            background: rgba(60, 146, 202, 0.7) url('../images/facts-banner.jpg');text-align:left; height:70px; padding-top:10px}

.site-nav .infobox { width:100%; color:#fff;}
.site-nav .texticonbox { float:left }
.site-nav .texticon { background-color:#ea4b35;padding:30px 20px; border:1px solid #FFF;font-weight:600; margin-right:20px  }
.texthead { font-weight:500;font-size:21px;text-align:left; color:#FFF; }
.smalltext { font-weight:400;font-size:12px; text-align:left; margin-top:5px; color:#fff }

.login-container {
    margin: 0px 50px 10px 50px;
    padding:10px
}
.login-page .login-container {
	background-color: transparent;
	padding: 5px;
	/*border: 2px solid #FFF;*/
}
.login-container .loginbox {
    position: relative;
    padding: 10px;
    border: 1px solid #FFF;
    overflow: hidden;
    background-color: #FFF;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.login-container .loginbox .loginbox-title {
	position: relative;
	text-align: center;
	color: #242424;
	padding-bottom: 30px;
	font-weight: 500;
	font-size: 18px;
	font-family:'GoogleSans-Medium',sans-serif
}

.registernewuser {
font-family:GoogleSans-Medium;
padding: 8px 8px 8px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
text-align: left;
color: #FFF;
font-weight: 500;
}

.registernewuser a span {
color: #e21f26;
padding: 5px 10px;
background-color: #f5f5f5;
border: 1px solid #e21f26;
}

.registernewuser a span:hover {
color: #F5F5F5;
padding: 5px 10px;
background-color: #e21f26
}

.submitbtn {
    border: none;
    font-family: 'Work Sans', sans-serif;
    background: #e65252;
    border-color: #e65252;
    color: #fff;
    cursor: pointer;
    padding: 6px 15px;
    margin: 0px 0px 0px 0;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}
.submitbtn:focus {
    color: #fff;
    background-color: #e13131;
    border-color: #e02525;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .2rem rgba(234,108,108,0.5)
}

.submitbtn:hover {
    color: #fff;
    background-color: #e13131;
    border-color: #e02525;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .2rem rgba(234,108,108,0.5)
}

.primarybtn {
    border: none;
    font-family: 'Work Sans', sans-serif;
    background: #FFF;
    border: 1px solid #337ab7;
    color: #337ab7;
    cursor: pointer;
    padding: 6px 15px;
    margin: 0px 0px 13px 0;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}

.primarybtn:focus {
    color: #fff;
    background-color: #DDF1FF;
    border: 1px solid #0368d2;
    color: #337ab7;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    box-shadow: 0 0 0 .2rem rgba(42,143,249,0.5)
}

.primarybtn:hover {
    color: #fff;
    background-color: #DDF1FF;
    border-color: #0368d2;
    color: #337ab7;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    box-shadow: 0 0 0 .2rem rgba(42,143,249,0.5)
}

.introarea 
{
    background: linear-gradient(-45deg,#EC5252 0%,#6E1A52 100%);
    font-family:'Bitter' sans-serif;
    color:#FFF;
    padding:15px 0px !important;
}
.inticon { margin:-5px 10px 0px 0px;color:#FFF;font-size:50px }
.intihead { color:#FFF;font-size:20px; text-align:left ; font-weight:600;font-family:Bitter, sans-serif;line-height:28px}
.intihead  span{ color:#FFF;font-size:13px; text-align:left; font-weight:400 }

.curvebtn {
    color: #fff;
    border-radius: 32.4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(to right,#9752ff,#5e93ff);
    font-size: 15px;
    padding: 10px 20px;
    font-family:'Archivo',sans-serif
}


.curvebtn:hover {
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
text-decoration:none;
color:#FFF;
}

.curveleftbtn {
    color: #fff;
    border-radius: 32.4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(to right,#5e93ff,#9752ff);
    font-size: 15px;
    padding: 10px 20px;
    font-family: 'Archivo',sans-serif
}

.curveleftbtn:hover {
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
}

.learnbtn {
color: #fff;
border-radius: 32.4px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
background-image: linear-gradient(to right,#9752ff,#5e93ff);
font-size: 13px;
padding: 5px 20px;
font-family: 'Archivo',sans-serif;
border:none;
cursor:pointer;
}

.learnbtn:hover {
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
}

.assessbtn {
color: #fff;
border-radius: 32.4px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
background-image: linear-gradient(to right,#e21f26,#F14B51);
font-size: 13px;
padding: 5px 20px;
font-family: 'Archivo',sans-serif ;
border:none;
cursor: pointer;
}

.assessbtn:hover {
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
}

.orangebtn {
color: #fff;
border-radius: 32.4px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 3px 0 rgba(247,95,30,.2);
background-image: linear-gradient(to right,#fc6076,#ff9231);
font-size: 13px;
padding: 10px 20px;
font-family: 'Archivo',sans-serif;
border:none;
cursor:pointer;
}

.orangebtn:hover {
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    text-decoration: none;
    background-image: linear-gradient(to right,#ff9231,#fc6076);
    color: #FFF
}

/*=============== Individual Course =================*/
.individualbg {
    padding:5px 0 0px 0px;
    background-color: #39ace1;
    background-image: linear-gradient(145deg,#52a2fc,#480fcc);
}

.individualhead {text-align:left}
.individualhead h1{text-align:left;line-height: 30px;font-size: 25px;font-weight: 500;
                 font-family:GoogleSans-Medium;color: #FFF; margin-top:20px}

.individualintro { text-align:justify; color:#FFF; font-size:15px; font-family:'Work Sans',sans-serif;
                   font-weight:500}

.indiicon { padding:30px 30px 30px 30px; width:200px; margin:-30px auto 0px 30px; text-align:center }
.indiicon2 { padding:50px 30px 30px 30px; width:160px; margin:-30px auto 0px 30px; text-align:center }

.videoframe {
    margin-top:50px;
    background-color: #F5F5F5;
    padding: 10px 10px 10px 0px;
    border: 1px solid #ccc
}



/*============= Download Broucher Section ================*/
.brchr {
    color: #fff;
    padding: 30px 0 30px 0px;
    background-color: #ffb000;
    background-image: linear-gradient(145deg,#f4a22b,#f34b6b);
    font-family: 'Work Sans',sans-serif;
    font-weight: 600
}

.brchrtext { text-align:left; font-size:25px;line-height:25px }
.brchrtextsmall { font-size:16px }


.boxpurple {
    color: #FFF;
    background-image: linear-gradient(to bottom,#a976ff,#fea2cf);
    border-radius: 12px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1), 0 4px 8px 0 rgba(0,0,0,.1);
    padding:20px 20px 20px;
    margin-bottom: 30px;
    border-top: 2px solid #FFF
}

.boxorange {
    color: #FFF;
    background-image: linear-gradient(to bottom,#a976ff,#fea2cf);
    border-radius: 12px;
    background-image: linear-gradient(to top,#ffd28e,#ff806d);
    padding: 20px 20px 20px;
    margin-bottom: 30px;
    border-top: 2px solid #FFF
}




.startle {text-align: center;margin:-40px 0px 30px 0px;padding-bottom:20px}
.learningbtn {text-align: center;margin:20px 0px 10px 0px;padding-bottom:20px}

.modulebg 
{
    background-color:#fff7ff
}

.modulebg:before {
content: '';
display: block;
background-image: url('../images/wave-1.png');
position: absolute;
top: -25px;
left: 0;
right: 0;
height: 27px;
background-size: 100%;
background-repeat: no-repeat;
}

.tutorhead {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    line-height: 40px;
    border-bottom: none;
    padding-left: 5px;
    text-transform: capitalize;
    color: #e21f26;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*============== Result Table =============*/
.result { width:100% }
.result table { width:100%; font-family:'Work Sans',sans-serif; line-height:25px; border:1px solid #ccc; color:#333 ; padding:5px}
.resulleft { width:40% ; background-color:#F5f5f5;border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding:5px}
.resulright { width:60% ; border:1px solid #ccc;border-bottom:1px solid #ccc; padding:5px}


/*============== Learber's Dashboard ==================*/
.ProfileBox { width:100%; margin-bottom: 20px;font-family:'Work Sans', sans-serif !important;background-color:#FFF;
              box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 2px;margin: 8px 10px 25px 0px; }

.ProfileHead {background-color: #FAFAFA; border-bottom:1px dashed #a4a4a4; padding:10px 5px 10px 10px; text-transform:capitalize !important; 
           color:#222;font-weight:500; font-size:16px; font-family:'Poppins',sans-serif }

.ProfileDetails { font-family:'Work Sans', sans-serif !important;font-size:14px; text-align:left;border-bottom:1px dashed #a4a4a4; 
                  padding:0px 0px 10px 0px; color:#4E4E4E; margin:15px 10px 0px 10px; font-weight:600 }


.grdheading { font-family:Verdana, Geneva, Tahoma, sans-serif ; font-size:13px; font-weight:bold; 
           text-align:left; padding:5px; background-color:#2d6282; color:#FFF }

.gridbox { border:1px solid #2d6282; padding:5px }


/*-----------------  MY GRIDVIEW DESIGN ---------------------------*/
.mGrid {
width: 100%;
background-color: #FFFFFF;
margin: 1px 0 1px 0;
border: solid 1px #C0C0C0;
border-collapse: collapse;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight:400 !important
}

.mGrid td {
padding: 4px 4px 4px 4px;
border: solid 1px #c1c1c1;
color: #000000;
font-size: 12px;
text-align: center;
font-weight:400 !important
}

.mGrid th {
background: #DFECFC;
border-left: solid 1px #C0C0C0;
color: #0b356c;
line-height: 30px;
padding: 0px 5px 0px 5px;
font-size: 12px;
text-align: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;
white-space: nowrap;
}

.mGrid tr:hover {
background-color: #f5f5f5;
grid-column-sizing: auto
}

.mGrid .alt {
background: #fcfcfc;
}

.mGrid .pgr {
background: #708090;
}

.mGrid .pgr table {
margin: 5px 0;
}

.mGrid .pgr td {
border-width: 0;
padding: 0 6px;
border-left: solid 1px #666;
font-weight: bold;
color: #fff;
line-height: 12px;
}

.mGrid .pgr a {
color: #FFFFFF;
text-decoration: none;
}

.mGrid .pgr a:hover {
color: #FFFFFF;
text-decoration: none;
}  


/*===============  New Course Slider ==============*/
.coursemainbox { width:180px; border:1px dashed #a4a4a4 ; padding:7px; height:180px; position:relative; 
                 border-radius:50%; background-color:#f4f7fa; margin:10px auto}
.coursemainbox:hover {  -moz-box-shadow: 0 0 10px 0px #D7D7D7;-webkit-box-shadow: 0 0 10px 0px #D7D7D7; }

.coursemainbox img { margin-top:0px; width:164px; height:164px}


/*================= Our Approach ===================*/
.setbx {
    text-align: center;
    font-family: 'Work Sans',sans-serif;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    background-color: #FFF;
    margin:30px 0px 30px 0px;
    background-color:#FCFCFC;

}
.setbx2 {
    text-align: center;
    font-family: 'Work Sans',sans-serif;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    background-color: #FFF;
    margin: 30px 0px 30px 0px;
    background-color: #FCFCFC;
    height:150px;
    width:380px;
    border-radius:5px;
}
.setbxicon { text-align:center; font-size:24px; color:#333; padding:60px 0px 0px 0px; line-height:30px; 
             font-weight:600; font-family:'Exo',sans-serif }
.setbxText { text-align:center; font-size:17px; color:#7B7B7B; padding:10px 10px 10px 10px; 
             font-weight:500; margin:0px 0px 10px 0px; line-height:30px }


.setbxredbor { border-top:3px solid #E21F26; border-radius:5px; }
.setbxbluebor { border-top:3px solid #0161AA; border-radius:5px;}
.setbxorgbor { border-top:3px solid #E46906; border-radius:5px;}
.setbxyellowbor { border-top:3px solid #EDB138; border-radius:5px;}


.formbx { border:1px solid #CCC; padding:10px }

/*=============== Courses ===============*/
.purplebg {
    padding: 5px 0 0px 0px;
    background-image: linear-gradient(145deg,#7379ff,#b524ef);
    background-color: #9759cc;
}

.bluebg {
    padding: 5px 0 0px 0px;
    background-color: #39ace1;
    background-image: linear-gradient(145deg,#52a2fc,#480fcc);
}

.magentabg {
    padding: 5px 0 0px 0px;
    background: linear-gradient(-45deg,#EC5252 0%,#6E1A52 100%);
}

.overviewtxt 
{
   font-family:'Work Sans',sans-serif;
   font-size:15px; 
   font-weight:500;
   color:#333;
   text-align:justify;
   line-height:25px;
   padding:0px 30px 0px 0px
}

.courseintro {
    padding: 0px 0px 10px 0px;
    background: #FFF;
    border-radius: 6px;
    text-align: center;
    position: relative;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    margin:20px 15px 20px 15px;
}

.courseintroimg {
    text-align: center;
    margin: 10px auto;
    width: 105px;
    height: 105px;
    text-align: center;
    border: 1px dashed #A4a4a4;
    border-radius: 50%;
    padding:7px;
    background-image: url('../images/workbg.jpg')
}
.courseintroimg img { text-align:center;margin:auto auto; width:90px; background-color:#6B6B6B; border-radius:50% }

.coursename h1{ padding:5px 10px 10px 10px; text-align:center;color:#FFF; margin:0px !important;
         font-family:'Exo 2', sans-serif !important; font-size:20px; font-weight:700 }

.courseredbg { background-color:#E21F26; }

.coursebluebg { background-color:#0161AA;}

.courserorangebg { background-color:#E46906;}

.subcourse {
    background-color: #FFF;
    border: 1px dashed #A4a4a4;
    display: inline-block;
    width:46%
}
.subcourse h2 {
    background-image: url('../images/workbg.jpg');
    color: #e21f26;
    font-family: 'Exo',sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding:5px;
    margin:5px
}

.btnbox {
    background-color: #FFF;
    display: inline-block;
    width:46%;
    margin:20px 0px 10px 0px;
}

.paybtn {
color: #fff;
border-radius: 32.4px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
background-image: linear-gradient(to right,#9752ff,#5e93ff);
font-size: 13px;
padding: 5px 15px;
font-family: 'Work Sans',sans-serif;
border:none;
cursor:pointer;
}

.learnbtn:hover {
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;;
color:#FFF;
text-decoration:none
}

/*============= Course List ============*/

.courselistName {
    font-family: 'Exo 2', sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    line-height: 40px;
    border-bottom: none;
    padding-left:10px;
    text-transform: capitalize;
    color: #191e34
}


.instructions { font-family:'Exo',sans-serif; font-size:14px; color:#444; text-align:justify }
.instructions p { margin-top:10px; }
.instructions p img { margin-top:-3px; width:18px }


.forgetpass { color:#3495B6; text-decoration:none;font-family:'Exo',sans-serif }
.forgetpass1 {
    color: #3495B6;
    text-decoration: none;
    font-family: 'Exo',sans-serif
}


.pentagon {
    position: relative;
    width: 100px;
    box-sizing: content-box;
    border-width: 50px 18px 0;
    border-style: solid;
    border-color: red transparent;
}
.pentagon:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: -85px;
    left: -18px;
    border-width: 0 68px 35px;
    border-style: solid;
    border-color: transparent transparent red;
}

.iconimg { width:100px; height:100px; border-radius:50%; margin:-50px auto; z-index:2 }
.iconimg img { padding:15px; width:100px }

.redbg { background-color:#E21F26 }
.orangebg { background-color:#E46906 }
.blubg { background-color:#0161AA }
.yellowbg { background-color:#EDB138 }


.liveskills { padding:10px 10px 10px 10px;color:#e21f26;background-color:#FFF; border:1px solid #ccc; margin:0px 0px 15px 0px }
.liveskillsimg img { width:50px; height:50px; background-color:#e21f26; padding:5px;border-radius:50% }
.liveskillstext { color:#337ab7;font-size:18px; text-align:left ; font-weight:700;
                  font-family:'Exo', sans-serif;line-height:25px; margin:0px 0px 0px 60px}
.liveskillstext a{ color:#337ab7;font-size:18px; text-align:left ; font-weight:700;text-decoration:none}
.liveskillstext  span{ color:#A60D12;font-size:13px; text-align:left; font-weight:700 }

.btnapplicants span {
margin-top: 5px;
font-weight: 400;
padding: 2px 14px;
background-color: #ac2925;
border: 1px solid #ac2925;
font-size: 12px;
color: #FFF !important;
border-radius: 5px;
font-weight:700;
}

.btnapplicants span
{
    color:#FFF;
}

.btnapplicants span:hover {
background-color: #e21f26;
border: 1px solid #e21f26
}


/*================ New Award Design =========*/

.newawardbox { width:100%;text-align:center; margin-bottom:20px }
.newawardboxinner { background-color:#FFF;padding:0px 0px 10px 0px; text-align:center; margin:auto auto;}
.newawardboxinner img { width:160px; height:160px }

.awardetxt { background-color:#e21f26; font-family:'Exo 2',sans-serif; font-size:13px;border-radius:5px; 
             font-weight:700;padding:5px; text-align:center; margin:auto auto; color:#FFF }


/*================= Video Box Tutorial =========*/

.courselistName {
    font-family: 'Exo 2', sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    line-height: 40px;
    padding-left: 10px;
    text-transform: capitalize;
    color: #191e34
}

.videonametxt { background-color:#AF403F; font-family:GoogleSans-Bold,sans-serif; font-size:13px;border-radius:5px; 
             font-weight:400;padding:5px; text-align:center; margin:auto auto; color:#FFF;margin:0px 10px 10px 10px }

.videobox { background-color: #FFF;width:100%; margin-top:5px;padding-bottom:1px}
.videobox iframe { width:100%; padding:10px;padding-bottom:5px }


/*============= Certificate =================*/
.certificatebox {
    width: 1200px;
    height: 870px;
    padding: 1px;
    background-image: url('../images/liveSkillsCertificate.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}


.certificatename {
    font-family: 'Montserrat',sans-serif;
    font-size: 35px;
    color: #083B56;
    margin: 395px 0px 15px -8px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize
}

.regno {
    font-family: 'Montserrat',sans-serif;
    font-size: 22px;
    color: #717E84;
    margin: 25px 0px 15px 0px;
    text-align: center;
    font-weight: 500;
}

.certificatecourse {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    color: #717E84;
    margin: 0px 0px 15px 0px;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
}

.CourseDate {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    color: #717E84;
    margin: 10px 0px 15px 0px;
    text-align: center;
    font-weight: 600;
}

.issuedate {
    font-family: 'Montserrat',sans-serif;
    font-size: 13px;
    color: #4E4E4E;
    margin: 110px 0px 15px 287px;
    text-align: left;
    font-weight: 600;
}


/*============ Course Card Design ==============*/
.coursecardbox {
    background-color: #FFF;
    width: 100%;
    padding: 5px;
    font-family: 'Work Sans',sans-serif;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    border-radius:5px;
    border:1px solid #F5F5F5;
    margin:10px 0px 20px 0px;
    min-height:414px;
}

.coursecard-image {
    width:100%;
}
.coursecard-image img { 
    width:100%;
    border-radius:5px
}

.coursecard-body { 
    width:100%; 
    padding:10px 5px 5px 5px;
}

.coursecard-tittle {
    font-size: 15px;
    text-align: center;
    color: #e21f26;
    font-family: 'Work Sans',sans-serif;
    font-weight:600;
}

.coursecard-content {
    color: #7B7B7B;
    text-align:left;
    font-size:10.5pt;
    font-weight:600;

}

.coursecard-rating {
    font-size: 14px;
    color: #be5a0e;
    text-align: left;
}

.courseamt {
    background-color: #ffe799;
    color: #593d00;
    padding:3px 3px 3px 3px;
    float:right;
    text-align:right;
    border-radius:3px
}

.coursecard-btnbox { 
    margin-top:35px;
    width:100%
}

.coursedetail {
    border: none;
    font-family: 'Work Sans', sans-serif;
    background: #9752ff;
    border-color: #9752ff;
    color: #fff;
    cursor: pointer;
    padding: 6px 10px;
    margin: 0px 0px 0px 0;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-radius:10px;
    display:inline
}
.coursedetail:focus {
    color: #fff;
    background-color: #5e93ff;
    border-color: #5e93ff;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .2rem rgba(234,108,108,0.5)
}

.coursedetail:hover {
    color: #fff;
    background-color: #5e93ff;
    border-color: #5e93ff;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .2rem rgba(234,108,108,0.5)
}

.subsbtn {
    border: none;
    font-family: 'Work Sans', sans-serif;
    background: #ff9231;
    border-color: #ff9231;
    color: #fff;
    cursor: pointer;
    padding: 6px 10px;
    margin: 0px 0px 0px 0;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-radius: 10px;
    display: inline
}
.subsbtn:focus {
    color: #fff;
    background-color: #fc6076;
    border-color: #fc6076;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .2rem rgba(234,108,108,0.5)
}

.subsbtn:hover {
    color: #fff;
    background-color: #fc6076;
    border-color: #fc6076;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .2rem rgba(234,108,108,0.5)
}

.coursearch { 
    padding:10px 0px 10px 10px;

}


.courseattach {
    margin-top: 5px;
    font-weight: 600;
    padding: 2px 14px;
    background-color: #ac2925;
    border: 1px solid #ac2925;
    font-size: 13px;
    color: #FFF;
    border-radius: 5px;
    font-family: 'Exo', sans-serif;
}

.courseattach:hover {
    background-color: #e21f26;
    border: 1px solid #e21f26
}

.curvebtnNew {
    color: #fff;
    border-radius: 32.4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(to right,#344154,#5e93ff);
    font-size: 15px;
    padding: 10px 20px;
    font-family: 'Archivo',sans-serif
}

.curvebtnNew:hover {
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
text-decoration:none;
color:#FFF;
}

.curvebtnNewn {
    color: #fff;
    border-radius: 32.4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(to right,#344154,#5e93ff);
    font-size: 15px;
    padding: 10px 15px;
    font-family: 'Archivo',sans-serif
}

    .curvebtnNewn:hover {
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        text-decoration: none;
        color: #FFF;
    }

/*============== Table CGD Content ======*/
.SkillCentertable{
    width:100%
}

.SkillCentertable table { width:100%; font-family:'Sintony', sans-serif; background-color:#FFF; 
                          font-size:13px; line-height:25px;border:1px solid #707070; text-align:left }

.SkillCentertable tr th { background: #DFECFC;color: #01164F; font-weight:700; font-size:16px }
    /*background: #DFECFC;color: #0b356c*/
.SkillCentertable .alternate{background-color:#FCFCFC}

.skillcentercol1 { width:50%;padding:5px 5px 5px 5px; border-top:1px solid #707070;border-right:1px solid #707070}
.skillcentercol2 { width:25%;padding:5px 5px 5px 5px; border-top:1px solid #707070;border-right:1px solid #707070}
.skillcentercol3 { width:25%;padding:5px 5px 5px 5px; border-top:1px solid #707070}


.coptable{ width:100% }

.coptable table { width:100%; font-family:'Sintony', sans-serif; background-color:#FFF; 
                          font-size:13px; line-height:22px;border:1px solid #707070; text-align:left }

.coptable tr th { background: #DFECFC;color: #01164F; font-weight:700; font-size:16px}
.coptable .alternate{background-color:#FCFCFC}

.coptablecol1 { width:10%;padding:5px 5px 5px 5px; border-top:1px solid #707070;border-right:1px solid #707070}
.coptablecol2 { width:45%;padding:5px 5px 5px 5px; border-top:1px solid #707070;border-right:1px solid #707070}
.coptablecol3 { width:45%;padding:5px 5px 5px 5px; border-top:1px solid #707070; color:#E21F26}
.coptablecol3 a { color:#E21F26; text-decoration:underline }

/*============== CGD Page Design ============*/
.cgdintro { background-image:url('../images/Graduate-Trainee-Engineer-cgd-banner.png');
            background-position:center;
            background-repeat:no-repeat;
}

.cgdintrohead { text-align:left }
.cgdintrohead h1 { text-align: left;line-height: 30px;font-size:22px;font-weight: 300;
    font-family: Poppins,sans-serif;color: #FFF;margin:0px 0px 0px 0px }

.cgdintrohead h2 {
    text-align: left;
    line-height: 25px;
    font-size: 18px;
    font-weight: 300;
    font-family: Poppins,sans-serif;
    color: #FFF;
}

.cgdintroarea { text-align:left ;color: #FFF;font-size: 14px;font-family: 'Work Sans',sans-serif;font-weight:400;
                padding:10px 20px 25px 0px;line-height:23px
}



.programhighlights {
    background-color: #FFF;
    box-shadow: 0 6px 22px 0 rgb(0 0 0 / 8%);
    border-radius: 10px;
    padding: 18px;
    margin:-50px 0px 0px 0px
}

.programhighlights .inner {
    text-align: left;
    line-height: 25px;
    font-family: Poppins,sans-serif;
}

.programhighlights img { 
    float:left;
    width:50px;
    margin:5px 10px 0px 0px;
}

.programhighlights .inner h1 {
    font-size: 22px;
    color: #303030;
    font-weight: 500;
    font-family: Poppins,sans-serif;
    margin:0px 0px 0px 0px;
    line-height:40px
}
.programhighlights .inner span{ font-size:13px; color:#787878; font-weight:400 }

.programoverview {
    text-align:left;
    margin:40px 0px 10px 0px 
}

.crsfeature {
    padding: 6px 6px 6px 6px;
    background-image: linear-gradient(145deg,#22436A,#3C5F8A); /*( 145deg,#244773,#38628C);*/
    background-color: #0D396C;
    border-radius: 5px;
    font-family: 'GoogleSans-Medium',sans-serif;
    border: 1px dashed #0D396C;
    -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    text-decoration: none;
    margin: 0px 0px 10px 0px
}

.crstitle {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.38;
    color: rgba(255,255,255,1);
    padding-left:10px
}

.crstitle a { color:#FFF;font-size:15px;font-weight:500 }

.crstitle p {
    font-size: 13px;
    text-align: left;
    line-height: 1.7;
    color: rgba(255,255,255,1);
    font-weight: 400;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px
}

.crsbtnbox { text-align:center; margin:30px auto }

.downloadbtn {
    background-image: linear-gradient( 106deg,#f53941,#ff6e6a);
    font-weight: 700;
    color: #fff;
    background: #ef403d;
    font-family: GoogleSans-Medium;
    font-weight: 500;
    text-align: center;
    padding: 10px 25px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 4px;
    font-size:15px;
    margin:0px auto;
}
.downloadbtn:hover {
    -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    text-decoration:none;
    color:#FFF
}

.downloadbtn2 {
    background-image: linear-gradient( 106deg,#f53941,#ff6e6a);
    font-weight: 700;
    color: #fff;
    background: #ef403d;
    font-family: GoogleSans-Medium;
    font-weight: 500;
    text-align: center;
    padding: 10px 68px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    margin: 0px auto;
}

    .downloadbtn2:hover {
        -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
        box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
        text-decoration: none;
        color: #FFF
    }

.downloadbtn1 {
    background-image: linear-gradient( 106deg,#0D396C,#255690);
    font-weight: 700;
    color: #fff;
    background: #255690;
    font-family: GoogleSans-Medium;
    font-weight: 500;
    text-align: center;
    padding: 10px 25px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    margin: 0px auto;
}

    .downloadbtn1:hover {
        -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
        box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
        text-decoration: none;
        color: #FFF
    }

.downloadbtn3 {
    background-image: linear-gradient( 106deg,#0D396C,#255690);
    font-weight: 700;
    color: #fff;
    background: #255690;
    font-family: GoogleSans-Medium;
    font-weight: 500;
    text-align: center;
    padding: 10px 68px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    margin: 0px auto;
}

    .downloadbtn3:hover {
        -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
        box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
        text-decoration: none;
        color: #FFF
    }
.progFea {
    border-radius: 2px;
    -webkit-box-shadow: 0 7px 31px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 7px 31px 0 rgb(0 0 0 / 5%);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(25%,#fff),color-stop(30%,#f9f9f9),to(#fff));
    background: linear-gradient( 180deg,#fff,#fff 25%,#f9f9f9 30%,#fff);
    margin: 0px 0px 10px 0px;
    font-family: GoogleSans-Medium,sans-serif;
}

.progFea .feahead{
    /*color: rgba(0,14,51,0.87);*/
    color: rgba(226,31,38,0.87);
    font-family:GoogleSans-Medium,sans-serif;
    font-size:24px;
    font-weight:500;
    border-bottom: 1px solid #e8e8e8;
    padding:25px;
    width:100%;
}

.featext {
    font-family: GoogleSans-Medium;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    padding: 0px 10px 10px 10px;
}

.feapts { 
    font-family:GoogleSans-Medium;
    font-weight:400;
    font-size:14px;
    text-align:left;
    padding:10px 10px 10px 10px ;
    line-height:25px
}

.feapts li { margin-top:10px }
/*    .feapts li {
        margin-top: 10px;
        background-image: url('../images/icon-1.png');
        background-position:0% 5%;
        background-repeat:no-repeat;
        background-size:18px;
        padding:0px 0px 0px 25px
    }*/

.crsfoot {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: rgba(0,14,51,0.87);
    font-family:GoogleSans-Medium,sans-serif
}

.footbox {
    background-color: #FFF;
    -webkit-box-shadow: 2px 4px 8px 0 rgb(46 61 73 / 11%);
    box-shadow: 2px 4px 8px 0 rgb(46 61 73 / 11%);
    padding: 20px 20px 20px 20px;
    border-radius: 10px
}

.crsfoot p { padding:0px 0px 0px 0px;margin:0px 0px 0px }

.bluecol {
    color: #0A4487 !important;
    font-weight: 500 !important
}

.redcol {
    color: #E21F26 !important;
    
}

.cgd-skill-center {
    background-image: linear-gradient(145deg,#22436A,#3C5F8A);
    background-color: #0D396C;
    padding: 20px 10px 20px 10px;
    font-family: GoogleSans-Medium,sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #FFF
}

.centertnbox {
    text-align: center;
    margin: 10px 0px 10px 0px;
    width:100%
}

.Skillcenterbtn {
    /*background-image: linear-gradient(145deg,#0085D7,#00CFD0);*/
    background-image:linear-gradient(145deg,#22436A,#3C5F8A);
    font-weight: 700;
    color: #fff;
    /*background: #0085D7;*/
    font-family: GoogleSans-Medium;
    font-weight: 500;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    margin: 0px auto;
    width:100%
}

.Skillcenterbtn:hover {
    -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    text-decoration: none;
    color: #FFF
}

.Skillcenterbackbtn {
    background-image: linear-gradient(145deg,#FFFFFF,#F9F9F9);
    font-weight: 700;
    color: #0085D7;
    font-family: GoogleSans-Medium;
    font-weight: 500;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    margin: 0px auto;
    width: 100%
}

.Skillcenterbackbtn:hover {
    -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    text-decoration: none;
    color: #0085D7
}

.logincgdsuccess {
    background-color: #FFF;
    -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
    color: #31547D;
    text-align: center;
    font-family: GoogleSans-Medium,sans-serif;
    font-size: 15px;
    padding: 15px 15px 15px 15px;
    font-weight: 500;
    border-radius: 5px
}

.logincgdsuccess span { font-size:17px }

.btnposition {
    margin-top: -220px
}

.contactheader {
    font-size: 18px;
    font-weight: 500;
    font-family: GoogleSans-Medium;
    padding: 0px 0px 15px 0px;
    color: #31547D
}


.TTTintro { background-image:url('../images/Train_the_Trainer_banner.png');
            background-position:center;
            background-repeat:no-repeat;
}

.TTTintrohead { text-align:left }
.TTTintrohead h1 { text-align: left;line-height: 30px;font-size:25px;font-weight:600;
    font-family: Poppins,sans-serif;color: #033675;margin:0px 0px 0px 0px }

.TTTintrohead h2 {
    text-align: left;
    line-height: 25px;
    font-size: 20px;
    font-weight: 500;
    font-family: Poppins,sans-serif;
    color: #033675;
}

.TTTintroarea { text-align:left ;color: #033675;font-size: 15px;font-family: 'Work Sans',sans-serif;font-weight:400;
                padding:10px 20px 25px 0px;line-height:23px
}

/*================== Project Banner =======*/
.projectmgtintro {
    background-image: url('../images/Project-Management-Banner.png');
    background-position: center;
    background-repeat: no-repeat;
}

.projectmgthead { text-align:left }
.projectmgthead h1 { text-align: left;line-height: 30px;font-size:25px;font-weight:600;
    font-family: Poppins,sans-serif;color:#FFF;margin:0px 0px 0px 0px }

.projectmgthead h2 {
    text-align: left;
    line-height: 25px;
    font-size: 20px;
    font-weight: 500;
    font-family: Poppins,sans-serif;
    color: #FFF;
}

.projectmgtarea { text-align:left ;color:#fFF;font-size: 15px;font-family: 'Work Sans',sans-serif;font-weight:400;
                padding:10px 20px 25px 0px;line-height:23px
}


.curvebtn1 {
    color: #fff;
    border-radius: 32.4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(to right,#9752ff,#5e93ff);
    font-size: 15px;
    padding: 10px 20px;
    font-family:'Archivo',sans-serif
}


.curvebtn1:hover {
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
text-decoration:none;
color:#FFF;
}

.btnposition_new {
    margin-top: -220px
}

/*============= Tending New =======*/
.comp-profile {
    background-color: #E7EDF8;
    background-image: url('../images/abanner.png');
    background-position: center right;
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px 0px 40px 0px;
}

.latestcoursebox {
    width: 100%;
    height: auto;
    font-family: GoogleSans-Bold,sans-serif;
    font-weight: 500;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    border-radius: 8px;
    transition: transform .3s;
    transform-origin: top;
    margin:20px 0px 30px 0px
}

    .latestcoursebox:hover {
        transform: scale(1.03) translateY(-10px);
    }

.latestcourseinner {
    height: 204px;
    position: relative;
}

.latestcourseinner:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius:8px;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.85)),color-stop(70%,rgba(91,90,90,0)));
    background-image: linear-gradient( 90deg,rgba(0,0,0,.85) 0,rgba(91,90,90,0) 70%);
}

.latestcourseimgbox {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius:5px;
    opacity:0.8
}

.latestcoursenamearea {
    position: absolute;
    bottom: calc(5% - 10px);
    color: #fff;
    height: 100%;
    width: 100%;
    padding: calc(25px + 1%) calc(10% - 10px) calc(20px + 1%) calc(10% - 17px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.latestcourseareabtn {
    width: fit-content;
    background: rgba(255,255,255,.17);
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 5px 30px;
}

.crs-btn {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: calc(.375em - 1px);
    padding-left: .75em;
    padding-right: .75em;
    padding-top: calc(.375em - 1px);
    text-align: center;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #fff;
}

.crs-btn a {
    color:#FFF
}
.crs-btn a:hover {
    color:rgba(288, 288, 288, 0.9);
    text-decoration:none
}

.latestcoursename {
    width: calc(55% + 100px);
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    text-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    line-height:30px
}
.latestcoursename a {
    color: #FFF
}

.latestcoursename a:hover {
    color: rgba(288, 288, 288, 0.9);
    text-decoration: none
}


.gallery-section {
    padding: -1px 0px;
}
.small-black-heading {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 20px;
    font-family: GoogleSans-Medium;
    color: #E21F26;
}
.teamname {
    font-size: 13px;
    font-family: GoogleSans-Medium;
    text-align: center;
    color: #016fcc;
    padding-left: 10px;
}
.teamdesignation {
    font-size: 13px;
    font-family: GoogleSans-Medium;
    text-align: center;
    padding-left:10px;
}
.imgcenter {
   text-align:-webkit-center;
}

.registerforjj {
padding: 8px 8px 8px 0px;
margin: 20px 0px 0px 0px;
font-size: 12px;
text-align: center;
color: #FFF;
font-weight: 500;
border-top:1px solid rgba(0,0,0,0.08);
line-height:25px
}

.registerforjj a span {
    color: #005B86;
    padding: 5px 10px;
    background-color: #f5f5f5;
    border: 1px solid #005B86;
    font-family: GoogleSans-Bold
}

.registerforjj a span:hover {
color: #F5F5F5;
padding: 5px 10px;
background-color: #005B86
}