.fs-20 {
    font-size: 20px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.w-30 {
    width: 33.33%;
}

.banner-gradient {
    background-image: url(../assets/images/landing_page/landing_page.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.overlay {
    position: absolute;
    background: linear-gradient(40deg, rgb(170, 204, 188) 0%, 13.834%, rgb(130, 146, 172) 27.668%, 63.834%, rgb(68, 1, 81) 100%);
    height: 570px;
    width: 100%;
}

.text { /* Set the maximum height for 2 lines of text */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aluminitext { /* Set the maximum height for 2 lines of text */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 4px;
}

.read-more {
    cursor: pointer;
    color: #A123FF !important;
}

.aluminiread-more {
    cursor: pointer;
    color: #A123FF !important;
}

.lab-hr {
    border-top: 1px solid #bdb7c3 !important;
    position: relative;
}

.flex-lg-nowrap {
    flex-wrap: nowrap;
}

.banner-contents {
    background-color: #ffffffba;
}

.min-width {
    min-width: 120px;
}

.item {
    background-color: transparent !important;
}

.banner-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 570px;
    overflow: hidden;
    opacity: 0.2;

}

.banner-gradient video {
    width: 100%;

}

.landing-page-icon {
    width: 50px;
    height: 50px;
}


.my_dashboard,
.engage {
    border-right: 2px solid #D8D8D850 !important;
}

.my_dashboard,
.engage,
.learn {
    margin-top: 3px;
}

.square {
    height: 150px;
    width: 150px;
    background-color: #fff;
    border:1px solid gray;
    text-align:center;
    display: inline-block;
  }

.my_dashboard a:hover .icon-contents .link-text,
.engage a:hover .icon-contents .link-text,
.learn a:hover .icon-contents .link-text,
.square:hover .link-text {
    color: #fff !important;
}

.my_dashboard:hover .icon-contents .land-page-titles,
.engage:hover .icon-contents .land-page-titles,
.learn:hover .icon-contents .land-page-titles {
    color: #fff !important;
}

.my_dashboard:hover .icon-contents .link-text,
.engage:hover .icon-contents .link-text,
.learn:hover .icon-contents .link-text {
    color: #fff !important;
}

.big-screen-testimonial .owl-theme .owl-dots .owl-dot span,
.alumini-section .owl-theme .owl-dots .owl-dot span {
    margin: 5px 2px;
}

.custommaptext {
    right: 50px;
    bottom: 240px;
}

.my_dashboard:hover,
.engage:hover,
.learn:hover,
.square:hover {
    background: linear-gradient(150deg, rgba(85, 1, 220, 1) 0%, rgba(38, 16, 88, 1) 99%);
}

.my_dashboard a:hover,
.engage a:hover,
.learn a:hover,
.square:hover {
    text-decoration: none;
}

.mobile-size-tabs .nav-link.active:not(:disabled):not(.disabled).active {
    background: linear-gradient(150deg, rgba(85, 1, 220, 1) 0%, rgba(38, 16, 88, 1) 99%) !important;
    color: #fff !important;
}

body.accenture .mobile-size-tabs a.nav-link.active:after {
    display: none;
}

.mobile-size-tabs {
    background-color: #f5f5f5;
    padding: 0px !important;
}

.mobile-size-tabs .nav-link {
    background: #f5f5f5;
    margin: 0px !important;
    border-radius: 0px !important;
}

.landing-page-pera {
    color: #F5E5FF;
}

.training-text {
    color: rgb(0 0 0 / 70%);
}

.link-text {
    color: #696868;
}

/* tab section start */
.tab-section {
    background-color: #f9f9f9 !important;
}

.tab-title {
    color: #670f9c;
}

.tab-icons {
    font-size: 40px;
}

.landing-page-tabcontent {
    background-color: #f9f9f9 !important;
}

.landing_page_tab .nav-link.active {
    background-color: #EBEBEB !important;
    border: none !important;
    color: #A100FF !important;
    font-weight: unset !important;
}


.landing_page_tab .nav-link {
    color: #000000 !important;
    font-weight: unset;
    border-radius: 0px !important;
    padding: 15px 10px;
}

.landing_page_tab .nav-link.active .tab-icons {
    color: var(--main-color) !important;
}

.landing_page_tab a.nav-link.active:focus:after {
    background-color: #eeeeee;
    border: none !important;
    height: 0px !important;
    display: none !important;
}

.landing-page-tabcontent .explore-button {
    background-color: #111;
    color: #fff !important;
    padding: 16px 40px !important;
    font-size: 14px;
}

.explore-button:hover {
    background-color: var(--main-color);
    color: #fff;
    padding: 10px 40px;
}

/* tab section end */




.roadmap-section .map-link {
    background-color: #111;
    color: #fff !important;
    text-decoration: none;
}

.roadmap-section .map-link:hover {
    background-color: var(--main-color);
    color: #fff !important;
    text-decoration: none;
}

.map-contents {
    top: 50px;
}

/* .map {
    overflow: auto;
} */


/* Testimonials  section start  */

.testimonial-section {
    background-color: #73737310;
}

.fa-star {
    color: #f7ca0e !important;
}

.testimonial-carousel .owl-dots {
    text-align: start !important;
    margin-top: 30px !important;
}

.testimonial-carousel .owl-dots .owl-dot.active span {
    width: 30px;
    background-color: var(--main-color) !important;
}

.review-btn .review {
    background-color: #111;
    color: #fff !important;
    padding: 10px 40px;
    font-size: 20px;
}

.review-btn .review:hover {
    background-color: var(--main-color);
    color: #fff;
    padding: 10px 40px;
}


/* Testimonials  section end  */



/* Alumini section start */

.alumini-section {
    background-color: #313131;
}

.alumini-title {
    color: #cd7bff;
}

.alumini-carousel .owl-dots .owl-dot.active span {
    width: 30px;
    background-color: var(--main-color) !important;
}

.alumini-carousel .alumini-image {
    width: 102px !important;
    height: 102px;
    border-radius: 50%;
}

.alumini-voice {
    padding: 100px 0px;
}


/* road map section start */
.map-text-one {

    position: absolute;
    top: -70px;
    text-align: center;
    left: 15px;

}

.map-text-two {

    position: absolute;
    top: -70px;
    text-align: center;
    left: -8px;
}

.map-text-three {

    position: absolute;
    top: -96px;
    text-align: center;
    left: 6px;
}

.svg-one {
    bottom: 22%;
    left: 8%;

}

.svg-one-image {
    width: 120px;
}


.svg-two {
    bottom: 47%;
    left: 31%;
}

.svg-two-image {
    width: 120px;
}

.svg-three {
    bottom: 14%;
    right: 26%;
}

.svg-three-image {
    width: 120px;
}

.svg-four {

    top: 28%;
    right: 7%;

}

/* .svg-four-image {
    width: 120px;
} */

/* 
.car-img.active p {
    font-family: GraphikBold !important;
}

.mobile-car-img.active p {
    font-family: GraphikBold !important;
} */

.car-img.active::after {
    content: '';
    bottom: -132px;
    left: 30px;
    width: 100px;
    height: 100px;
    background-image: url(../assets/images/landing_page/car.png);
    position: absolute;
    background-size: 80px 45px;
    background-repeat: no-repeat;
}



.svg-one::before {
    content: '01';
    position: absolute;
    top: 12px;
    left: 28px;
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;

}



.svg-two::before {
    content: '02';
    position: absolute;
    top: 12px;
    left: 28px;
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;

}

.svg-three::before {
    content: '03';
    position: absolute;
    top: 12px;
    left: 28px;
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;

}

/* .svg-four::before {
    content: '04';
    position: absolute;
    top: 12px;
    left: 28px;
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;

} */




.car-img.active svg path {
    fill: #668df6 !important;
}

/* road map section end */



/* mobile road map section start */

.mobile-map-text-one {

    position: absolute;
    top: 5px;
    text-align: center;
    left: 80px;

}

.mobile-map-text-two {

    position: absolute;
    top: 4px;
    text-align: center;
    left: 73px;
}

.mobile-map-text-three {

    position: absolute;
    bottom: -105px;
    text-align: center;
    left: 16px;
}

.mobile-map-text-four {

    position: absolute;
    bottom: -48px;
    text-align: center;
    left: 75px;
}

.mobile-svg-one {
    top: 0;
    left: 25px;
    width: calc(100% - 25px) !important;

}

.mobile-svg-one-image {
    width: 75px;
}


.mobile-svg-two {
    top: 16%;
    left: 26%;
    width: calc(100% - 130px) !important;
}

.mobile-svg-two-image {
    width: 75px;
}

.mobile-svg-three {
    bottom: 39%;
    left: 12%;
}

.mobile-svg-three-image {
    width: 75px;
}

.mobile-svg-four {

    bottom: 12%;
    left: 36%;

}

.mobile-svg-four-image {
    width: 75px;
}


.mobile-car-img.active::after {
    content: '';
    bottom: -132px;
    left: 30px;
    width: 100px;
    height: 100px;
    background-image: url(../assets/images/landing_page/car.png);
    position: absolute;
    background-size: 80px 45px;
    background-repeat: no-repeat;
}


.mobile-svg-one::before {
    content: '01';
    position: absolute;
    top: 8px;
    left: 18px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
}



.mobile-svg-two::before {
    content: '02';
    position: absolute;
    top: 8px;
    left: 18px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
}

.mobile-svg-three::before {
    content: '03';
    position: absolute;
    top: 8px;
    left: 18px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
}

.mobile-svg-four::before {
    content: '04';
    position: absolute;
    top: 8px;
    left: 18px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
}


.mobile-car-img.active svg path {
    fill: #668df6 !important;
}




/* mobile road map section end */


.hack-icon {
    color: #585858 !important;
}

.mobiletabValue.active .hack-icon {
    color: #A100FF !important;
}


/* responsive designs */

@media only screen and (max-width:500px) {

    .banner-gradient {
        background-image: url(../assets/images/landing_page/landing_page.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }

    .icon-contents {
        width: 100%;
    }

    .alumini-voice {
        padding: 10px 0px;
    }

    .fs-30 {
        font-size: 20px !important;
    }

    .flex-lg-nowrap {
        flex-wrap: wrap;
    }

    .w-30 {
        width: 30%;
    }

    .banner-section-two {
        padding-bottom: 30px;
    }

    body.accenture .card-body {
        padding: 0px !important;
    }

    .mobile-svg-three {
        bottom: 32%;
        left: -1%;
    }

    .mobile-map-text-three {
        position: absolute;
        bottom: -66px;
        text-align: center;
        left: 71px;
    }

    .mobile-car-img.active::after {
        content: '';
        bottom: -132px;
        left: 24px;
        width: 50px;
        height: 110px;
        background-image: url(../assets/images/landing_page/car.png);
        position: absolute;
        background-size: 33px 25px;
        background-repeat: no-repeat;
    }

    .my_dashboard,
    .engage,
    .learn {
        margin-top: 0px;
    }


}

@media only screen and (max-width:760px) {


    .map-image {
        min-width: 1000px !important;
    }

    .banner-gradient video {
        width: unset;

    }

    .banner-gradient {
        height: 600px;
    }

    .banner-contents {
        background-color: #ffffff60;
    }

    .testimonial-carousel .owl-dots {
        position: static !important;
    }

    .review-btn {
        margin-top: 20px;
    }
}

@media only screen and (max-width:350px) {
    .landing-page-tabcontent .explore-button {
        padding: 10px 10px;
    }

    .flex--small-wrap {
        flex-wrap: wrap;
    }

    .w-30 {
        width: 100%;
    }
}

@media only screen and (max-width:316px) {
    .banner-gradient {
        height: 765px !important;
    }
}

@media only screen and (max-width:1420px) {
    .custommaptext {
        right: 23px;
        bottom: 183px;
    }

}

@media only screen and (max-width:1080px) {
    .testimonial-carousel .owl-dots {

        position: absolute;
        bottom: -15px;
    }
}

@media only screen and (max-width:425px) {
    .banner-gradient {
        height: 640px !important;
    }

    .testimonial-carousel {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:680px) and (max-width:991px) {
    .mobile-svg-one{
        top: calc(8% - 25px) !important;
        left: calc(14% - 25px) !important;
    }

    .mobile-car-img.active::after{
        bottom: calc(51% - 132px) !important;
        left: calc(5% - 30px) !important;
    }

    .mobile-svg-two{
        top: calc(24% - 25px) !important;
        left: calc(35% - 25px) !important;
    }

    .mobile-svg-three{
        bottom: calc(33% - 25px) !important;
        left: calc(6% - 25px) !important;

    }

    .mobile-svg-three.mobile-car-img.active::after{
        bottom: calc(40% - 132px) !important;
        left: calc(41% - 30px) !important;
    }

    .mobile-map-text-three{
        bottom: calc(60% - 105px) !important;
        left: calc(100% + 10px) !important;
    }

    .mobile-svg-four{
        bottom: calc(13% - 25px) !important;
        left: calc(45% - 25px) !important;
    }

    .mobile-svg-four.mobile-car-img.active::after{
        bottom: calc(45% - 132px) !important;
        left: calc(32% - 30px) !important;
    }
}

@media only screen and (min-width:501px) and (max-width:679px) {
    .mobile-svg-one{
        top: calc(8% - 25px) !important;
        left: calc(14% - 25px) !important;
    }

    .mobile-car-img.active::after{
        bottom: calc(51% - 132px) !important;
        left: calc(5% - 30px) !important;
    }

    .mobile-svg-two{
        top: calc(22% - 25px) !important;
        left: calc(35% - 25px) !important;
    }

    .mobile-svg-three{
        bottom: calc(33% - 25px) !important;
        left: calc(6% - 25px) !important;

    }

    .mobile-svg-three.mobile-car-img.active::after{
        bottom: calc(40% - 132px) !important;
        left: calc(41% - 30px) !important;
    }

    .mobile-map-text-three{
        bottom: calc(60% - 105px) !important;
        left: calc(100% + 10px) !important;
    }

    .mobile-svg-four{
        bottom: calc(14% - 25px) !important;
        left: calc(44% - 25px) !important;
    }

    .mobile-svg-four.mobile-car-img.active::after{
        bottom: calc(45% - 132px) !important;
        left: calc(32% - 30px) !important;
    }
}

@media (max-width: 768px) {
    #welcometour .modal-dialog, #guidedtour .modal-dialog {
        margin: 0;
        max-width: 100%;
    }

    #welcometour .modal-content, #guidedtour .modal-content {
        border: none;
    }

    #welcometour .modal-body, #guidedtour .modal-body {
        padding: 15px;
    }

    #welcometour .col-md-6, #guidedtour .col-md-6 {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #welcometour .modal-lg, #guidedtour .modal-lg {
        max-width: 90%;
    }
}