body{
    font-family: var(--font_regular);  
    line-height: 26px;
    font-size: 16px;
    font-weight: normal;
}   

.container{
    width:100%;
    float: left;
}

.container .header_con{
    width:100%;
    float: left;
    
}

.container .header_con .header_center{
    width:1300px;
    margin:0 auto;
}

.container .header_con .header_center .header{
    width:100%;
    float: left;
    position: relative;
   
}

.container .header_con .header_center .header .logo_search{
    width:100%;
    float: left;
}

.header .logo_search .logo{
    width:20%;
    float: left;
}

.header .logo_search .logo img{
    width: 100%;
    float: left;
    padding: 24px 10px;
    box-sizing: border-box;
}

.header .logo_search .cate_m{
    width:15%;
    float: left;
    padding: 14px 10px;
    box-sizing: border-box;
}

.header .logo_search .overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.5);
    left: 0;
    top: 81px;
    z-index: 5;
    display: none;
}

.header .logo_search .cate_m .i_con{
    width:100%;
    padding: 10px;
    box-sizing: border-box;
    float: left;
    background-color: var(--button_background);
    border-radius: 5px;
    cursor: pointer;
}

.header .logo_search .cate_m .i_con:hover{
    background-color: var(--button_hover);
}

.header .logo_search .cate_m .icon svg{
    fill: white;
}

.header .logo_search .cate_m .icon{
    width:30px;
    height: 30px;
    float: left;
}

.header .logo_search .cate_m .c_name{    
    float: left;
    padding: 2px 5px;
    font-family: var(--font_bold);
    color: white;
    width: 60%;
    text-align: center;
}

.header .logo_search .cate_m .arrow{    
    float: right;
    padding: 2px;
    color:white
}

.cate_m .menu_bar {
    float: right;
    margin: 17px 25px;
    border: 1px solid #fff;
    display: none;
    border-radius: 5px;
}

.cate_m .tech_menu{
    width:100%;
    float: left;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 7;
    border: 1px solid rgba(51,51,51,0.1);
    display: none;
    background: white;
}

.cate_m .tech_menu .cate_sub{
    width: 300px;
    max-height: 530px;
    min-height: 530px;
    background: #ebf1f8;
    position: relative;
}


.cate_m .tech_menu .cate_sub > ul{
    padding: 5px;
}

.cate_m .tech_menu .cate_sub > ul > li {
    padding: 10px;
    width: 100%;
    float: left;
    line-height: 32px;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "rubik_regular";
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid var(--primary_color);
    margin-bottom: 5px;
    border-radius: 5px;
}

