/* * {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    font-family: 'Roboto', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Roboto', sans-serif !important;
}

header {
    padding: 30px 0px;

} */

.company-info {
    display: flex;
}

.phone,
.mail {
    display: flex;
}

.phone p a,
.mail p a {
    margin-top: 20px;
    padding: 0px 14px;
    font-weight: 300;
    font-size: 15px;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.phone p,
.mail p {
    margin-top: 15px !important;
}

.mail p {
    font-weight: 300 !important;
}

.phone p a:hover,
.mail p a:hover {
    text-decoration: none;
    color: white;
}

.banner-text {
    padding-bottom: 100px;
}

.banner-image {
    background-image: url(../images/banner-image-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -190px;
    z-index: -1;
    max-width: 100%;

}

.banner-left {
    padding-top: 300px;
    padding-right: 65px !important;
}

.banner-left h1 {
    font-size: 42px;
    font-weight: 700;
    background: -webkit-linear-gradient(#FF9900, #FFE70C, #FF9900, #FED74B, #FF9900, #FFDFAE, #6A4206, #DAA352);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-left p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: white;

}


.development-team ul li {
    list-style-type: none;
    list-style-image: url(../images/Group\ 1018.png);

}

.course-text {
    font-size: 65px;
    font-weight: 700;
    background: -webkit-linear-gradient(#FF9900, #FFE70C, #FF9900, #FED74B, #FF9900, #FFDFAE, #6A4206, #DAA352);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-container {
    max-width: 589px;
    margin-top: 200px;
    padding: 20px;
    background-color: white;
    border-radius: 32px;
}

.form-container h4 {
    text-align: center;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 100;
    line-height: 73px;
    text-align: center;
    letter-spacing: 0em;
    color: #0120FE;
}

.Quote {
    font-family: Roboto;
    font-size: 33px;
    font-weight: 700;
    line-height: 73px;
    letter-spacing: 0em;
    text-align: center;
    color: #0120FE;
}

.form-container hr {
    border: 3px solid #FFC805;
    width: 10%;
    margin-left: 225px;
    margin-top: -10px;
}

label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0px;
    color: #0117FE;
}


input {
    width: 120%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #0B5DD8;
    border-radius: 5px;
    margin-top: 5px;
    background-color: #C6CCD845;
    color: #0117FE;
    box-sizing: border-box;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #FAC60A;
    color: black;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px !important;
    cursor: pointer;
    margin: 40px auto !important;
    width: 35%;
    letter-spacing: 2px !important;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

/*button:hover {
    background-color: #0056b3; 
}*/
.images {
    margin-top: -60px;
}

/*.img-border{
    border: 2px solid #6A4206;
    width: 90%;
}*/



.section-2 {
    background-color: #F5FAFE;
    margin-top: 0px;
}

.section-2 img {
    position: absolute;
    margin-top: -160px;
}

.blue-box {
    position: relative;
    background-image: linear-gradient(#241587, #3f3cb6);
    padding: 30px;
    margin: 50px 0px;
    border-radius: 20px;
    color: white;
}

.blue-box h4 {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
}

.blue-box span {
    font-size: 40px;
    font-weight: 700;
}

.blue-box p {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 300;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #ECEFF6;
}

.development-team {
    padding: 30px;
    margin: 50px 0px;
}

.development-team h4 {
    font-size: 26px;
    font-weight: 300;
}

.development-team span {
    font-size: 40px;
    font-weight: bold !important;
}

.blue-line {
    border: 3px solid darkblue;
    width: 10%;
}

.development-team p {
    font-size: 20px;
    font-weight: 300;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #4B4B4B;

}

.development-team ul {
    margin: 50px 0px;
}

.development-team ul li {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 15px;
    color: #4B4B4B;
    padding-left: 10px;
}

.yellow-dotted {
    left: 85%;
    margin-bottom: -25px;
}

.colleges-section {
    background-color: #F5F1ED;
    padding: 0px 50px;
    padding-bottom: 80px;
}

.colleges-section h4 {
    color: #241587;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
}

.college-text {
    font-size: 36px !important;
    font-weight: 800 !important;
    position: relative;
    z-index: 1;
}

.college-text:before {
    border-top: 8px solid #FED74B;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 60%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 25%;
    z-index: -1;
}

.college-image img {
    margin: 0px -10px;
}


.owl-carousel {
    margin-top: 30px;
    margin-bottom: 20px;
}

.owl-dots {
    margin-top: 25px !important;
}

.colleges-section .owl-prev,
.colleges-section .owl-next {
    background-color: #F5F1ED !important;
}

.colleges-section .owl-prev {
    position: absolute !important;
    top: 100% !important;
    left: 47% !important;
}


.colleges-section .owl-next {
    position: absolute !important;
    top: 100% !important;
    right: 47% !important;
}

/*video slider css*/

.owl-carousel .owl-video-tn {
    background-size: cover;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
}

.owl-video-frame {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.owl-video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 25% !important;
    max-height: 25% !important;
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dot {
    display: inline-block;
}

.owl-dot span {
    width: 11px;
    height: 11px;
    background-color: #ccc;
    border-radius: 50%;
    display: block;
    margin: 5px 3px;
}

.owl-dot.active span {
    background-color: #000;
}

.item-video {
    height: 500px !important;
    width: 350px !important;
    margin: 0px 25px;
}

/*video slider end*/
.triangle-image {
    margin-left: -50px;
}

.industry-prepared-image img {
    padding: 35px 0px;
    width: 100%;
}

.industry-prepared-content {
    margin-top: 150px;
    margin-left: 10px;
}

.industry-prepared-content h4 {
    color: #241587;
    font-size: 31px;
    font-weight: lighter;
    letter-spacing: 3px;
}

.industry-text {
    font-size: 44px !important;
    font-weight: bolder !important;
    position: relative;
    z-index: 1;

}

.industry-text:before {
    border-top: 8px solid #FED74B;
    content: "";
    position: absolute;
    top: 64%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 93%;
    z-index: -1;
}

.industry-prepared-content p {
    font-size: 18px;
    font-weight: 300;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #666464;
    margin-top: 15px;
    padding-right: 30px;
}

.semi-circle {
    position: absolute;
    right: 10%;
    margin-top: 40px;
}

.goals {
    background-image: url(../images/Group\ 1005.png);
    max-width: 90% !important;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-size: cover;
}

.goals h4 {
    padding-top: 200px;
    text-align: center;
    color: #241587;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}


.goals h4:before {
    border-top: 8px solid #FED74B;
    content: "";
    position: absolute;
    top: 93%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 17%;
    z-index: -1;
    margin-left: 555px;
}

.goal-box {
    background-color: white;
    margin: 50px 75px 100px 150px;
    padding: 50px 30px;
    border-radius: 42px;
}

.goal-box p {
    font-size: 21px !important;
    font-weight: 300 !important;
    text-align: center;
    color: #666464;
    line-height: 42px;
}

.course-dotted-image {
    margin-top: -40px;
}

.course-right-dot {
    position: absolute;
    right: 2%;
    top: 15%;
    z-index: -1;
}

.orange-circle {
    position: absolute;
    top: 45%;
    right: 5%;
    z-index: -1;
}

.big-circle {
    position: absolute;
    top: 45%;
    right: 0%;
    z-index: -1;
    width: 23%;
}

.Course-modules {
    background-color: #F5F1ED;
    position: relative;
    z-index: 1;
    padding-bottom: 70px;
}

.Course-modules::after {
    image: url(../images/Group\ 1008.png);
}

.Course-modules h4 {
    text-align: center;
    margin-top: -50px !important;
    padding-bottom: 50px;
    font-size: 40px;
    font-weight: bold;
    color: #241587;
    position: relative;
    z-index: 1;
}


.Course-modules h4:before {
    border-top: 8px solid #FED74B;
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 22%;
    z-index: -1;
    margin-left: 585px;
}

.course-box,
.course-box-two {
    background-color: white;
    padding: 20px 15px;
    border-radius: 10px;
    min-height: 100%;
}

.course-box ul li,
.course-box-two ul li {
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    padding-bottom: 28px;
    list-style-type: none;
    list-style-image: url(../images/pseudo.png);
    padding-bottom: 10px;
    color: #081436;
}

.course-box ul li::marker,
.course-box-two ul li::marker {
    padding: 10px;
}


.training-course-one,
.training-course-two {
    margin-top: 60px !important;
}

.training h4 {
    text-align: center;
    margin-top: 30px;
    font-size: 65px;
    font-weight: bold;
    color: #241587;
    position: relative;
    z-index: 1;
}

.training h4:before {
    border-top: 8px solid #FED74B;
    content: "";
    position: absolute;
    top: 68%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 42%;
    z-index: -1;
    margin-left: 440px;
}

.training h5 {
    font-size: 35px;
    font-weight: lighter;
    text-align: center;
    color: #241587;
    position: relative;
    z-index: 1;
}

.training-box {
    min-height: 100%;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 10px 15px;
    -webkit-box-shadow: 0px 10px 15px 5px rgba(236, 236, 236, 1);
    -moz-box-shadow: 0px 10px 15px 5px rgba(236, 236, 236, 1);
    box-shadow: 0px 10px 15px 5px rgba(236, 236, 236, 1);

}

.training-box h5 {
    font-size: 28px;
    font-weight: 800;
    color: black;
    margin: 15px 0px;

}

.training-box img {
    padding-left: 110px;
    margin: 30px 0px;
}

.training-box p {
    font-size: 18px !important;
    font-weight: 300 !important;
    text-align: center;
    color: #666464;
    line-height: 42px;
}

.orange-small-circle {
    position: absolute;
    right: 2%;
    margin-top: -50px;
    z-index: 1;
}

.small-circles {
    position: absolute;
    left: 0%;
    margin-top: -200px;
}

.join-euphoria {
    margin: 100px 0px;
}

.join-euphoria-genx {
    background-image: url(../images/Group\ 1017.png);
    background-color: #3C65ED;
    padding: 82px 70px;
    border-radius: 40px;
    background-repeat: none;

}

.join-euphoria-genx p {
    padding: 0 90px;
    color: white;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
}


.join-genx {
    font-size: 38px;
    font-weight: bold;
    color: #FED74B;
}

.small-triangle {
    margin-top: 50px;
    position: absolute;
    margin-left: -140px;
}

.testimonials {
    background-color: #3C65ED;
}

.testimonials h4 {
    color: white;
    letter-spacing: 8px;
    font-weight: lighter;
    font-size: 31px;
    text-align: center;
    padding-top: 140px;
}

.testimonials h3 {
    color: white;
    text-align: center;
    font-size: 50px;
    font-weight: 500;
}

footer {
    padding: 50px;
}

footer p {
    /*margin: 30px 0px;*/
    font-size: 17px;
    font-weight: 100;
}


.footer-two {
    padding: 0px 120px 120px 120px;
}

.footer-two h6 {
    margin-bottom: 40px;
}

.footer-two ul li {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    padding-bottom: 28px;
    list-style-type: none;
    list-style-image: url(../images/pseudo-2.png);
    padding-bottom: 10px;
    color: #081436;
}

.footer-three h6 {
    margin-bottom: 30px;
}

.f-phone,
.f-mail,
.f-location {
    display: flex;
    margin-bottom: 30px;
}

.f-phone img,
.f-mail img,
.f-location img {
    width: 8%;
    height: 8%;
}

.f-phone p,
.f-mail p,
.f-location p {
    margin: 0px 20px;
}

.footer-phone {
    font-weight: bold;
}

.footer-day {
    color: #3C65ED;
    font-size: 14px;
}

.social-link {
    margin-top: 75px;
}

.footer-three p {
    font-size: 15px;
    color: #7A7A7A;
}

.bottom-bar {
    background-color: #DDE5EB;
    padding: 10px 0px;
}


/*TESTIMONIAL SLIDER START*/

/* .eup-testimonial-slider .eup-testimonial-slider-box {
    display: flex;
    align-items: center;
    flex-flow: column;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-img {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 394px;
    flex: 0 0 auto;
    z-index: 1;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-img::before {
    content: '';
    clear: both;
    z-index: 2;
    position: absolute;
    left: -115px;
    bottom: -78px;
    background-image: url(../images/eup-testimonial-slider-img-before.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 62px;
    height: 62px;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-img::after {
    content: '';
    clear: both;
    z-index: -1;
    position: absolute;
    right: 80px;
    top: 0;
    background-image: url(../images/eup-testimonial-slider-img-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 122.19px;
    height: 106.29px;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-text {
    width: 100%;
    text-align: center;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-text p {
    font-family: 'Playball', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 31px;
    line-height: 46px;
    color: #FFFFFF;
    display: none;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-text h4 {
    font-weight: 700;
    font-size: 25px;
    line-height: 38px;
    color: #FFFFFF;
    margin-top: 25px;
    margin-bottom: 0px;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-text h5 {
    font-family: 'Comic Sans MS';
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #CFDAFF;
}

.eup-testimonial-slider .eup-testimonial-slider-box .eup-testimonial-slider-text .eup-quets-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 42px 24px 0;
    display: none;
} */

/* =========== end: eup-our-campusing-section =========== */
/* =========== start: eup-testimonial-section =========== */
/* .eup-testimonial-section-top-graphics .eup-custom-container {
    position: relative;
}

.eup-testimonial-section-top-graphics img {
    position: absolute;
    z-index: 5;
    top: -46px;
    right: 0;
}

.eup-testimonial-section {
    background: #3C65ED;
    position: relative;
    padding: 105px 0 38px;
}

.eup-testimonial-section .eup-testimonial-bg-top-left {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}

.eup-testimonial-section .eup-section-title {
    text-align: center;
    display: table;
    margin: 0 auto 24px;
    position: relative;
}

.eup-testimonial-section .eup-section-title .eup-testimonial-section-title-btm {
    z-index: -1;
    position: absolute;
    top: 64px;
    right: 0;
    width: 266.1px;
    height: 137.69px;
}

.eup-testimonial-section .eup-section-title .eup-testimonial-section-title-btm img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.eup-testimonial-section .eup-section-title h1 {
    font-weight: 600;
    font-size: 50px;
    line-height: 58px;
    color: #FFFFFF;
} */

/*
.eup-testimonial-section .eup-section-title h1 br {
    display: none;
}
*/

/* .eup-testimonial-section .eup-section-title h1 small {
    display: block;
    font-weight: 300;
    font-size: 31px;
    line-height: 55px;
    letter-spacing: 0.56em;
    color: #FFFFFF;
}

.eup-testimonial-section .eup-section-title h1 span {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.eup-testimonial-section .eup-section-title h1 span::before {
    content: '';
    clear: both;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 681.05px;
    height: 7px;
    background: #F46363;
    top: 42px;
    z-index: -1;
}

.eup-testimonial-slider .previous-btn,
.eup-testimonial-slider .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 88px;
    height: 88px;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 19px 29px -3px rgba(60, 101, 237, 0.36);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 35px;
    transition: .4s;
}

.eup-testimonial-slider .previous-btn:hover,
.eup-testimonial-slider .next-btn:hover {
    background: #FFFFFF;
    border: 2px solid #8DA7FF;
    box-sizing: border-box;
    box-shadow: 0px 19px 29px -3px rgba(20, 39, 101, 0.52);
    color: #3C65ED;
    cursor: pointer;
}

.eup-testimonial-slider .previous-btn {
    left: 0;
}

.eup-testimonial-slider .next-btn {
    right: 0;
}

.eup-testimonial-slider-text {
    color: white;
    text-align: center;
    margin: 25px 0px;
} */

/* .eup-testimonial-slider {
    position: absolute !important;

} */
/* =========== end: eup-testimonial-section =========== */

/*TESTIMONIAL SLIDER END*/


.owl-carousel .item-video {
    height: 700px;
    width: 300px;
}

/*owlarrows start*/
.carousel-wrapper {
    width: 1200px;
    margin: auto;
    position: relative;
    text-align: center;
    font-family: sans-serif;
}

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #5110e9;
}

.owl-carousel .item {
    text-align: center;
}

.owl-carousel .nav-button {
    height: 50px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 110px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.25;
}

.owl-carousel .owl-prev {
    left: -35px;
}

.owl-carousel .owl-next {
    right: -35px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 39px;
    background: #000000;
    border-radius: 3px;
}

.owl-carousel .prev-carousel:hover {
    background-position: 0px -53px;
}

.owl-carousel .next-carousel:hover {
    background-position: -24px -53px;
}

/*owl arrow end*/


.slider_box {
    width: 500px;
    display: block;
    margin: 0 auto;
}

.video_box {
    width: 100%;
    height: 394px;
}

.video_box iframe {
    height: 100%;
    width: 100%;
}

.owl-prev {
    z-index: 99999;
    position: absolute;
    /* width: 100%; */
    top: 27%;
    margin: 0;
    left: 0;
    background: transparent;
}

.owl-next {
    z-index: 99999;
    position: absolute;
    /* width: 100%; */
    top: 27%;
    margin: 0;
    right: 0;
    background: transparent;
}

.testimonials_slider {
    background-image: url(../images/testimonial\ -background-image.png);
}

.testimonials_slider h4 {
    text-align: center;
    color: white;
    margin-top: 75px;
    letter-spacing: 2px;
    font-weight: lighter;
}

.testimonials_slider h3 {
    text-align: center;
    color: white;
    margin-bottom: 75px;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 40px;
}

.info h4 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
}

.info h5 {
    font-family: 'Comic Neue' !important;
    font-weight: lighter;
    color: white;
}


.owl-next {
    background-color: #3C65ED !important;
}

.owl-prev {
    background-color: #3C65ED !important;
}

.owl-prev img {
    position: absolute;
    left: -250%;
}

.owl-next img {
    position: absolute;
    right: -300%;
}

.footer-two ul li a {
    text-decoration: none;
    color: black;
}

.f-phone p a:hover,
.f-mail p a:hover {
    text-decoration: none;
    color: #7A7A7A;
}

.f-phone p a,
.f-mail p a {
    text-decoration: none;
    color: #7A7A7A;
}

.form-container label {
    display: block;
}

.form-container input {
    width: 100%;
}


/* COLLEGE SLIDER START */
.college-slider{
    margin-top: 30px;
    padding-bottom: 78px;
    position: relative;
}
.college-slider .slick-arrow{
    font-size: 0px;    
    display: inline-flex;
    width: 56px;
    height: 56px;
    background: url(../../images/col-next-btn.png) no-repeat center;
    background-size: 100% auto;
    top: auto;
    bottom: 0;
    left: calc(50% + 16px);
    right: auto;
    transform: inherit;
}
.college-slider .slick-arrow:before{
    display: none;
}
.college-slider .slick-arrow.slick-prev{
    background: url(../../images/col-prev-btn.png) no-repeat center;
    background-size: 100% auto;
    left: auto;    
    right: calc(50% + 16px);
}
.college-slider .item{
    padding: 0 5px;
}
.college-slider .item img{
    display: block;
    width: 100%;
}
/* COLLEGE SLIDER END */

/* COURSE MODULE NEW DESIGN START */
.course-modules-list{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 20px 0 0 0;
}
.course-modules-list li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(33.333333% - 16px);
    background-color: #f9f8ff;
    border: 1px solid #cac3f5;
    padding: 8px 12px 8px 46px;
    border-radius: 6px;
    min-height: 60px;
    color: #3c3c3c;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    position: relative;
    
}
.course-modules-list li:before{
    content: "";
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    background: url(../images/check-white.svg) no-repeat center;
    background-color: #9551ad;
    background-size: 13px auto;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translate(0, -50%);
}
/* COURSE MODULE NEW DESIGN END */