body{
    background: #fff;
}
section.industires {
    background: var(--lt-color);
}
section.common_banner .banner-title{
    background: linear-gradient(to right, #000000, #00000047);
    align-items: flex-start;
    text-align: left;
}
section.common_banner .course-head-1 h1{
    color: var(--white-color);
    font-weight: 700;
}
section.common_banner .course-head-1 .main-btn{
    border-radius: 30px;
    max-width: 100% !important;
    display: inline;
}
section.common_banner .banner-title p{
    width: 60%;
    margin-bottom: 20px;
    font-size: 16px;
}
section.common_banner .banner-title{
    height: 90vh;
}
section.common_banner img{
    height: 90vh;
}


/* about company */


/* our clients */
section.about-company{
    background: var(--white-color);
}
section.about-company .cont p{
    color: var(--black-color);
    text-align: left !important;
}
section.about-company .cont li{
    margin: 0 0 15px;
    position: relative;
    padding-left: 22px;
    font-size: 14px;
    font-family: var(--secondary-font);
    font-weight: 500;
    color: #000;
}
section.about-company .cont li::before{
    content: "";
    background: url(../images/check.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0;
}
section.about-company .col-6{
    position: relative;
}
section.about-company .abt-com{
    position: sticky;
    top: 10px;
}
.client-sec h3{
    font-size: 22px;
    margin-bottom: 40px;
}
.certified{
    margin: 30px 0;
}
.certified h3{
    margin: 40px 0;
    font-size: 22px;
}
.certified .partners{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.certified .partners li{
    width: 33%;
    margin-bottom: 20px;
}
.certified .partners img{
    width: 90%;
}
section.about-company .about-numbers img{
    width: 80px !important;
    border-radius: 20px;
}
section.about-company .about-numbers .simple{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 60px;
    color: var(--heading-color);
}
section.about-company .about-numbers .transparent{
    font-size: 30px;
    font-weight: 600;
    margin-right: 60px;
    -webkit-text-stroke: 0.8px #fff;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}
section.about-company .about-numbers .img{
    display: flex;
    gap: 20px;
    align-items: center;
}

/* offerings section */

/* Our Offering  */
section.offerings{
    background: var(--lt-color);
}
section.offerings .row{
    gap: 20px;
}
section.offerings .col-4{
    padding: 25px;
    border: 1px solid #A5A5A4;
    border-radius: 10px;
    width: 32%;
    margin-bottom: 20px;
}
section.offerings .col-4:nth-child(odd){
    background: var(--lt-color);
}
section.offerings .col-4:nth-child(even){
    background: var(--alternate-color);
}
.offering-card h3{
    font-size: 22px;
    position: relative;
}
.offering-card h3::before{
    content: '';
    position: absolute;
    bottom: -10px;
    width: 80%;
    height: 1px;
    background: var(--heading-color);
    z-index: 4;
}
.offering-card p{
    color: #000;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0;
    margin-top: 10px;
}
.offering-card li{
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
}
.offering-card li::before{
    content: "";
    background: url(../images/check.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 0;
}
.offering-card li i{
    padding: 2px;
    border-radius: 50%;
    border: 1px dashed var(--heading-color);
    margin-bottom: 10px;
    display: none;
}

.offering-card .icon img{
    width: 32px;
    height: 32px;
}
.offering-card .icon{
    text-align: center;
    margin-bottom: 25px;
    display: none;
}

.head{
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.head h2{
    color: var(--heading-color);
    font-size: 28px;
}
.head p{
    color: var(--black-color);
    font-size: var(--f15);
    width: 70%;
    text-align: center;
}

/* cta section */

/* cta section */

.cta-section {
    background: linear-gradient(90deg,#05164d 0%,#0c33b3 100%);
    padding: 30px 0
}

.cta-section .cta-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.cta-section .left-sec {
    flex-basis: 60%;
    padding: 40px 0
}

.cta-section .left-sec .top-section h2 {
    color: #fff
}

.cta-section .left-sec .top-section h2 a {
    color: #fff
}

.cta-section .left-sec .top-section h2 a:hover {
    opacity: .8
}

.cta-section .left-sec .top-section p {
    color: #bdb7b7
}

.cta-section .left-sec .top-section p a {
    color: #bdb7b7;
    text-decoration: underline
}

.cta-section .left-sec .top-section p a:hover {
    text-decoration: none
}

.cta-section .left-sec .top-section .btn-container {
    margin: 40px 0 0
}

.cta-section .left-sec .top-section ul {
    display: flex;
    align-items: center;
    margin: 25px 0 0
}

.cta-section .left-sec .top-section ul li {
    padding-left: 0px;
    color: #dcdcdc;
    position: relative;
    margin-right: 15px;
    font-weight: 400;
    font-size: 16px;
}
.cta-section .left-sec .top-section .btn-container .main-btn{
    border-radius: 30px;
}
.cta-section .left-sec .top-section ul li:before {
    content: "";
    background: url(../../../../../../../../themes/valuecoders/v6.0/images/home-images/tick-mark.svg) no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 3px
}

.cta-section .left-sec .top-section ul a {
    color: #dcdcdc;
    text-decoration: underline
}

.cta-section .left-sec .top-section ul a:hover {
    text-decoration: none
}

.cta-section .right-sec {
    flex-basis: 35%
}



/* industries */

section.industires .catg-card .new-img{
    height: 320px;
    object-fit: cover;
    object-position: 70%;
    border-radius: 10px 10px 0 0;
    transition: .3s ease-in-out;
}
section.industires .catg-card h3{
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
}
section.industires .catg-card{
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
section.industires .catg-card .cont{
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,.8));
    position: absolute;
    bottom: -30px;
    left: 0;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    transition: .5s ease-in-out;
}
section.industires .catg-card .cont span{
    color: var(--white-color);
}
section.industires .catg-card .line{
    height: 1px;
    width: 20%;
    background: #fff;
    transition: .5s ease-in-out;
    margin: 10px 0;
    border-radius: 50%;
}
section.industires .catg-card:hover .cont{
    bottom: 0;
}
section.industires .catg-card:hover .line{
    width: 100%;
}
section.industires .catg-card:hover .new-img{
    transform: scale(1.1);
}

@media(max-width: 980px){
    section.about-company .col-6{
        width: 100%;
        margin-bottom: 15px;
    }
    section.offerings .col-4{
        width: 48%;
    }
    .cta-section .right-sec{
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .cta-section .left-sec .top-section ul {
        flex-wrap: wrap;
        gap: 10px;
    }
    section.industires .col-3{
        width: 50%;
    }
    section.common_banner img{
        height: 60vh;
    }
    section.common_banner .banner-title{
        height: 60vh;
        justify-content: center;
    }
    .course-head-1{
        margin-top: 150px;
    }
}

@media(max-width: 540px){
    section.common_banner img{
        object-position: 75%;
    }
    section.common_banner .banner-title p{
        width: 100%;
    }
    section.common_banner .banner-title{
        height: 80vh;
    }
    section.common_banner img{
        height: 80vh;
    }
    section.offerings .col-4{
        width: 100%;
        margin-bottom: 0;
    }
    .cta-section .left-sec{
        flex-basis: 100%
    }
    .cta-section .left-sec .top-section ul{
        flex-wrap: wrap;
    }
    .cta-section .left-sec .top-section ul li{
        margin-bottom: 12px;
    }
    .cta-section .right-sec{
        flex-basis: 100%;
    }
    section.industires .col-3{
        width: 100%;
    }
}