.cate_m .tech_menu .cate_sub > ul > li:hover{
    border-left: 3px solid var(--primary_color);
    background: white;
    
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate {
    width: 1000px;
    left: 100%;
    top: 0;
    box-sizing: border-box;
    height: 100%;
    background: rgba(35, 47, 62, 0.1);
    background: #ffffff;
    position: absolute;    
    /* display: none;  */
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level {
    width: 100%;
    float: left;
    overflow-x: auto;
    max-height: 530px;
    padding: 10px 0px;
    box-sizing: border-box;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level::-webkit-scrollbar {
  width: 5px;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level::-webkit-scrollbar-track {
  background-color: darkgrey;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px var(--primary_color);
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head {
    width: 42%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head .head {
    width: 100%;
    float: left;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head .head a {
    color: #ffffff;
    font-family: "rubik_bold";
    letter-spacing: 0.5px;
    display: block;
    padding: 6px 20px;
    background: var(--primary_color);
    margin-bottom: 8px;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head .head_list {
    width: 100%;
    float: left;
    padding-left: 5px;
    box-sizing: border-box;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head .head_list ul li a{
    color: #486bb3;
    font-family: var(--font_regular);
    letter-spacing: 0.5px;
    display: block;
    border: 1px solid #0251af5e;
    margin-bottom: 5px;
    border-radius: 5px;
    width: 99%;
    box-sizing: border-box;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head .head_list ul li a .image{
    padding: 5px;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head .head_list ul li a .image img{
    display: block;
    height: 40px;
    padding: 10px;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .sub_level .course_head .head_list ul li a .txt{
    padding: 5px;
    font-family: var(--font_medium);
    font-size: 14px;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .course_img {
    position: absolute;
    left: 80%;
    bottom: -12px;
}

.cate_m .tech_menu .cate_sub > ul > li > .sub_cate .course_img img {
    height: 300px;
}

.header .logo_search .search{
    width:30%;
    float: left;
    padding: 14px 10px;
    box-sizing: border-box;
}

.header .logo_search .search .s_bar{
    width:100%;
    float: left;
    display: flex;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.header .logo_search .search .s_bar .search_box{
    width:100%;
    float: left;
}

.header .logo_search .search .s_bar .search_box input{
    display: block;
    width: 100%;
    min-height: 50px;
    height: 50px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #777;
    border-radius: 0;
    background-color: transparent;
    border: none;
    letter-spacing: 0.6px;
    outline: none;
    box-sizing: border-box;
}

.header .logo_search .search .s_bar .button{
    float: left;
}

.header .logo_search .search .s_bar .button button{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px; 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    padding: 0;
    height: 50px;
    border:none;
    background: none;
    cursor: pointer;
}

.header .logo_search .search .s_bar .button button i{
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    color: #4b5966;
}

.header .logo_search .login{
    width:34%;
    float: left;
    padding: 14px 10px;
    box-sizing: border-box;
}

.header .logo_search .login .login_b{
    float: left;
    display: flex;
    float: right;
    cursor: pointer;
}

.header .logo_search .login .login_b  > ul > li:last-child{
    float: right;
    position: relative;
    max-width: 200px;
    min-width: 150px;
}

.header .logo_search .login .login_b  > ul > li .head_ellipsis{
    width: 100%;
    float:left;
    padding: 12px 10px;
    white-space: nowrap;
    display:block;
    overflow-x: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis; 
    color:white;
    border-radius: 5px;
    cursor: pointer;
    /*background: #ee344e;*/
    background:var(--primary_color);
}

.header .logo_search .login .login_b   > ul > li:hover .head_ellipsis{
    border-radius: 5px 5px 0px 0px;
}

.header .logo_search .login .login_b   > ul > li:hover > .head_ellipsis{
    background:var(--primary_color);
}

.header .logo_search .login .login_b   > ul > li > .head_ellipsis i{
    padding: 5px;
    color: var(--white-color);
    border: 1px solid;
    border-radius: 100px;
    margin-right: 15px;
}

.header .logo_search .login .login_b   > ul > li.login_list:hover .kmh_headbar_sublist{
    display: block;
}

.header .logo_search .login .login_b   > ul > li .kmh_headbar_sublist{
    position: absolute;
    background: #fff;
    width: 99%;
    z-index: 999999;
    display: none;
    top: 100%;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #eee;
}

.header .logo_search .login .login_b   > ul > li .kmh_headbar_sublist > ul > li{
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebe8e8;
}

.header .logo_search .login .login_b   > ul > li .kmh_headbar_sublist > ul > li:last-child{
    border-bottom: none;
}

.header .logo_search .login .login_b   > ul > li .kmh_headbar_sublist > ul > li > a{
    padding: 10px;
    width: 100%;
    float: left;
    color: black;
    box-sizing: border-box;
    font-family: 'Roboto Regular';
}

.header .logo_search .login .login_b  > ul > li .kmh_headbar_sublist > ul > li > a:hover{
    background: #e3dff5;
}

.header .logo_search .login .login_b  > ul > li .kmh_headbar_sublist > ul > li:last-child > a:hover{
    border-radius: 0px 0px 5px 5px;
}

.header .logo_search .login .login_b .image{
    float: left;
    padding: 12px 10px;
}

.header .logo_search .login .login_b .image i{
    color: var(--button_background);
}

.header .logo_search .login .login_b .name{
    float: left;
    padding: 12px 10px;
}

.header .logo_search .login .login_b:hover i{
    color: var(--button_hover);
}

.header .logo_search .login .login_b:hover .name{
    color: var(--button_hover);
}

.header .logo_search .login .service_b{
    float: left;
    display: flex;
    float: right;
    cursor: pointer;
}

.header .logo_search .login .service_b a{
    color:var(--black)
}

.header .logo_search .login .service_b .image{
    float: left;
    padding: 12px 10px;
}

.header .logo_search .login .service_b .image i{
    color: var(--button_background);
}

.header .logo_search .login .service_b .name{
    float: left;
    padding: 12px 10px;
}

.header .logo_search .login .service_b:hover i{
    color: var(--button_hover);
}

.header .logo_search .login .service_b:hover .name{
    color: var(--button_hover);
}






/*==========Banner CSS Start==========*/

.sub-title {
    display: block;
    font-size: 22px;
    line-height: 22px;
    color: var(--primary-color);
    font-family: var(--title-font);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: var(--button_background);
}

.h1-title {
    font-size: 80px;
    line-height: 90px;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 14px;
}

.h2-title {
    font-size: 65px;
    line-height: 75px;
    color: var(--secondary-color);
    margin-bottom: 28px;
}

.h3-title {
    font-size: 50px;
    line-height: 60px;
    color: var(--secondary-color);
    margin-bottom: 0;
}

.h4-title {
    font-size: 25px;
    line-height: 35px;
    color: var(--secondary-color);
    margin-bottom: 0;
}

.h5-title {
    font-size: 20px;
    line-height: 30px;
    color: var(--secondary-color);
    margin-bottom: 0;
}

.underline-title {
    position: relative;
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 0;
}

.underline-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 51px;
    height: 1px;
    background-color: var(--primary-color);
}
.container_one{
    position: relative;
    z-index: 5;
    margin: 0 auto;
    width:1300px;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    margin-top: 20px;
}

.container_one .ban_left{
    flex: 0 0 auto;
    width: 50%;
}

.container_one .ban_right{
    flex: 0 0 auto;
    width: 50%;
}


.main-banner {
    position: relative;
    padding: 10px 0 122px;
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
    float: left;
}

.main-banner-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-banner-bg-shape div[class^="shape-"] {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
}

.main-banner-bg-shape .shape-1 {
    --size: 428px;
    width: var(--size);
    height: var(--size);
    left: 39.8%;
    transform: translate(-50%, 0);
    bottom: 133px;
    background-color: rgb(254 129 2 / 30%);
    filter: blur(220px);
}

.main-banner-bg-shape .shape-2 {
    --size: 428px;
    width: var(--size);
    height: var(--size);
    top: 216px;
    right: 4%;
    transform: translate(-50%, 0);
    background: var(--gradient-color-2);
    filter: blur(220px);
    opacity: 0.3;
}

.main-banner-bg-aliment-wp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-banner-bg-aliment-wp div[class^="bg-aliment-"] {
    position: absolute;
    display: inline-block;
}

.main-banner-bg-aliment-wp .bg-aliment-1 {
    left: 138px;
    top: 275px;
}

.main-banner-bg-aliment-wp .bg-aliment-2 {
    left: 395px;
    top: 219px;
}

.main-banner-bg-aliment-wp .bg-aliment-3 {
    left: 575px;
    top: 242px;
}

.main-banner-bg-aliment-wp .bg-aliment-4 {
    left: 818px;
    top: 200px;
}

.main-banner-bg-aliment-wp .bg-aliment-5 {
    right: 590px;
    top: 194px;
}

.main-banner-bg-aliment-wp .bg-aliment-6 {
    right: 401px;
    top: 310px;
}

.main-banner-bg-aliment-wp .bg-aliment-7 {
    right: 119px;
    top: 289px;
}

.main-banner-bg-aliment-wp .bg-aliment-8 {
    left: 217px;
    top: 530px;
}

.main-banner-bg-aliment-wp .bg-aliment-9 {
    right: 122px;
    top: 414px;
}

.main-banner-bg-aliment-wp .bg-aliment-10 {
    left: 167px;
    bottom: 359px;
}

.main-banner-bg-aliment-wp .bg-aliment-10 img {
    width: 19px;
    transform: rotate(30deg);
}

.main-banner-bg-aliment-wp .bg-aliment-11 {
    right: 266px;
    bottom: 357px;
}

.main-banner-bg-aliment-wp .bg-aliment-11 img {
    width: 19px;
    transform: rotate(30deg);
}

.main-banner-bg-aliment-wp .bg-aliment-12 {
    left: 162px;
    bottom: 138px;
}

.main-banner-bg-aliment-wp .bg-aliment-13 {
    left: 445px;
    bottom: 106px;
}

.main-banner-bg-aliment-wp .bg-aliment-14 {
    left: 664px;
    bottom: 73px;
}

.main-banner-bg-aliment-wp .bg-aliment-15 {
    left: 750px;
    bottom: 181px;
}

.main-banner-bg-aliment-wp .bg-aliment-16 {
    right: 475px;
    bottom: 110px;
}

.main-banner-bg-aliment-wp .bg-aliment-17 {
    right: 212px;
    bottom: 141px;
}

.main-banner .banner-content {
    padding-top: 130px;
}

.banner-description-wp {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 20px;
}

.banner-description-text {
    max-width: 415px;
}

.banner-description-text p {
    font-size: 18px;
    line-height: 28px;
}

.students-list ul {
    display: flex;
    line-height: 1;
    font-size: 0;
    margin: 0 0 5px 20px;
}

.students-list ul li {
    margin-left: -20px;
}

.students-image {
    --size: 60px;
    width: var(--size);
    height: var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.students-image img {
    border-radius: 100%;
}

.students-counter-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(223, 223, 223, 1) 100%);
    border-inline: 2px solid #fff;
    box-shadow: 0 4px 40px -1px rgb(0 0 0 / 15%);
}

.students-list-text p {
    font-size: 18px;
    line-height: 28px;
}

.banner-image-content {
    position: relative;
}

.banner-image-shape {
    position: absolute;
    top: 33px;
    left: -42px;
    transform: rotate(26deg);
}


.banner-image-box {
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100.4%);
    margin-right: 25px;
    margin-left: 41px;
}

.banner-image {
    position: relative;
}

.banner-image::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.85438596491;
    background: linear-gradient(-90deg, rgb(87 114 177) 0%, rgb(72 107 179) 100%);
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NzAiIGhlaWdodD0iNDkwIiB2aWV3Qm94PSIwIDAgNTcwIDQ5MCIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0wIDEwMEMwIDQ0Ljc3MTUgNDQuNzcxNSAwIDEwMCAwSDQ3MEM1MjUuMjI4IDAgNTcwIDQ0Ljc3MTUgNTcwIDEwMFY0MjIuOTgyQzU3MCA0MjguMTA2IDU2Ni4xMjcgNDMyLjQwMSA1NjEuMDMgNDMyLjkyOUwxMS4wMjk2IDQ4OS44NThDNS4xMzEwMyA0OTAuNDY5IDAgNDg1Ljg0MiAwIDQ3OS45MTFWMTAwWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzFfNzMzOSkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xXzczMzkiIHgxPSI1NzAiIHkxPSIyNDUuNSIgeDI9IjAiIHkyPSIyNDUuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQTQ0NEZEIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0QwNUVGQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: var(--transition);
    z-index: -1;
}

.banner-image img {
    margin-left: -13px;
    max-width: 510px;
    width: 100%;
    aspect-ratio: 1 / 1.36666666667;
}

.congra-box {
    position: absolute;
    top: 168px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    padding: 18px 14px 18px 20px;
    background: linear-gradient(-120deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 100%);
    box-shadow: 10px 14px 60px -1px rgb(0 0 0 / 20%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.congra-icon {
    --size: 50px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--button_background);
}

.congra-text p {
    color: rgb(25 37 75 / 70%);
}

.certification-box-wp {
    position: absolute;
    left: 0;
    bottom: -11px;
    --size: 140px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-120deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
    box-shadow: 10px 14px 60px -1px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 2px solid var(--white-color);
}

.certification-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    --size: 119px;
    width: var(--size);
    height: var(--size);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.certification-text {
    width: 100%;
    height: 100%;
    color: var(--secondary-color);
    text-transform: uppercase;
    animation: textRotation 8s linear infinite;
}

@keyframes textRotation {
    to {
        transform: rotate(360deg);
    }
}

.sec-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(-90deg, rgb(2 81 175) 0%, rgb(99 136 213) 100%);
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;    
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 21px 36px;
    outline: none;
    border: none;
    transition: 0.3s;
    background-size: 100% 100%;
    background-position: left center;
    z-index: 1;
}

.sec-btn:hover {
    background-position: right center;
    background-size: 200% 100%;
    color: #fff;
}

.sec-btn::after {
    --size: 122px;
    content: "";
    position: absolute;
    top: -65px;
    right: -48px;
    width: var(--size);
    height: var(--size);
    opacity: 0.2;
    background:#fff;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5OCIgaGVpZ2h0PSIxMDIiIHZpZXdCb3g9IjAgMCA5OCAxMDIiPgo8cGF0aCBkPSJNNDAuNzcyIDQuODk3OTFDNDQuMzQ3MyAtMS41NzU3MiA1My42NTI3IC0xLjU3NTcyIDU3LjIyOCA0Ljg5NzkxVjQuODk3OTFDNTkuNjIwMSA5LjIyOTE2IDY0Ljk2MDQgMTAuOTY0MyA2OS40NDE1IDguODY2MzNWOC44NjYzM0M3Ni4xMzkxIDUuNzMwNTggODMuNjY3MyAxMS4yMDAxIDgyLjc1NDcgMTguNTM4OVYxOC41Mzg5QzgyLjE0NDEgMjMuNDQ5IDg1LjQ0NDYgMjcuOTkxOCA5MC4zMDMxIDI4LjkyODRWMjguOTI4NEM5Ny41NjQ3IDMwLjMyODMgMTAwLjQ0IDM5LjE3ODIgOTUuMzg4MyA0NC41NzlWNDQuNTc5QzkyLjAwODIgNDguMTkyNCA5Mi4wMDgyIDUzLjgwNzYgOTUuMzg4MyA1Ny40MjFWNTcuNDIxQzEwMC40NCA2Mi44MjE4IDk3LjU2NDcgNzEuNjcxNyA5MC4zMDMxIDczLjA3MTZWNzMuMDcxNkM4NS40NDQ2IDc0LjAwODIgODIuMTQ0MSA3OC41NTEgODIuNzU0NyA4My40NjExVjgzLjQ2MTFDODMuNjY3MyA5MC43OTk5IDc2LjEzOTEgOTYuMjY5NCA2OS40NDE1IDkzLjEzMzdWOTMuMTMzN0M2NC45NjA0IDkxLjAzNTcgNTkuNjIwMSA5Mi43NzA4IDU3LjIyOCA5Ny4xMDIxVjk3LjEwMjFDNTMuNjUyNyAxMDMuNTc2IDQ0LjM0NzMgMTAzLjU3NiA0MC43NzIgOTcuMTAyMVY5Ny4xMDIxQzM4LjM3OTkgOTIuNzcwOCAzMy4wMzk2IDkxLjAzNTcgMjguNTU4NSA5My4xMzM3VjkzLjEzMzdDMjEuODYwOSA5Ni4yNjk0IDE0LjMzMjcgOTAuNzk5OSAxNS4yNDUzIDgzLjQ2MTFWODMuNDYxMUMxNS44NTU5IDc4LjU1MSAxMi41NTU0IDc0LjAwODIgNy42OTY5IDczLjA3MTZWNzMuMDcxNkMwLjQzNTI3MyA3MS42NzE3IC0yLjQ0MDIzIDYyLjgyMTggMi42MTE3MiA1Ny40MjFWNTcuNDIxQzUuOTkxNzggNTMuODA3NiA1Ljk5MTc4IDQ4LjE5MjQgMi42MTE3MiA0NC41NzlWNDQuNTc5Qy0yLjQ0MDIzIDM5LjE3ODIgMC40MzUyNzIgMzAuMzI4MyA3LjY5NjkgMjguOTI4NFYyOC45Mjg0QzEyLjU1NTQgMjcuOTkxOCAxNS44NTU5IDIzLjQ0OSAxNS4yNDUzIDE4LjUzODlWMTguNTM4OUMxNC4zMzI3IDExLjIwMDEgMjEuODYwOSA1LjczMDU4IDI4LjU1ODUgOC44NjYzM1Y4Ljg2NjMzQzMzLjAzOTYgMTAuOTY0MyAzOC4zNzk5IDkuMjI5MTYgNDAuNzcyIDQuODk3OTFWNC44OTc5MVoiLz4KPC9zdmc+");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: 0.3s;
    z-index: -1;
}

.sec-btn:hover::after {
    animation: spin 6000ms infinite linear;
    transition: 0.3s;
}

.certification-text span {
    position: absolute;
    left: 50%;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    display: inline-block;
    transform-origin: 0 60px;
}

.certification-icon {
    --size: 60px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255 255 255 / 30%);
}

.certification-icon img {
    transform: rotate(-45deg);
    transition: var(--transition);
}

.certification-box-wp:hover .certification-icon img {
    transform: rotate(0deg);
}

.rotate-animation {
    animation-name: rotate-animation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotate-animation;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate-animation;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotate-animation;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotate-animation;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


.zoom-fade-animation {
    animation-name: zoom-fade-animation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade-animation;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade-animation;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade-animation;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade-animation;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.move-element-animation-1 {
    animation-name: move-element-animation-1;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: move-element-animation-1;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: move-element-animation-1;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: move-element-animation-1;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: move-element-animation-1;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}




/*==========Banner CSS End==========*/




/*  */

/* course css Starts */

.container .course_t_con{
    width:100%;
    float: left;  
}

.container .course_t_con .course_t_center{
    width:1300px;
    margin:0 auto;
}

.container .course_t_con .course_t_center .course_t{
    width:100%;
    float: left;
    margin: 20px 0px;    
}

.course_t .course_heads{
    width:100%;
    float: left;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    /*margin-left: calc(var(--bs-gutter-x)* -.5);*/
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-top: calc(var(--bs-gutter-y)* -1);
    align-items: end;
    margin-bottom: 50px;
    padding: 10px;
    box-sizing: border-box;
}

.course_t .course_heads .pop_course{
    width:100%;
    float: left;
    flex: 0 0 auto;
}

.course_t .course_heads .pop_course .pop_title{
    width: 100%;
    float: left;
}

.course_t .course_heads .pop_course .pop_title .title{    
    position: relative;
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: var(--primary_color);
    position: relative;
    display: inline-block;
}

.course_t .course_heads .pop_course .pop_title .title:before{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    content: "";
    width: 100%;
    height: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/label/line.png);
    background-position: 50% center;
    animation: 1.5s linear 0s 2 normal none running width !important;
}



.course_t .course_heads .pop_course .pop_head{
    color: #031f42;
    font-size: 35px;
    font-weight: 500;
    margin-top: 10px;
    font-family: var(--font_bold);
    text-transform: capitalize;
}

.course_t .course_heads .pop_course .pop_head span{
    color: var(--primary_color);
    display: inline-block;
    position: relative;
    z-index: 1;
}

.course_t .course_heads .pop_course .pop_head span img{
    top: 145%;
    left: 20px;
    position: absolute;
}

.course_t .course_heads .pop_cate{
    width:50%;
    float: left;
    flex: 0 0 auto;
    display: none;
}

.course_t .course_heads .pop_cate .cate_list{
    width:100%;
    float: left;    
}

.course_t .course_heads .pop_cate .cate_list ul{
    width:100%;
    float: left; 
    display: flex    ;
    justify-content: end;  
}

.course_t .course_heads .pop_cate .cate_list ul li{
    float: right; 
    color: #a0a2a4;
    font-size: 20px;
    line-height: 20px;
    margin: 0 6px;
    padding: 11px 10px;
    position: relative;  
    cursor: pointer; 
}

.course_t .course_heads .pop_cate .cate_list ul li.tactive{
    color: #031f42;  
}

.course_t .course_heads .pop_cate .cate_list ul li span{
    bottom: -7px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transform: scale(0);
}

.course_t .course_heads .pop_cate .cate_list ul li.tactive span {
    opacity: 1;
    transform: scale(1);
}

.course_t .course_list{
    width:100%;
    float: left;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    /*margin-left: calc(var(--bs-gutter-x)* -.5);*/
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-top: calc(var(--bs-gutter-y)* -1);
    align-items: end;
    padding: 10px;
    box-sizing: border-box;
}

.course_t .course_list > ul{
    display: flex;
    flex-wrap: wrap;
    
}

.course_t .course_list > ul > li{
    width: 25%;
    padding: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.course_t .course_list > ul > li .list_con{
    background-color: #fff;
    border: 1px solid rgba(3, 31, 66, .08);
    border-radius: 20px;
    padding: 15px 15px 23px;
    transition: translateY .3s ease-out 0s;
    float: left;
    position: relative;
}

.course_t .course_list > ul > li .list_con .image{
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 5px;
}

.course_t .course_list > ul > li .list_con .image img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease-out 0s;
}

.course_t .course_list > ul > li .list_con:hover .image img{
    transform: scale(1.2);
}

.course_t .course_list > ul > li .list_con .img_cont{
    width: 100%;
    float: left;
}

.course_t .course_list > ul > li .list_con .img_cont .depart{
    width: 100%;
    float: left;   
    margin-bottom: 10px;
}


.course_t .course_list > ul > li .list_con .img_cont .depart span{
    background: rgba(23, 162, 184, .08);
    border-radius: 10px;
    color: #17a2b8;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 6px 10px;
    height: 44px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.course_t .course_list > ul > li .list_con .img_cont .depart span img {
    padding: 10px;    
}



.course_t .course_list > ul > li .list_con .img_cont .depart span .cor a{
    display: block;
    align-items: center;
    background-color: var(--bg);
    font-weight: 500;
    font-size: 14px;
    color: var(--primary_color);
    line-height: 20px;
    padding: 8px 10px;
    border-radius: 7px;
}

.course_t .course_list > ul > li .list_con .img_cont .head{
    width: 100%;
    float: left;   
}

.course_t .course_list > ul > li .list_con .img_cont .head{
    border-bottom: 1px solid rgba(3, 31, 66, .08);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    font-family: Sora, system-ui;
    color: var(--heading);
    text-transform: capitalize;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 49px;
    transition: 0.4s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.course_t .course_list > ul > li .list_con .img_cont  .para{
    width: 100%;
    float: left;  
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}

.course_t .course_list > ul > li .list_con .img_cont  .para p{
    position: relative;
    text-align: justify; 
}


.course_t .course_list > ul > li .list_con .img_cont .list_type_con{    
    float: left;   
    width: 100%;
}


.course_t .course_list > ul > li .list_con .img_cont .list_type_con > ul{    
    flex-wrap: wrap;
    gap: 10px;
    display: flex    ;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.course_t .course_list > ul > li .list_con .img_cont .list_type_con > ul > li{    
    font-size: 14px;
    color: var(--heading);
}

.course_t .course_list > ul > li .list_con .img_cont .list_type_con > ul > li .list_type{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.course_t .course_list > ul > li .list_hover{
    /* background-color:   var(--primary_color); */
    /* top: 0px; */
    background: rgba(2,81,175,0.95);
   right: -100%; 
    position: absolute;
    width: 97%;
    height: 95%;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 17px;
    border: 1px solid var(--primary_color);
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.course_t .course_list > ul > li:hover .list_hover{
    opacity: 1;
    visibility: visible;
    right: 0px;
}

.course_t .course_list > ul > li .list_hover .img_cont{
    width: 100%;
    float: left;
}

.course_t .course_list > ul > li .list_hover .img_cont .depart{
    width: 100%;
    float: left;   
    margin-bottom: 10px;
}


.course_t .course_list > ul > li .list_hover .img_cont .depart span{
    background: rgba(23, 162, 184, .08);
    border-radius: 10px;
    color: #17a2b8;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 6px 10px;
    width: max-content;
}

.course_t .course_list > ul > li .list_hover .img_cont .depart span img {
    padding: 10px;    
}



.course_t .course_list > ul > li .list_hover .img_cont .depart span .cor a{
    display: inline-block;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1);
    font-weight: 500;
    font-size: 12px;
    color: white;
    line-height: 1;
    padding: 8px 10px;
    border-radius: 7px;
    text-transform: uppercase;
}

.course_t .course_list > ul > li .list_hover .img_cont .head{
    width: 100%;
    float: left;   
}

.course_t .course_list > ul > li .list_hover .img_cont .head{
    border-bottom: 1px solid rgba(3, 31, 66, .08);
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    font-family: var(--font_bold);
    color: white;
    text-transform: capitalize;
    padding-bottom: 10px;
    transition: 0.4sease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
}

.course_t .course_list > ul > li .list_hover .img_cont .f_num{
    width: 100%;
    float: left;   
    margin: 18px 0px 25px 0px;
}

.course_t .course_list > ul > li .list_hover .img_cont .f_num .fees_sym{
    width: 15%;
    float: left;
    padding: 5px;
    box-sizing: border-box;  
}

.course_t .course_list > ul > li .list_hover .img_cont .f_num .fees_sym .sym {
    font-family: var(--font_bold);
    font-size: 60px;
    color: white;
}

.course_t .course_list > ul > li .list_hover .img_cont .f_num .fees_num {
    width: 85%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.course_t .course_list > ul > li .list_hover .img_cont .f_num .fees_num .num {
    font-family: var(--font_bold_rale);
    font-size: 50px;
    color: white;
}

.course_t .course_list > ul > li .list_hover .img_cont  .para{
    width: 100%;
    float: left;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.course_t .course_list > ul > li .list_hover .img_cont  .para p{
    position: relative;
    text-align: justify; 
    color: white;
}


.course_t .course_list > ul > li .list_hover .img_cont .list_type_con{    
    float: left;   
    width: 100%;
}


.course_t .course_list > ul > li .list_hover .img_cont .list_type_con > ul{    
    flex-wrap: wrap;
    gap: 10px;
    display: flex    ;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.course_t .course_list > ul > li .list_hover .img_cont .list_type_con > ul > li{    
    font-size: 14px;
    color: var(--heading);
}

.course_t .course_list > ul > li .list_hover .img_cont .list_type_con > ul > li .list_type{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    color: white;
}

.course_t .course_list > ul > li .list_hover .img_cont .button{
    width: 100%;
    float: left;
    /*margin-top:10px;
    margin-top: 23px;*/

}

.course_t .course_list > ul > li .list_hover .img_cont .button .sec-btn {
    border: 1px solid;
    background: #ffffff;
    color: #356df1;
    font-family: 'roboto_bold';
    padding: 14px 36px;
}

.course_t .course_list > ul > li .list_hover .img_cont .button .sec-btn:after {
    background: #356df1;
    top: -69px;
    right: -39px;
    --size: 109px;
}


/* Course Css Ends */

/* About Css Starts */

.container .about_in_con{
    width:100%;
    float: left;  
}

.container .about_in_con .about_in_center{
    width:1300px;
    margin:0 auto;
}

.container .about_in_con .about_in_center .right_course{
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    margin: 40px 0;
}

.container .about_in_con .about_in_center .right_course .rig_course{
    --bs-gutter-x: 180px;
    --bs-gutter-y: 0;
    flex: 0 0 auto;
    width: 83.33333333%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}

.about_in_center .right_course .rig_course .course_bg{
    margin: 0 90px 0;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding: 12px 48px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    background-image: url('../images/label/bg.jpg');
}

.about_in_center .right_course .rig_course .course_bg .image{
    width: 154px;
    flex: 0 0 auto;
    margin-right: 40px;
}

.about_in_center .right_course .rig_course .course_bg .image img{
    display: block;
}

.about_in_center .right_course .rig_course .course_bg .cta__content-three{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-grow: 1;
    justify-content: space-between;
}

.cta__content-three .content__left .title {
    margin-bottom: 0;
    color: white;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.cta__content-three .content__left p {
    margin-bottom: 0;
    color: white;
    font-weight: 500;
    text-transform: capitalize;
}

.cta__shape-two img {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}


.container .about_in_con .about_in_center .about_in{
    width: 100%;
    float: left;
    margin: 70px 0px; 
    display: flex;
}

.about_in .about_image{
    flex: 0 0 auto;
    width: 50%; 
}

.about_in .about_image .img{
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 30px;
}

.about_in .about_image .img .img_left{
    width: 255px;
    flex: 0 0 auto;
}

.about_in .about_image .img .img_left img{
    border-radius: 30px;
    margin-bottom: 25px;
    width: 100%;
}

.about_in .about_image .img .shape_one{
    position: absolute;
    z-index: -1;
    right: 40%;
    top: 39px;
    max-width: 134px;
}

.about_in .about_image .img .shape_two{
    position: absolute;
    z-index: -1;
    left: -5%;
    bottom: -6%;
    max-width: 142px;
    -webkit-animation: move-element-animation-2 8s linear infinite;
    animation: move-element-animation-2 8s linear infinite;
}

.about_in .about_image .img .shape_three{
    position: absolute;
    z-index: -1;
    left: 20%;
    bottom: -15%;
    max-width: 335px;
}

.about_in .about_image .img .img_right{
    position: relative;
    flex-grow: 1;
    margin-bottom: -30px;
}

.about_in .about_image .img .img_right img{
    border-radius: 30px;
    width: 100%;
}

.about_in .about_content{
    flex: 0 0 auto;
    width: 50%; 
}

.about_in .about_content .about_c{
    margin-left: 40px;
    margin-right: 90px;
}

.about_in .about_content .about_c .about_head{
    margin-bottom:20px;
}

.about_in .about_content .about_c .about_head .head_one{
    display: inline-block;
    line-height: 1.62;
    background: #efeefe;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 3px 16px;
    font-weight: 500;
    color: var(--primary_color);
    margin: 0 0 14px;
}

.about_in .about_content .about_c .about_head .head_two{
    font-size: 36px;
    line-height: 1.33;
    margin: 0 0;
    letter-spacing: -0.75px;
    text-transform: capitalize;
    font-family: var(--font_bold);
    font-weight: 700;
}

.about_in .about_content .about_c .about_para{
    margin-bottom:20px;
}

.about_in .about_content .about_c .about_para p{
    margin-bottom: 10px;
    width: 90%;
    text-align: justify;

} 

.about_in .about_content .about_c .ab_item{
    margin-bottom:20px;
}

.about_in .about_content .about_c .ab_item ul li{
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin: 0 0 15px;
}

.about_in .about_content .about_c .ab_item ul li .check i{
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    background: var(--tg-theme-secondary);
    border: 1px solid #282568;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3sease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3sease-out 0s;
    color: var(--tg-heading-color);
}

.about_in .about_content .about_c .ab_item ul li .check_txt{
    font-family: var(--font_regular);
    color: #000;
    font-size: 15px;
    padding: 3px;
}

.about_in .about_content .about_c .ab_item ul li .check_txt span{
    color: var(--primary_color);
    font-family: var(--font_medium);
}

/* About Css Ends */

/* Blog Css Starts */

.container .blog_t_con{
    width:100%;
    float: left;  
}

.container .blog_t_con .blog_t_center{
    width:1300px;
    margin:0 auto;
}

.container .blog_t_con .blog_t_center .blog_t{
    width:100%;
    float: left;
    margin: 20px 0px;    
}

.blog_t .blog_heads{
    width:100%;
    float: left;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)* -.5);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-top: calc(var(--bs-gutter-y)* -1);
    align-items: end;
    margin-bottom: 50px;
    justify-content: space-between;
}

.blog_t .blog_heads .pop_course{
    width:50%;
    float: left;
    flex: 0 0 auto;
}

.blog_t .blog_heads .pop_course .pop_title{
    width: 100%;
    float: left;
}

.blog_t .blog_heads .pop_course .pop_title .title{    
    position: relative;
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: var(--primary_color);
    position: relative;
    display: inline-block;
}

.blog_t .blog_heads .pop_course .pop_title .title:before{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    content: "";
    width: 100%;
    height: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/label/line.png);
    background-position: 50% center;
    animation: 1.5s linear 0s 2 normal none running width !important;
}



.blog_t .blog_heads .pop_course .pop_head{
    color: #031f42;
    font-size: 50px;
    font-weight: 500;
    margin-top: 10px;
    font-family: var(--font_bold);
}

.blog_t .blog_heads .pop_course .pop_head span{
    color: var(--primary_color);
    display: inline-block;
    position: relative;
    z-index: 1;
}

.blog_t .blog_heads .pop_course .pop_head span img{
    top: 145%;
    left: 20px;
    position: absolute;
}

.blog_t .image_blog{
    width:100%;
    float: left;    
    margin-bottom: 50px;
}

.blog_t .image_blog ul{
    display: -webkit-flex;
    display: flex;    
}

.blog_t .image_blog ul li{
    width: 33.333333%;
    padding: 10px;
    box-sizing: border-box;
}

.blog_t .image_blog ul li .image{
    width: 100%;
    float: left;
}

.blog_t .image_blog ul li .img_b{
    position: relative;
    overflow: hidden;
}

.blog_t .image_blog ul li .img_b img{
    background-size: cover;
    width: 100%;
    transition: 0.5s;
    border-radius: 6px;
}

.blog_t .image_blog ul li:hover .img_b img:nth-child(2) {
    width: 100%;
    visibility: visible;
}

.blog_t .image_blog ul li .img_b img:nth-child(2){
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    visibility: hidden;
    height: 97%;
    width: 0px;
    transition: 1s;
    overflow: hidden;
}

.blog_t .image_blog ul li .imimg_contage{
    width: 100%;
    float: left;
}

.blog_t .image_blog ul li .imimg_contage .date{
    width: 100%;
    float: left;
    color:#4b5966
}

.blog_t .image_blog ul li .imimg_contage .head{
    width: 100%;
    float: left;
    font-size: 22px;
    font-weight: 600;
}

.blog_t .image_blog ul li .imimg_contage .read{
    width: 100%;
    float: left;
}

.blog_t .image_blog ul li .imimg_contage .read a{
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    color: #5b6d84;
}

.blog_t .image_blog ul li .imimg_contage .read a:hover{
    color:var(--primary_color)
}

/* Blog Css Ends */

.container .certi_cor_con{
    width:100%;
    float: left;     
    background:var(--primary_color);
}

.container .certi_cor_con .certi_cor_center{
    width:1300px;
    margin:0 auto;
}

.container .certi_cor_con .certi_cor_center .certi_cor{
    width:100%;
    float: left;
    margin: 20px 0px 0px;    
}

.certi_cor .apply_now{
    width:100%;
    float: left;
}

.certi_cor .apply_now .img_over{
    position: absolute;
    top: -96px;
    left: 171px;
    --width: 838.65px;
    width: var(--width);
    height: calc(var(--width)* 0.58254337327);
    z-index: -1;
}

.certi_cor .apply_now .app_con{
    display: flex;
    gap:50px;
}

.certi_cor .apply_now .apply_image{
    width: 305px;
    align-self: end;
    flex: 0 0 auto;
}

.certi_cor .apply_now .apply_image img{
    width: 100%;
    display: block;
}

.certi_cor .apply_now .apply_now_txt{
    width: 100%;
    display: flex;
    justify-content:space-around;
    align-items: center;
    padding-bottom: 23px;
    gap: 24px;
}

.certi_cor .apply_now .apply_now_txt .apply_title{ 
    max-width: 550px;
}

.certi_cor .apply_now .apply_now_txt .apply_title .head{ 
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: white;
}

.certi_cor .apply_now .apply_now_txt .apply_title .sub_head{ 
    font-size: 50px;
    line-height: 55px;
    font-family: var(--font_bold);
    color: white;
}

.certi_cor .apply_now .apply_now_txt .button .sec-btn{ 
    border: 1px solid;
    background: #ffffff;
    color: #356df1;
    font-family: 'roboto_bold';
}

.certi_cor .apply_now .apply_now_txt .button .sec-btn:after{
    background: #356df1;
}




/* Footer css Starts */
.container .footer_con{
    width:100%;
    float: left;  
    background-image: linear-gradient(90deg, #F7F0FF 0%, #E9F7F8 100%);
    /* background:var(--primary_color); */
}

.container .footer_con .footer_center{
    width:1300px;
    margin:0 auto;
}

.container .footer_con .footer_center .footer{
    width:100%;
    float: left;
    margin: 20px 0px;
    
}

.footer .subs_con{
    width:100%;
    padding: 10px;
    display: flex;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
}

.footer .subs_p{
    width:50%;
    padding: 10px;
    box-sizing: border-box;
}

.footer .subs_p .para{
    width:100%;
    float: left;    
}

.footer .subs_p .para p{
    font-size: 50px;
    line-height: 72px;
    font-weight: 700;
    color: #19254b;
    margin-bottom: 14px;
}

.footer .subs_p .view{
    width:100%;
    float: left;    
}

.course_btn{
    margin-top: 30px;
    margin-right: 30px;;
}

.course_btn .tp-btn-inner {
    background-color:var(--button_background);
    border-radius: 12px;
    font-size: 16px;
    padding: 14px 28px;
    display: block;
    float: left;
    color: white;
    margin-right: 10px;
}

.course_btn .tp-btn-inner span {
    display: inline-block;
    margin-left: 5px;
    transform: translateY(2px);
}

.footer .subs_now{
    width:50%;
    padding: 10px;
    margin-top: 20px;
    box-sizing: border-box;
}

.footer .subs_now .sub_t{
    width:100%;
    padding: 10px;
    box-sizing: border-box;
    color: #19254b;   
    font-size: 25px;
    line-height: 26px;
    font-weight: 700; 
    font-family: var(--font_regular);
}

.footer .subs_now .sub_head{
    width:100%;
    padding: 10px;
    box-sizing: border-box;
    color: #19254b;   
    font-size: 15px;
    line-height: 26px;
    font-weight: 700; 
    font-family: var(--font_regular);
    text-align:justify;
}

.footer .subs_now .subs_form{
    width:100%;
    display: flex;
    border:1px solid #cccccc;
    background: white;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
}

.footer .subs_now .subs_form .feild_one{
    width:70%;
}

.footer .subs_now .subs_form .feild_one input{
    line-height: 1;
    margin: 0;
    padding: 10px;
    border: none;
    outline: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
}

.footer .subs_now .subs_form .feild_two{
    width:30%;
}

.footer .subs_now .subs_form .feild_two button{
    flex-wrap: nowrap;
    padding: 10px 20px 10px 25px;    
    border-radius: 0;
    color: inherit;   
    background: transparent;
    min-width: max-content;
    align-items: center;
    outline: none;
    border-width: 0;
    font-size: 16px;
    font-family: 'rubik_regular';
    border-left: 1px solid rgba(204, 204, 204, 0.5);
}

.footer .footer_sec_two{
    width:100%;
    padding: 10px;
    display: flex;
    border-bottom: 1px solid #cccccc;
    padding: 50px 0px 50px 0px;
}

.footer .footer_sec_two .sect_two_con{
    width:30%;
    float: left;
}

.footer .footer_sec_two .logo{
    width: 100%;
    float: left;
}

.footer .footer_sec_two .logo img{
    width: 100%;
    float: left;
    padding: 19px 0px;
    box-sizing: border-box;
}

.footer .footer_sec_two .sub_head{
    width: 100%;
    float: left;
}

.footer .footer_sec_two .sub_head p{
    font-size: 16px;
    line-height: 26px;
   
    color: #19254b;
    margin-bottom: 14px;
    text-align: justify;
}


.head_bar .social_icon{
    float: right;
    padding: 10px;
}

.footer_sec_two .social_icon .tp-footer-bottom-social a {
    background-color: #f2b31d;
    border-radius: 50%;
    color: var(--tp-text-body);
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-right: 4px;
    text-align: center;
    width: 36px;
}

.footer .footer_sec_two .sect_sitemap{
    width:70%;
    float: left;
    display: flex;
    justify-content:flex-start;
    padding: 20px;
    box-sizing: border-box;
}

.footer .footer_sec_two .sect_sitemap .site_se{
    width:25%;
    float: left;
}

.footer .footer_sec_two .sect_sitemap .site_se .head{
    width:100%;
    float: left;
    background: none;
    font-size: clamp(1.25rem, 1.1635rem + 0.3846vw, 1.625rem);
    font-weight: 700;    
    text-transform: capitalize;
    margin: 0 0 clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem);
    color: #000;
}

.footer .footer_sec_two .sect_sitemap .site_se .site_list{
    width:100%;
    float: left;
}

.footer .footer_sec_two .sect_sitemap .site_se .site_list ul li{
    width:100%;
    float: left;
}

.footer .footer_sec_two .sect_sitemap .site_se .site_list ul li a{
    width:100%;
    float: left;
    display: block;
    padding: 10px;
    color:#000;
}

.footer .footer_sec_two .sect_sitemap{
    width:70%;
    float: left;
    display: flex;
    justify-content:flex-start;
    padding: 20px;
    box-sizing: border-box;
}

.footer .footer_sec_three{
    width:100%;
    display: flex;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0px ;
    justify-content: space-between;
}

.footer .footer_sec_three .copy{
   float: left;
}

.footer .footer_sec_three .rights{
    float: right;
}

.footer .footer_sec_three .rights ul{
    display: flex;
    gap: 10px;
}

.footer .footer_sec_three .rights ul li a{
    padding: 10px;
}

/* Footer Css Ends */