/*------------
 Theme Name:   DVS Child Theme
 Theme URI:    
 Description:  Grid CSS
 Author:       DVS Development
 Author URI:   https://www.dvs.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------ ADDITIONAL CSS HERE ------------*/

/*------------ Grid CSS Helper Starts ------------*/

/* - About Us - */
.certification_grid {
    display: grid;
    grid-gap: 2em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
}

.cert_one,
.cert_two,
.cert_three,
.cert_four,
.cert_five,
.cert_six,
.cert_seven,
.cert_eight,
.cert_nine,
.cert_ten,
.cert_eleven,
.cert_twelve,
.cert_thirteen,
.cert_fourteen,
.cert_fifteen,
.cert_sixteen ,
.cert_seventeen {
    margin: 0 auto;
}

.cert_one {
    grid-column: 1;
    grid-row: 1;
}
.cert_two {
    grid-column: 2;
    grid-row: 1;
}
.cert_three {
    grid-column: 3;
    grid-row: 1;
}
.cert_four {
    grid-column: 4;
    grid-row: 1;
}
.cert_five {
    grid-column: 1;
    grid-row: 2;
}
.cert_six {
    grid-column: 2;
    grid-row: 2;
}
.cert_seven {
    grid-column: 3;
    grid-row: 2;
}
.cert_eight {
    grid-column: 4;
    grid-row: 2;
}
.cert_nine {
    grid-column: 1;
    grid-row: 3;
}
.cert_ten {
    grid-column: 2;
    grid-row: 3;
}
.cert_eleven {
    grid-column: 3;
    grid-row: 3;
}
.cert_twelve {
    grid-column: 4;
    grid-row: 3;
}
.cert_thirteen {
    grid-column: 1;
    grid-row: 4;
}
.cert_fourteen {
    grid-column: 2;
    grid-row: 4;
}
.cert_fifteen {
    grid-column: 3;
    grid-row: 4;
}
.cert_sixteen {
    grid-column: 4;
    grid-row: 4;
}
.cert_seventeen {
    grid-column: 1;
    grid-row: 5;
}
@media all and (max-width: 767px) {
    .certification_grid {
        display: grid;
        grid-gap: 4em;
        grid-template-columns: 1fr 1fr;
    }
    .cert_one {
        grid-column: 1;
        grid-row: 2;
    }
    .cert_two {
        grid-column: 2;
        grid-row: 2;
    }
    .cert_three {
        grid-column: 1;
        grid-row: 3;
    }
    .cert_four {
        grid-column: 2;
        grid-row: 3;
    }
    .cert_five {
        grid-column: 1;
        grid-row: 4;
    }
    .cert_six {
        grid-column: 2;
        grid-row: 4;
    }
    .cert_seven {
        grid-column: 1;
        grid-row: 5;
    }
    .cert_eight {
        grid-column: 2;
        grid-row: 5;
    }
    .cert_nine {
        grid-column: 1;
        grid-row: 6;
    }
    .cert_ten {
        grid-column: 2;
        grid-row: 6;
    }
    .cert_eleven {
        grid-column: 1;
        grid-row: 7;
    }
    .cert_twelve {
        grid-column: 2;
        grid-row: 7;
    }
    .cert_thirteen {
        grid-column: 1;
        grid-row: 8;
    }
    .cert_fourteen {
        grid-column: 2;
        grid-row: 8;
    }
    .cert_fifteen {
        grid-column: 1;
        grid-row: 9;
    }
    .cert_sixteen {
        grid-column: 2;
        grid-row: 9;
    }
    .cert_seventeen {
        grid-column: 1;
        grid-row: 10;
    }
}

/*- Homepage Grid -*/
/* Client Grid */

.clients_grid .et_pb_gutters3.et_pb_column_4_4.et_pb_module, .et_pb_gutters3.et_pb_row.et_pb_column_4_4.et_pb_module,
.clients_grid .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module,
.clients_one,
.clients_two,
.clients_three,
.clients_four,
.clients_five,
.clients_six,
.clients_seven,
.clients_eight,
.clients_nine,
.clients_ten,
.clients_eleven,
.clients_twelve,
.clients_thirteen,
.clients_fourteen,
.clients_fifteen,
.clients_sixteen {
    margin-bottom: 0px !important;
}

.clients_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 2fr;
}
.clients_one {
    grid-column: 1;
    grid-row: 1;
}
.clients_two {
    grid-column: 2;
    grid-row: 1;
}
.clients_three {
    grid-column: 3;
    grid-row: 1;
}
.clients_four {
    grid-column: 4;
    grid-row: 1;
}
.clients_five {
    grid-column: 1;
    grid-row: 2;
}
.clients_six {
    grid-column: 2;
    grid-row: 2;
}
.clients_seven {
    grid-column: 3;
    grid-row: 2;
}
.clients_eight {
    grid-column: 4;
    grid-row: 2;
}
.clients_nine {
    grid-column: 1;
    grid-row: 3;
}
.clients_ten {
    grid-column: 2;
    grid-row: 3;
}
.clients_eleven {
    grid-column: 3;
    grid-row: 3;
}
.clients_twelve {
    grid-column: 4;
    grid-row: 3;
}

@media all and (max-width: 767px) {
    .clients_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr;
    }
    .clients_one {
        grid-column: 1;
        grid-row: 1;
    }
    .clients_two {
        grid-column: 2;
        grid-row: 1;
    }
    .clients_three {
        grid-column: 1;
        grid-row: 2;
    }
    .clients_four {
        grid-column: 2;
        grid-row: 2;
    }
    .clients_five {
        grid-column: 1;
        grid-row: 3;
    }
    .clients_six {
        grid-column: 2;
        grid-row: 3;
    }
    .clients_seven {
        grid-column: 1;
        grid-row: 4;
    }
    .clients_eight {
        grid-column: 2;
        grid-row: 4;
    }
    .clients_nine {
        grid-column: 1;
        grid-row: 5;
    }
    .clients_ten {
        grid-column: 2;
        grid-row: 5;
    }
    .clients_eleven {
        grid-column: 1;
        grid-row: 6;
    }
    .clients_twelve {
        grid-column: 2;
        grid-row: 6;
    }
}


/* Orientation Grid */

a.two_btn_orien {
    margin-right: 1em
}
@media (max-width: 475px) {
    a.two_btn_orien {
        margin-bottom: 1em
    }
}

.ori_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1em;
}
.ori_grid-col_1 {
    grid-column: 1;
    grid-row: 1;
}
.ori_grid-col_2 {
    grid-column: 2;
    grid-row: 1;
}
.ori_grid-col_3 {
    grid-column: 3;
    grid-row: 1;
}
.ori_grid-col_4 {
    grid-column: 4;
    grid-row: 1;
}
.ori_grid-col_5 {
    grid-column: 5;
    grid-row: 1;
}

@media all and (max-width: 767px) {
    .ori_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr;
    }
    .ori_grid-col_1 {
        grid-column: 1;
        grid-row: 1;
    }
    .ori_grid-col_2 {
        grid-column: 2;
        grid-row: 1;
    }
    .ori_grid-col_3 {
        grid-column: 1;
        grid-row: 2;
    }
    .ori_grid-col_4 {
        grid-column: 2;
        grid-row: 2;
    }
    .ori_grid-col_5 {
        grid-column: 1;
        grid-row: 3;
    }
}