.cenx-hero-section {
    background-image: url(../images/background/hero-image.png);
    background-size: cover;

    .container {
        height: 505px;
    }

    .cemx-content {
        .cemx-title {
            font-size: 40px;
            margin: 20px 0;
            line-height: 1;
            color: rgba(var(--thm-color-one), 1);
        }
    }
}

.cemx-bg-color-orange {
    background-color: rgba(var(--thm-secondary-color), 1);
}

.cenx-feel-the-difference {
    position: relative;
    background: rgba(var(--thm-primary-color), 1);
    height: 140px;

    .cemx-inner {
        position: absolute;
        left: 0;
        right: 0;
        margin-top: -115px;

        .cemx-text-box {
            .cemx-text-box-inner {
                margin-right: 12px;
                padding: 20px;
                background-color: rgba(var(--thm-color-one), 1);

                .cemx-titile {
                    margin: 0;
                    font-size: 17px;
                    color: rgba(var(--thm-secondary-color), 1);
                }

                .cemx-sub-title {
                    color: rgba(var(--thm-primary-color), 1);
                    margin: 10px 0;
                    font-size: 12px;
                    line-height: 1.4;
                }

                .cemx-text {
                    font-size: 12px;
                    line-height: 1.3;
                    margin: 0;
                }
            }
        }

        .cemx-image-box {
            padding: 20px 0;

            .cemx-image {
                &:last-child {
                    margin-left: 30px;
                }
            }
        }
    }
}

.cemx-key-point-box {
    background: rgba(var(--thm-primary-color), 1);
    background-image: url("../images/background/bg-2.png");

    .cemx-key {
        padding: 0px 35px;

        .cemx-key-point-card {
            padding: 16px 0;

            .cemx-key-text {
                font-size: 12px;
                margin: 0 11px;
                color: rgba(var(--thm-color-one), 1);
            }
        }
    }
}

.cemx-range-products {
    background-image: url(../images/background/white-man-welding.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30%;
    background-color: rgba(var(--thm-color-three), 1);

    .cemx-range-products-inner {
        .cemx-title {
            color: rgba(var(--thm-primary-color), 1);
            font-size: 18px;
            letter-spacing: 0.2px;
            margin: 13px 0;
        }

        .cemx-para {
            font-size: 12px;
        }

        .cemx-enquire {
            .cemx-enquire-inner {
                margin: 43px 106px 25px 31px;

                .cemx-image-box {
                    img {
                        object-fit: contain;
                        width: 75px;
                        height: 79px;
                    }
                }

            }

            .cemx-enquiry-button {
                margin: 0 106px 0 31px;
                text-align: center;
            }
        }
        .cemx-product-box{
            position: relative;
            .cemx-product-card{
                box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.3);
                background-color: rgba(var( --thm-color-one),1);
                .cemx-card-title{
                    margin: 12px 14px;
                    .cemx-title{
                        font-size: 11px;
                    }
                }
                .cemx-card-main-image{
                    img{
                        width:75%;
                    }
                }
            }
            .cemx-slider-slide-bar{
                position: absolute;
                left: -21px;
                top: 50%;
                transform: translate(0%, -50%);
                padding: 10px;
                width: 36px;
                height:36px;

            }
            .slider-left{
                right: -19px;
                left: unset;
            }
        }
    }
}

.cemx-application {
    position: relative;
    .cemx-application-content-box{
        padding-right: 15px;
        .cemx-title {
            font-size: 19px;
            color: rgba(var(--thm-primary-color), 1);
            margin: 13px 0 16px;
        }
    
        .cemx-para {
            font-size: 13px;
            margin: 0;
            color: rgba(var(--thm-color-four), 1);
        }
    
        .cemx-list-title {
            margin: 11px 0;
            font-size: 14px;
            color: rgba(var(--thm-color-four), 1);
        }
    
        .cemx-list-box {
            padding: 0;
            margin: 0;
            list-style: none;
    
            .cemx-list {
                padding: 4px 10px 4px 0;
    
                .cemx-list-subtitle {
                    color: rgba(var(--thm-color-four), 1);
                    margin: 0;
                    font-size: 13px;
                    padding-left: 10px;
                }
            }
        }
    }
  
    .cemx-application-image{
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        right: 0;
        img{
            width: 100%;
            object-fit:cover;
            height:100%;
        }
    }
}

