.vcn-header{
    background-image: url("../images/dsp-header-bg.png"); /* The image used */
    background-color: var(--color1); /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    min-height: 350px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.vcn-header h3{
    color: var(--coloryellow1);
}


.vcn-section1{
   background-color: var(--coloryellow1);
    min-height: 350px;
}

.vcn-section1 .__box-container{
    background-image: url("../images/dmto-section1-bg.png"); /* The image used */
    background-color: var(--color1); /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
}

.vcn-section1 .__box-container .__title{
    background-color: var(--coloryellow1);
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
    margin-bottom: 1rem;
}


.vcn-section1 .__box-container .__title h3{
    color: var(--black);
    padding: 0px;
    margin: 0px;
    padding: 20px 50px;
}


.vcn-section2 {
    position: relative;
    background-color: var(--black);
  
}

.vcn-section2 .bg2{
    position: absolute;
    width: 100%;
    z-index: 10;
}

.vcn-section2 .__box-container{
    background-image: url("../images/vcn-section2-bg1.png"); /* The image used */
    background-color: var(--color1); /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    padding: 2rem;
    position: relative;
    z-index: 11;
    min-height: 336px;
}



.vcn-section2 .__box-container img{
    margin-bottom: 1rem;
}

.vcn-section3 {

}

.vcn-section3 .zq_h3_service-item{
    background-color: var(--black);
    height: 400px;
}

.vcn-section3 .zq_h3_service-item:hover .zq_h3_service-item-content h4:hover{
    color: var(--white);
}

.vcn-section3 .zq_h3_service-item-content p{
    font-size: 24px;
}

.vcn-section3 .swiper-pagination{
    margin-top: 100px !important;
    position: relative;
}

.zq_h3_service-item:hover h4,
.zq_h3_service-item:hover p{
    color: var(--white) !important;
}

/* .vcn-section3 .zq_h3_service-item-content h4:hover{
    color: var(--white);
}

.vcn-section3 .zq_h3_service-item:hover .zq_h3_service-item-content p:hover{
    color: var(--white);
} */


.vcn-section4{
    background-color: var(--black);
    position: relative;
}

.vcn-section4 .float1{
    position: absolute;
    width: 100%;
}

.vcn-section4 .float11{
    position: absolute;
    width: 100%;
    top: 50%;
}

.vcn-section4 .float2{
    position: absolute;
    left: -150px;
}

.vcn-section4 .float3{
    position: absolute;
    left: -200px;
    bottom: 10px;
}

.vcn-section4 .float4{
    position: absolute;
    right: -230px;
    bottom: 40%;
    transform: scale(.1);
}


.vcn-section4 .__container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.vcn-section4 .__container .__title{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40%;
}

.vcn-section4 .__container .__title .__title-box{
    background-color: var(--coloryellow4);
    padding: 2rem;
    width: 380px;
    text-align: center;
}

.vcn-section4 .__container .__title .__title-box h3{
    padding: 0px;
    margin: 0px;
}


.vcn-section4 .__container .__lines{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20%;
}


.vcn-section4 .__container .__items{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40%;
}

.vcn-section4 .__container .__items .__box-container{
    border: 2px solid var(--coloryellow1);
    position: relative;
    padding: 2rem;
    width: 100%;
    min-height: 170px;

}

.vcn-section4 .__container .__items .__box-container .__icon{
    position: absolute;
    top: -50px;
    right: -30px;
}

.vcn-section4 .__container .__items .__box-container_space{
    display: block;
    width: 100%;
    height: 100px;
}

.vcn-section5{
    background-color: var(--black);
}


.vcn-section5 .zq_h2_service-item{
    padding: 2rem 1rem;
    background-image: url("../images/zq_h2_service-item-bg.png"); /* The image used */
    background-color: var(--color1); /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    height: 220px;
    
}

.vcn-section5 .zq_h2_service-item h4,
.vcn-section5 .zq_h2_service-item p {
    color: var(--black);
}


.vcn-section5 .zq_h2_service-item:hover h4,
.vcn-section5 .zq_h2_service-item:hover p{
    color: var(--colorblue1);
}

.zq_h2_service-item .zq_h2_service-item-content p{
    font-size: 20px;
}

.contact-section h4{
    color: var(--black);
}