/* ---------------------------------------- */
/* Hero Section */
.hero_sect {
    max-width: 1400px;
    margin: auto;
}

/* --------------------------------- */
/* Take A Free Test Section  */
.free_test_sect {
    /* background-color: rgba(43, 77, 255, 0.96);
    background: linear-gradient(29.2deg, #01B3FF 14.92%, rgba(43, 77, 255, 0.96) 86.21%); */
    border-radius: 10px;
    border: 1px solid var(--light-gray);
}

.free_test_sect .sect_hed {
    color: #fff;
}

.free_test_dv {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 50px;
}

.free_test_dv .left {
    flex: 1 1 48%;
    padding: 10px 50px;
}

.free_test_dv .right {
    flex: 1 1 45%;
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 10px;
    border: 1px solid var(--prc-i);
}

.free_test_dv h3 {
    font-size: 1.6rem;
    color: #4D74FC;
    font-weight: 900;
    text-transform: uppercase;
}

.free_test_dv h3 span {
    text-decoration: underline;
}

.hr_line {
    margin: 16px 0;
    width: 100%;
    border: 1px solid var(--light-gray);
}

.free_test_dv p {
    opacity: 0.8;
    font-size: 1.1rem;
    line-height: 1.7rem;
}


/* --------------------------------- */
/* Our Students Section */
.google_review_sect img {
    max-width: 300px;
    width: 65%;
}

.google_review_sect h2 {
    text-align: center;
}

.google_review_sect h3 {
    text-align: center;
}

/* ---------------------------------------- */
/* Success Stories of Our Students */
/* Testimonial Slider */
.testimonial_slider {
    margin-top: 100px;
    max-width: 650px;
    height: 260px;
    border: 1px solid var(--brd-btm-clr);
    border-radius: 10px !important;
}

.testimonial_slider .slider_outside_div,
.testimonial_slider .slider_inner_div {
    height: 100%;
}

.review_slide_dv {
    width: 85%;
    margin: auto;
    text-align: center;
}

p.review_msg {
    font-weight: 500;
}

.reviewer_name {
    font-size: 1.15rem;
    font-weight: bold;
    margin-top: 25px;
}

.review_from {
    font-size: 0.8rem;
    opacity: 0.8;
}

/* ---------------------------------------- */
/* ---------------------------------------- */
/* Tech Logos Section */
.tech_logos {
    display: flex;
    align-items: center;
    padding: 100px 20px;
    gap: 30px;
}

.logos_heading {
    flex: 0 1 25%;
}

.logos_cont {
    flex: 1 1 75%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.tch_lgo {
    flex: 1 1 auto;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    transition: 0.3s transform;
}

.tch_lgo:hover {
    transform: scale(1.3);
}

.tch_lgo img {
    width: 100px;
}


/* ---------------------------------------- */
/* Services Section */
.services {
    background-color: var(--prc-i);
    padding: 50px 0;
}

.services h2 {
    color: white;
    text-align: center;
}

.service_list {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    gap: 24px;
}

.one_service {
    flex: 1 0 32%;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
}

.one_service .icon_dv img {
    max-width: 100px;
}

.service_name {
    font-size: 18px;
    margin-top: 18px;
}

.one_service p {
    font-size: 14px;
    margin-top: 18px;
}

.one_service a {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--purple);
    transition: transform 0.3s;
}

.one_service a:hover {
    transform: translateX(15px);
}

.srvc_explr_btn {
    border: 1px solid white;
    display: inline-block;
    margin-top: 50px;
}

.srvc_explr_btn:hover {
    background-color: white;
    color: var(--prc-i);
}

/* ---------------------------------------- */
/* Project Roadmap Section */

/* Icons used in Netluke Webs from this site */
/* https://www.svgrepo.com/collection/design-collection-2/ */
/* https://www.svgrepo.com/collection/graphic-design-4/ */

.project_roadmap {
    padding: 50px 20px;
}

.roadmap_list {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.one_rm_item {
    position: relative;
    flex: 1 0 20%;
    padding: 10px;
    border: 1px solid var(--brd-btm-clr);
}

.one_rm_item img {
    max-width: 60px;
}

.one_rm_item .name {
    margin-top: 15px;

}

.one_rm_item p {
    margin-top: 10px;
    font-size: 14px;
}

/* Roadmap Item numbers */
.one_rm_item::after {
    border: 2px solid var(--txt-black);
    color: white;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-weight: 800;
}

.one_rm_item:nth-child(1)::after {
    border: 2px solid #9B51E0;
    background-color: #9B51E0;
    content: "1";
}

.one_rm_item:nth-child(2)::after {
    border: 2px solid #F2994A;
    background-color: #F2994A;
    content: "2";
}

.one_rm_item:nth-child(3)::after {
    border: 2px solid #27AE60;
    background-color: #27AE60;
    content: "3";
}

.one_rm_item:nth-child(4)::after {
    border: 2px solid #2F80ED;
    background-color: #2F80ED;
    content: "4";
}


/* ---------------------------------------- */

/* ---------------------------------------- */

/* ---------------------------------------- */

/* ---------------------------------------- */


/* ---------------------------------------- */



/* ---------------------------------------- */