.dmto-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;
}

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


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

.dmto-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;
}

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


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

.dmto-section2 {
    background: rgb(21,34,79);
background: linear-gradient(184deg, rgba(21,34,79,1) 0%, rgba(26,26,26,1) 100%);
}

.dmto-section2 .__box-container{
    border: 2px solid white;
    background-color: #1D2D62;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
    height: 300px;
}

.dmto-section2 .__box-container.__lightbg{
    background-color: #223986;
}

.dmto-section3{
    background: rgb(1,67,115);
background: radial-gradient(circle, rgba(1,67,115,1) 0%, rgba(26,26,26,1) 100%);
}

.dmto-section3 .__title{
    background-color: white;
    text-align: center;
    padding: 1rem;
    position: relative;
}


.dmto-section3 .__title h2{
    color: var(--coloryellow4);
    padding: 0px;
    margin: 0px;
}

.dmto-section3 .__title .__shape{
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);     
    background-color: #FF9A00;
    display: block;
    width: 50px;
    height: 100px;
    position: absolute;
    top: -6px;
    left: -15px;
}

.dmto-section3 .__title .__shape2{
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);     
    background-color: #FF9A00;
    display: block;
    width: 50px;
    height: 100px;
    position: absolute;
    top: -6px;
    right: -15px;
}

.dmto-section3 .__box-container{
    border: 2px solid #FF9A00;
    padding: 3rem 1rem;
    clip-path: polygon(0 0, 90% 0, 100% 11%, 100% 100%, 0 100%);
    background-color: #FF9A00;
    min-height: 327px;
}

.dmto-section4{
    background-image: url("../images/dmto-section4-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 */
}

.dmto-section4 .__box-container{
    text-align: center;
}

.dmto-section4 .__box-container img{
    margin-bottom: 1rem;
}


.dmto-section5 .zq_common_width-2_inner{
    background-color: transparent;
}

.dmto-section5{
    background-image: url("../images/dmto-section5-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 */
}

.dmto-section5 .__box-container{
    background: rgb(0,35,152);
    background: linear-gradient(0deg, rgba(0,35,152,1) 0%, rgba(21,34,79,1) 100%);
    height: 350px;
    width: 100%;
    border: 2px solid var(--coloryellow1);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dmto-section5 .zq_h4_choose-right.__lg{
    display: none;
}

.dmto-section5 .__sm{
    display: none;
}

.dmto-section5 .__sm .__box-container{
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}