.cemx-trainning {
    background-color: rgba(var(--thm-color-three), 1);

    .cemx-trainning-inner {

        // margin: 0 53px;
        .cemx-title {
            font-size: 20px;
            text-align: center;
            color: rgba(var(--thm-primary-color), 1);
            margin: 14px 0 22px;
        }

        .cemx-trainning-card {
            background-color: rgba(var(--thm-primary-color), 1);
            width: 264px;
            margin: 10px 5px;

            .cemx-trainning-image {
                img {
                    width: 100%;
                    object-fit: cover;
                }
            }

            .cemx-trainning-content {
                padding: 0 17px 17px;

                .cemx-sub-title {
                    margin: 14px 0;
                    color: rgba(var(--thm-secondary-color), 1);
                    font-size: 15px;
                }

                .cemx-content {
                    color: rgba(var(--thm-color-one), 1);
                    margin: 0;
                    font-size: 12px;
                    line-height: 1.3;
                }

                .cemx-link {
                    color: rgba(var(--thm-secondary-color), 1);
                }
            }
        }

        .cemx-enquiry-button {
            margin-top: 16px;
        }
    }
}

.cemx-counter {
    background-image: linear-gradient( 
    rgba(var( --thm-color-two),0.2), rgba(var( --thm-color-two),0.2)), url('../images/background/bg-3.png');

    .cemx-counter-inner {
        padding: 75px 0;

        .cemx-counter-box {
            color: rgba(var(--thm-color-one), 1);
            font-size: 55px;
            font-weight: 700;
            padding: 10px 20px;
            width: 181px;

            .cemx-text {
                margin: 0;
                font-size: 14px;
            }
        }
    }
}

.cemx-contact-details {
    background: rgba(var(--thm-primary-color),1);
    .cemx-contact-detail-bg {
        background: url("../images/background/white-welding.png");
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 35%;

        .padding-tb-default {
            padding-bottom: 0;
        }

        .cemx-contact-details-inner {
            background: rgba(var(--thm-color-one), 1);
            margin: 0 80px 0 80px;

            .cemx-review {
                .cemx-slider {
                    margin: 21px 44px 0px 52px;
                    padding: 9px 13px;
                    box-shadow: 0px 20px 30px #00000029;

                    .cemx-ratting-box {
                        margin-bottom: 4px;

                        .cemx-ratting-image {
                            margin-right: 4px;

                            img {
                                width: 13px;
                            }
                        }
                    }

                    .cemx-text {
                        margin: 0;
                        font-size: 10px;
                    }

                    .cemx-ratting-author {
                        margin: 24px 0 9px;

                        .cemx-name {
                            margin: 0;
                            font-size: 11px;
                        }

                        .cemx-title {
                            margin: 0;
                            font-size: 9px;
                        }
                    }
                }

               
            }

            .cemx-content-form {
                padding-right: 16px;

                .cemx-title {
                    margin: 5px 0;
                    font-size: 18px;
                    color: rgba(var(--thm-primary-color), 1);
                }

                .cemx-text {
                    margin: 0;
                    font-size: 10px;
                    color: rgba(var(--thm-color-four), 1);
                }

                .cemx-form-title {
                    margin: 14px 0 5px;
                    font-size: 10px;
                }

                .cenx-form {
                    .cemx-radio-box {
                        .cemx-radio-box-inner {
                            font-size: 12px;

                            .cemx-radio-button {
                                height: 16px;
                                width: 16px;
                                margin: 0;
                            }

                            label {
                                padding: 0 15px 0 6px;
                            }
                        }
                    }

                    select,
                    input {
                        margin: 10px 0 0;
                        padding: 16px 5px 5px;
                        font-size: 12px;
                    }

                    .cemx-input-box {
                        position: relative;

                        label {
                            position: absolute;
                            font-size: 9px;
                            top: 17px;
                            padding: 0 10px;
                            z-index: 1;
                            color: rgba(var(--thm-color-five), 1);
                        }

                        input {
                            position: absolute;

                            &:valid {
                                position: relative;

                                ~label {
                                    z-index: 1;
                                }
                            }
                        }

                    }

                    .cenx-text-box {
                        margin: 10px 0;
                        font-size: 9px;
                        padding: 3px 10px;
                        height: 62px;
                    }

                    .cemx-primary-button {
                        margin-bottom: 25px;
                    }
                }
            }
        }

        .cemx-copy-rights {
            .cemx-text {
                color: rgba(var(--thm-color-one), 1);
                padding: 20px 0;
                margin: 0;
                font-size: 10px;
            }
        }
    }
}
.cemx-slider-slide-bar {
        background: rgba(var(--thm-color-one), 1);
        box-shadow: 0px 20px 30px #00000029;
        padding: 7px 5px;
        border-radius: 50%;
        margin: 16px 5px;
        width: 30px;
        height: 30px;
}
