.video-show {
    background: linear-gradient(180deg, #99CBC5 0%, #EDF8FA 56.05%, #FFF 100%);
    padding: 100px 0 70px 0;
    width: 100%;
    box-sizing: border-box
}

.video-show-page {
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 90%;
    margin: auto
}

.video-show-page-ok {
    width: 38%;
    z-index: 1
}

.video-container {
    width: 100%;
    height: 250px;
    position: relative;
    z-index: 150;
    border: 1px solid black;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    border-radius: 10px
}

.video-container span:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, red, #9cc216);
    animation: animate1 2s linear infinite
}

@keyframes animate1 {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.video-container span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 5px;
    background: linear-gradient(to bottom, red, #9cc216);
    animation: animate2 2s linear infinite;
    animation-delay: 1s
}

@keyframes animate2 {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(100%)
    }
}

.video-container span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to left, red, #9cc216);
    animation: animate3 2s linear infinite
}

@keyframes animate3 {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.video-container span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
    background: linear-gradient(to top, red, #9cc216);
    animation: animate4 2s linear infinite;
    animation-delay: 1s
}

@keyframes animate4 {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(-100%)
    }
}

.video-container iframe {
    height: 250px;
    border-radius: 8px;
    box-shadow: 0px 15px 4px -11px #953535
}

.video-show-page-ok-right {
    width: 60%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.video-show-page-ok-right>p20 {
    color: #272566;
    font-family: nunito;
    font-weight: 900;
    font-size: calc(1.50vw + 1rem);
    line-height: 1.5
}

.right-video {
    width: 100%;
    display: flex;
    justify-content: space-around;
    z-index: 1
}

.right-video-ok {
    margin-left: 10px
}

@media screen and (min-width:600px) and (max-width:1199px) {
    .video-show-page {
        flex-direction: column-reverse
    }

    .video-show-page-ok-right {
        width: 100%
    }

    .right-video {
        display: none
    }

    .video-show-page-ok {
        width: 100%;
        margin-top: 40px
    }

    .video-show {
        padding: 30px 0px 30px 0px;
        margin-bottom: 0
    }
}

#degac{text-align: right;}

@media screen and (min-width:1px) and (max-width:599px) {
    .video-show-page {
        flex-direction: column-reverse
    }

    .video-show-page-ok-right {
        width: 100%
    }

    .right-video {
        display: none;
        visibility: hidden
    }

    .video-show-page-ok {
        width: 100%;
        margin-top: 40px
    }

    .video-show {
        padding: 40px 0px 40px 0px;
        margin-bottom: 0px
    }

    
    
    #degac{text-align: center;}
}

@media screen and (min-width:1px) and (max-width:355px) {.video-show-page-ok-right>p20 {font-size: 17px;line-height: 1.8}}
@media screen and (min-width:356px) and (max-width:373px) {.video-show-page-ok-right>p20 {font-size: 19px;line-height: 1.8}}
@media screen and (min-width:374px) and (max-width:394px) {.video-show-page-ok-right>p20 {font-size: 20px;line-height: 1.8}}
@media screen and (min-width:395px) and (max-width:599px) {.video-show-page-ok-right>p20 {font-size: 21px;line-height: 1.8}}






@media screen and (max-width:320px) {
    
    .video-show {
        margin-bottom: 0;
        padding: 40px 0px 40px 0px
    }

    .video-container {
        height: 200px;
    }

    .video-container iframe {
        height: 200px
    }
}

.awdiz-career {
    width: 100%;
    padding: 50px 0px 50px 0px;
    background-color: white
}

.career-page {
    width: 90%;
    margin: auto;
    padding: 30px 0px 30px 0px
}

.career-page>h3 {
    color: #272566;
    font-family: nunito;
    font-weight: 900;
    font-size: calc(1.68vw + 1rem);
    line-height: 1.2
}

.career-page>p,
.awdiz-placement>p {
    padding: 20px 0px 20px 0px;
    font-size: 16px;
    width: 100%;
    line-height: 1.7;
    font-family: mulish
}

.carousel-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px
}

.carousel-wrapper {
    
    overflow: hidden;
    flex: 1;
}

.carousel-slide {
    display: flex;
    transition: all 0.3s ease;
}

button:hover {
    background-color: #007D6F
}

.carousel-card {
    flex: 0 0 30%;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    float: left;
    box-shadow: 0 2px 5px 0 rgba(17, 121, 239, .15);
    border-radius: 6px;
    border: 1px solid #e6ecef;
    background: #fff;
    margin-right: 1.7%;
    margin-left: 1.7%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.slider-img {
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 10px;
    height: 200px
}

.slider-img img {
    width: 100%;
    height: 100%;
    display: block
}

@media (min-width:1px) and (max-width:340px) {.slider-info {height: 190px}}

.slider-info {
    width: 100%;
    line-height: 1.8;
    font-family: nunito;
    color: #272566;
    padding: 0px 15px 10px 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 160px;
    margin-top: 10px
}

.slider-info h3 {
    font-size: 19px;
    color: #272566;
    line-height: 1.2;
}

@media (min-width:1px) and (max-width:325px) {.slider-info h3 {font-size: 16px}}







.why-awdiz>p {
    margin: 20px 0px 20px 0px;
    line-height: 1.7;
    font-size: 16px;
    font-family: mulish;
}

.info-list p {
    font-size: 14px;
    color: #666
}

.pgp-info {
    width: 100%
}

.pgp-info>p {
    line-height: 1.5;
    font-size: 15px;
    font-family: mulish;
    color: #2e2e2e;
    font-weight: bold
}

@media (min-width:1px) and (max-width:380px) {.pgp-info>p {font-size: 14px}}


.slide-logo-img {
    width: 50px;
    height: 50px
}

.slide-logo-img img {
    width: 100%;
    height: 100%
}

#new-preBtn:hover {
    color: white;
}

#new-nextBtn:hover {
    color: white;
}















@media screen and (min-width:600px) and (max-width:990px) {
    .awdiz-career {
        padding: 30px 0px 30px 0px
    }

    .career-page {
        padding: 0
    }
}

@media screen and (min-width:1920px) and (max-width:4000px) {
    .carousel-card {
        flex: 0 0 328px
    }
}

@media screen and (min-width:1280px) and (max-width:1440px) {
    .awdiz-career {
        padding: 60px 0px 60px 0px
    }

    .career-page {
        padding: 0
    }

    .carousel-container {
        padding: 0
    }

    .carousel-wrapper {
        padding: 15px 0px 15px 0px
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .career-page>p {
        width: 100%
    }

    .awdiz-career {
        padding: 40px 0px 40px 0px
    }

    .career-page {
        padding: 15px 0px 0px 0px
    }

    /*.carousel-container {*/
    /*    display: none;*/
    /*    visibility: hidden*/
    /*}*/
}


@media screen and (max-width: 599px) {
          .carousel-slide {
            width: 100%;
            padding: 30px 0px 30px 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: none
          }

          .carousel-card {
            flex: 0 0 90%;
            box-shadow: 0 2px 5px 0 rgba(17, 121, 239, .15);
            border-radius: 10px;
            border: 1px solid #e6ecef;
            background: #fff;
            margin-right: 1.7%;
            margin-left: 1.7%;
            scroll-snap-align: start;
            height: auto;
          }

#new-nextBtn,#new-preBtn{display:none}
          
        }
        



@media screen and (max-width:320px) {
    .why-awdiz>p {
        font-size: 15px;
    }

    .career-page>h3 {
        font-size: calc(0.5vw + 1rem);
    }

    .career-page>p {
        font-size: 15px;
    }

    .mobile-carousel-card {
        height: 430px;
    }
}









@media screen and (min-width: 800px) and (max-width: 1199px) {
    .carousel-card {
        flex: 0 0 45%;
        margin-left: 3%;
    }

    .carousel-wrapper {
        padding: 30px 0;
    }

    #new-nextBtn, #new-preBtn{
        width: 6%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


@media screen and (min-width: 600px) and (max-width: 799px) {
    .carousel-card {
        flex: 0 0 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .carousel-wrapper {
        padding: 30px 0;
    }

    #new-nextBtn, #new-preBtn{
        width: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .certificate-info{width: 100% !important;}
    
    .circle-mobile-placement-text{justify-content: space-evenly !important}
    .containernew{width:90% !important}
    .my-carousel-indicators{margin-top: 22px !important}
}







.our-courses {
    width: 100%;
    padding: 60px 0px 60px 0px;
    background-color: #edf8fA;
    box-sizing: border-box
}

.our-courses-h4 {
    color: #272566;
    font-family: nunito;
    font-weight: 900;
    font-size: calc(1.58vw + 1rem);
    line-height: 1.2
}

.our-courses-summary {
    width: 100%;
    padding: 20px 0px 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.our-courses-para {
    font-size: 16px;
    font-family: mulish;
    line-height: 1.7;
}

.our-summary-arrow {
    width: 15%;
    display: flex;
    justify-content: flex-end;
    border-radius: 5px !important;
    margin-top: 0px;
    position: relative;
    z-index: 101
}

.arrow-button {
    padding: 20px 25px 20px 25px;
    background-color: #bebed1;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center
}

.arrow-button:hover {
    background-color: #272566;
    color: white
}

.our-courses-name {
    width: 100%;
    padding: 20px 0px 5px 0px;
    margin-top: 30px;
    background-color: white;
    border-radius: 10px
}

.our-courses-name ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    font-size: 18px;
    font-weight: 600
}

.our-courses-name ul li {
    width: 11%;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 15px 0px 15px 0px;
    border-radius: 15px;
    cursor: pointer;
    font-family: hind;
    font-weight: 800;
    font-size: 18px
}

.carousel-container-unique {
    border: 1px solid black;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
    overflow-x: hidden;
    white-space: nowrap
}

.carousel-wrapper-unique {
    padding: 20px 0px 20px 0px;
    overflow: hidden;
    flex: 1;
    width: 100%;
    border-radius: 10px;
    margin-top: 30px;
    cursor: pointer;
    background-color: white;
    position: relative;
    z-index: 101
}

.carousel-slide-unique {
    display: flex;
    transition: all 0.3s ease
}

.carousel-card-unique {
    flex: 0 0 calc(15% - 10px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    float: left;
    border-radius: 10px;
    background: #edf8fA;
    margin-right: 90px;
    margin-left: 20px;
    padding: 20px;
    font-family: hind;
    font-weight: 800;
    font-size: 18px
}

.our-courses-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    margin-top: 30px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.our-courses-info::-webkit-scrollbar {
    display: none
}

.our-courses-angular {
    flex: 0 0 29%;
    scroll-snap-align: start;
    background-color: white;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    margin-top: 40px
}

.our-courses-info::-webkit-scrollbar {
    width: 10px
}

.our-courses-info::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px
}

.our-courses-info::-webkit-scrollbar-track {
    background: white
}

.our-courses-image {
    width: 100%;
    margin-bottom: 15px;
    height: 230px;
    border-radius: 10px;
    overflow: hidden
}

.our-courses-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.our-courses-course-heading>h4 {
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.2
}

.our-courses-course-heading-h6 {
    font-size: 20px;
    padding-top: 10px;
    color: black;
    padding-left: 5px
}

.our-courses-angular>p {
    padding: 20px 0px 10px 0px;
    line-height: 1.6;
    font-size: 16px;
    font-family: poppins;
    color: #373737
}

.our-courses-duration {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: poppins;
    font-size: 16px
}

.duration-one {
    width: 20%;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.duration-one-image {
    display: flex;
    justify-content: center;
    align-items: center
}

.duration-one-image img {
    width: 100%;
    height: 100%
}

.duration-two {
    width: 21%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.duration-three {
    width: 40%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.our-courses-button {
    width: 49%;
    padding: 10px 0px 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.our-courses-rating {
    width: 20%;
    height: 24px;
    display: flex;
    margin-top: 11px;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    font-family: hind;
    font-weight: 800
}

.our-rating-star {
    width: 40%;
    height: 24px
}

.our-rating-star img {
    width: 100%;
    height: 100%
}

.our-courses-rating>p {
    margin-left: 5px
}

.btns {
    outline: none;
    width: 32%;
    font-size: 18px;
    background-color: #007d6f;
    color: white;
    font-family: mulish;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center !important;
    position: relative;
    z-index: 101
}

.btns:hover {
    background-color: #007D6F
}

@media screen and (min-width:1921px) and (max-width:2650px) {
    .carousel-card-unique {
        margin-right: 125px
    }
}

@media screen and (min-width:1681px) and (max-width:1760px) {
    .carousel-card-unique {
        margin-right: 81px
    }
}

@media screen and (min-width:1601px) and (max-width:1680px) {
    .carousel-card-unique {
        margin-right: 77px
    }
}

@media screen and (min-width:1441px) and (max-width:1600px) {
    .carousel-card-unique {
        font-size: 14px;
        padding: 15px;
        margin-right: 73px
    }

    .our-courses-para {
        font-size: 15px
    }

    .our-courses-course-heading>h4 {
        font-size: 19px
    }

    .our-courses-angular>p {
        padding-top: 15px;
        font-size: 14px
    }

    .duration-one>p {
        font-size: 14px
    }

    .duration-one-image>i {
        font-size: 14px
    }

    .btns {
        height: 35px;
        font-size: 12px
    }

    .our-courses {
        padding: 60px 0px 60px 0px
    }

    .our-courses-summary {
        padding-top: 20px
    }

    .carousel-wrapper-unique {
        margin-top: 20px
    }

    .our-courses-info {
        margin-top: 0px
    }

    .our-courses-angular {
        margin-top: 20px
    }
}

@media screen and (min-width:1367px) and (max-width:1440px) {
    .btns {
        width: 29% !important
    }

    .our-courses-name ul li {
        width: 12% !important
    }

    .carousel-card-unique {
        font-size: 14px;
        padding: 15px;
        margin-right: 64px
    }

    .our-courses-para {
        font-size: 16px
    }

    .our-courses-course-heading>h4 {
        font-size: 18px
    }

    .our-courses-angular>p {
        padding-top: 15px;
        font-size: 14px
    }

    .duration-one>p {
        font-size: 14px
    }

    .duration-one-image>i {
        font-size: 14px
    }

    .btns {
        height: 35px;
        font-size: 12px
    }

    .our-courses {
        padding: 60px 0px 60px 0px
    }

    .our-courses-summary {
        padding-top: 20px
    }

    .carousel-wrapper-unique {
        margin-top: 20px
    }

    .our-courses-info {
        margin-top: 0px
    }

    .our-courses-angular {
        margin-top: 20px
    }
}

@media screen and (min-width:1281px) and (max-width:1366px) {
    .carousel-card-unique {
        font-size: 14px;
        padding: 15px;
        margin-right: 59px
    }

    .our-courses-para {
        font-size: 15px
    }

    .our-courses-course-heading>h4 {
        font-size: 16px
    }

    .our-courses-angular>p {
        padding-top: 15px;
        font-size: 14px
    }

    .duration-one>p {
        font-size: 14px
    }

    .duration-one-image>i {
        font-size: 14px
    }

    .btns {
        height: 35px;
        font-size: 12px
    }

    .our-courses {
        padding: 60px 0px 60px 0px
    }

    .our-courses-summary {
        padding-top: 20px
    }

    .carousel-wrapper-unique {
        margin-top: 20px
    }

    .our-courses-info {
        margin-top: 0px
    }

    .our-courses-angular {
        margin-top: 20px
    }
}

@media screen and (min-width:1200px) and (max-width:1280px) {
    .carousel-card-unique {
        font-size: 14px;
        padding: 15px;
        margin-right: 55px
    }

    .our-courses-para {
        font-size: 16px
    }

    .our-courses-course-heading>h4 {
        font-size: 16px
    }

    .our-courses-angular>p {
        padding-top: 15px;
        font-size: 14px
    }

    .duration-one>p {
        font-size: 14px
    }

    .duration-one-image>i {
        font-size: 14px
    }

    .btns {
        height: 35px;
        font-size: 12px
    }

    .our-courses {
        padding: 60px 0px 60px 0px
    }

    .carousel-wrapper-unique {
        margin-top: 5px
    }

    .our-courses-info {
        margin-top: 0px
    }

    .our-courses-angular {
        margin-top: 20px
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .our-courses {
        padding: 30px 0px 30px 0px
    }

    .our-courses-summary {
        flex-direction: column
    }

    .our-summary-arrow {
        width: 100%
    }

    .our-courses-angular {
        flex: 0 0 auto;
        margin-right: 22px
    }

    .our-courses-angular {
        width: 85%;
        margin-top: 22px;
        border: 2px solid white;
        background: white;
        border-radius: 10px
    }

    .carousel-card-unique {
        flex: 0 0 calc(27% - 10px);
        margin-right: 40px;
        padding: 10px;
        font-size: 16px;
    }

    .carousel-wrapper-unique {
        overflow-x: hidden
    }

    .carousel-slide-unique {
        justify-content: flex-start
    }

    .our-courses-para {
        font-size: 16px
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .our-courses {
        padding: 30px 0px 30px 0px
    }

    .our-courses-summary {
        flex-direction: column
    }

    .our-summary-arrow {
        width: 100%
    }

    .our-courses-angular {
        flex: 0 0 auto;
        margin-right: 22px
    }

    .carousel-card-unique {
        flex: 0 0 calc(40% - 8px)
    }

    .our-courses-angular {
        width: 85%;
        margin-top: 22px;
        border: 2px solid white;
        background: white;
        border-radius: 10px
    }

    .carousel-card-unique {
        margin-right: 60px;
        padding: 10px;
        font-size: 16px;
    }

    .carousel-wrapper-unique {
        overflow-x: hidden
    }

    .carousel-slide-unique {
        justify-content: flex-start
    }

    .our-courses-para {
        font-size: 16px
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .our-courses-course-heading>h4 {
        font-size: 16px;
    }

    .our-courses-info {
        margin-top: 10px
    }

    .our-courses-angular {
        flex: 0 0 auto;
        margin-right: 22px
    }

    .our-courses-angular {
        width: 85%;
        margin-top: 22px;
        border: 2px solid white;
        background: white;
        border-radius: 10px
    }

    .our-courses-angular>p {
        font-size: 14px
    }

    .our-courses {
        padding: 40px 0px 40px 0px
    }

    .our-courses-summary {
        flex-direction: column;
        padding-bottom: 0px
    }

    .our-courses-para {
        font-size: 16px;
        line-height: 1.7
    }

    .our-summary-arrow {
        margin-top: 20px;
        justify-content: flex-end;
        width: 100%
    }

    .carousel-card-unique {
        font-size: 14px;
        margin-right: 15px;
        margin-left: 15px;
        text-align: center;
        justify-content: center;
        align-items: center;
        flex: 0 0 calc(45% - 12px);
        line-height: 1.2;
        padding: 15px 0px 15px 0px
    }

    .duration-three {
        display: none;
        visibility: hidden
    }

    .duration-one {
        width: 50%
    }

    .duration-two {
        width: 50%
    }

    .our-courses-rating {
        height: 40px;
        justify-content: flex-start;
        width: 50%
    }

    .our-rating-star {
        width: 40%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .our-courses-rating>p {
        margin-top: 5px
    }

    .btns {
        font-size: 10px;
        margin: 0px;
        width: auto;
        height: 35px
    }

    .carousel-wrapper-unique {
        margin-top: 30px
    }

    .arrow-button:hover {
        background-color: #bebed1
    }

    .our-courses-image {
        height: 180px;
    }
}

@media screen and (max-width:320px) {
    .our-courses-para {
        font-size: 15px;
    }

    .our-courses-image {
        height: 130px;
    }

    .our-courses-course-heading>h4 {
        font-size: 14px;
    }

    .our-courses-angular>p {
        font-size: 12px;
    }

    .duration-one-image {
        font-size: 12px;
    }

    .duration-one {
        font-size: 12px;
    }

    .btns {
        font-size: 8px;
        height: 30px;
    }

    .carousel-card-unique {
        font-size: 13px;
    }
}





.job-guarentee-program {
    width: 100%;
    padding: 20px 0px 60px 0px;
    background-color: white
}

.job-guarentee-program h4,.job-guarentee-program h3 {
    color: #272566;
    font-family: nunito;
    font-weight: 900;
    font-size: calc(1.58vw + 1rem);
    line-height: 1.2
}

.summary {
    padding-top: 30px;
    line-height: 1.7;
    font-size: 16px;
    padding-bottom: 30px;
    font-family: mulish
}

.job-guarentee {
    width: 100%;
    padding: 20px 0px 5px 0px;
    margin-top: 30px;
    background-color: #edf8fa;
    border-radius: 15px
}

.guarantee-courses-name {
    width: 100%;
    margin-top: 30px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -2px 0px inset;
}

.guarantee-courses-wrapper {
    overflow: hidden
}

#guarantee-courses-carousel {
    display: flex;
    transition: all 0.3s ease;
    list-style: none;
    justify-content: space-between;
    padding: 0px 15px;
    position: relative;
    z-index: 101
}

.guarantee-courses-name ul li {
    flex: 0 0 calc(15% - 10px);
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 15px 0px 15px 0px;
    border-radius: 10px;
    cursor: pointer;
    font-family: hind;
    font-weight: 800;
    font-size: 18px;
    margin-top: 15px;
    background-color: white;
    box-shadow: rgba(38, 149, 55, 0.5) 0px 4px 6px, rgba(53, 144, 172, 0.4) 0px 8px 4px -2px, rgba(0, 0, 0, 0.2) 0px 10px 4px -5px, rgba(0, 0, 0, 0.2) 0px -5px 5px inset;
}

.guarantee-carousael-seection {
    width: 100%;
    height: 50px;
    display: none
}

.guarantee-carousel-button {
    padding: 0;
    background-color: #272566;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

.guarantee-carousel-button:hover {
    background-color: #272566;
    color: white
}

.job-guarentee-info {
    width: 100%;
    padding: 70px 0px 10px 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.job-guarentee-box-one {
    width: 49%;
    padding: 10px 10px 10px 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
    margin-bottom: 2%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -2px 0px inset;
    position: relative;
}

.job-guarentee-item-one {
    width: 45%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

@media screen and (min-width:1920px) {
    .job-guarentee-item-one {
        width: fit-content
    }
}


@media screen and (min-width: 1px) and (max-width: 599px) {
  .job-guarentee-item-one img {
    height: 100%;
  }
 
 .job-guarentee-box-one.popularkia .job-guarentee-item-two{width: 100% !important;}
 
}

.job-guarentee-item-one img {max-width: 100%;border-radius: 5px;height: auto;}

.job-guarentee-section-one {
    width: 53%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding-left: 15px
}

.job-guarentee-item-two {
    width: 100%
}

.job-guarentee-box-one.popularkia .job-guarentee-item-two{width: 90%;}

.content {
    
    font-size: 16px !important;
    font-weight: 600;
    font-family: mulish
}

.job-guarentee-content {
    font-size: 14px;
    font-family: mulish;
    color: #373737;
    font-weight:500;
    line-height: 1.5;
    padding-top: 10px;
}

.job-guarentee-content-one {
    font-size: 13px;
    font-family: mulish;
    color: #373737;
    margin-left: 10px
}

.job-guarentee-duration {
    width: 100%;
    padding: 8px 0px 8px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}

.duration-box-one {
    padding: 5px 0px 5px 0px;
 
    display: flex;
    justify-content: flex-start;
    align-items: center
}





.duration-box-three {

    padding: 5px 0px 5px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.job-guarentee-placement {
    width: 100%;
    padding: 5px 0px 5px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.placement-item-one {
    width: 60%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.place-content {
    font-weight: 800;
    color: #007d6f;
    margin-left: 10px
}


.placement-view {
    width: 100%;
    padding: 30px 0px 30px 0px;
    display: flex;
    justify-content: center;
    align-items: center
}

.view-more-button {
  padding: 0;
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  background-color: #007d6f;
  color: white;
  font-family: mulish;
  position: relative;
  overflow: hidden;
  box-shadow: 3px 3px 1px #215657;
  height: 50px;
  width: 100%;
}

.view-more-button:hover {
    transform: scale(1.05);
    transition: 200ms linear;
}

.view-more-button::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 75%);
    animation: glare-effect 3s infinite linear;
}

@media screen and (width:1920px) {
    

    .send-button {
        font-size: 20px !important
    }

 

}



@media screen and (width:1440px) {
    .view-more-button {
        width: 11% !important
    }

    .placement-button {
        width: 35% !important
    }

    .placement-item-one {
        width: 54% !important
    }

    .job-guarentee ul li {
        width: 12% !important
    }

    .job-guarentee-content {
        font-size: 13px;
    }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
    .job-guarentee-program {
        padding: 60px 0px 60px 0px
    }

    .job-guarentee-content {
        font-size: 14px;
    }

    .guarantee-courses-name ul li {
        font-size: 15px
    }



    .placement-button {
        padding: 0;
        font-size: 12px;
        height: 30px;
        width: 35%
    }

    .summary {
        padding-top: 15px;
        padding-bottom: 20px
    }

    .job-guarentee-info {
        padding: 30px 0px 10px 0px
    }

    .placement-view {
        padding: 0;
        margin-top: 25px
    }



    .guarantee-courses-name {
        margin-top: 0px
    }
}


@media screen and (min-width:800px) and (max-width:1199px) {
    .job-guarentee-program {
        padding: 30px 0px 30px 0px
    }

    .guarantee-carousael-seection {
        display: flex;
        justify-content: space-between;
    }

    .guarantee-courses-name ul li {
        flex: 0 0 calc(33% - 10px);
        margin-right: 20px;
        font-size: 16px;
    }

    .guarantee-courses-name ul li:last-child {
        margin-right: 0;
    }

    .job-guarentee-info {
        padding-top: 40px;
        overflow-x: auto;
        display: flex;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch
    }

    .job-guarentee-box-one {
        flex: 0 0 90%;
        width: 100%;
        flex-direction: column;
        margin-right: 20px;
        
    }

    .job-guarentee-item-one {
        width: 100%
    }

    .job-guarentee-section-one {
        width: 100%;
        margin-top: 20px
    }

    .view-more-button {
        width: 33%;
        padding: 15px 0px 15px 0px;
        font-size: 18px
    }

    .placement-view {
        padding: 0
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .job-guarentee-program {
        padding: 30px 0px 30px 0px
    }

    .guarantee-carousael-seection {
        display: flex;
        justify-content: space-between;
    }

    .guarantee-courses-name ul li {
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px;
        font-size: 16px;
    }

    .guarantee-courses-name ul li:last-child {
        margin-right: 0;
    }

    .job-guarentee-info {
        padding-top: 40px;
        overflow-x: auto;
        display: flex;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch
    }

    .job-guarentee-box-one {
        flex: 0 0 90%;
        width: 100%;
        flex-direction: column;
        margin-right: 20px
    }

    .job-guarentee-item-one {
        width: 100%
    }

    .job-guarentee-section-one {
        width: 100%;
        margin-top: 20px
    }



    .placement-view {
        padding: 0
    }
}

@media screen and (min-width:1px) and (max-width:325px) {.job-guarentee-item-one{height:192px}}
@media screen and (min-width:326px) and (max-width:599px) {.job-guarentee-item-one{height:227px}}
#jobhaire{width:90%;margin: 0 auto;}



@media screen and (min-width:1px) and (max-width:599px) {
    
    .content{padding-top: 10px !important;}

    .job-guarentee-program {
        padding: 0px 0px 40px 0px
    }

    .job-guarentee-info {
        padding-top: 40px;
        overflow-x: auto;
        display: flex;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch
    }

    .job-guarentee-info::-webkit-scrollbar {
        display: none
    }

    .job-guarentee-box-one {
        flex: 0 0 90%;
        width: 100%;
        flex-direction: column;
        margin-right: 20px;margin-left: 2px;z-index: 1002;
    }

    .job-guarentee-item-one {
        width: 100%
    }

    .job-guarentee-section-one {
        width: 100%;padding-left: 5px;height: 262px;
    }

    .placement-item-one {
        width: 55%
    }

    .guarantee-carousel-button:hover {
        background-color: #bebed1
    }

    .view-more-button {
        height: 50px;
    padding: 0;
    font-size: 16px;
    width: 100%;
    }

    .view-more-button i {
        font-size: 14px
    }

    .guarantee-courses-name ul li {
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px;
        font-size: 14px;
    }

    .guarantee-courses-name ul li:last-child {
        margin-right: 0;
    }


    .guarantee-carousael-seection {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .summary {
        padding-top: 15px
    }

    .placement-view {
        padding-top: 20px
    }

    .placement-button {
        width: 35%
    }
}

@media screen and (max-width:320px) {
    .summary {
        font-size: 15px;
    }

    .guarantee-courses-name ul li {
        font-size: 13px;
    }

    .content {
        font-size: 14px !important;
    }

    .job-guarentee-content {
        font-size: 13px !important;
    }

    .job-guarentee-content-one {
        font-size: 12px;
    }

    .cta {
    width: 44% !important;
  }

    .placement-button {
        font-size: 10px;
        height: 30px;
    }

    .view-more-button {
        font-size: 13px;
    }
}

@media screen and (min-width:1750px) and (max-width:4000px) {
.content {font-size: 17px !important}

.job-guarentee-content{font-size: 16px;padding-top: 20px;}
.job-guarentee-content-one{font-size: 16px;}

}

.placement-item-one p {
  padding-top: 0px;
}



#jobhaire h4{color: #272566;
  font-family: nunito;
  font-weight: 800;
  font-size: calc(1.38vw + 0.86rem);
  line-height: 1.2;
  text-align: center;}



.training {
    width: 100%;
    padding: 60px 0px 0px 0px
}

.training h5 {
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.48vw + 1rem);
    line-height: 1.2
}

.training-steps {
    width: 99%;
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 800px;
    margin: auto;
}

.training-box-one {
    width: 13%;
    padding: 50px 20px;
    border-radius: 15px;
    line-height: 1.5;
    height: 350px;
    background-color: #edf8fA;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.training-box-one:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

.training-box-one img {
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.training-box-one:hover {
    background-color: #007D6F;
    color: white
}

.training-box-one i {
    font-size: 50px
}

.training-box-one h3 {
    font-size: 24px;
    margin-top: 24px;
    font-weight: 800;
    font-family: nunito
}

.training-box-one p21 {
    font-size: 24px;
    margin-top: 24px;
    font-weight: 800;
    font-family: nunito
}
@media screen and (min-width:800px) and (max-width:1199px) {
 .training-box-one p21 {
        font-size: 17px;
        margin-top: 13px
    }
}
@media screen and (min-width:600px) and (max-width:799px) {
 .training-box-one p21 {
        font-size: 17px;
        margin-top: 13px
    }
}
.awdiz-placement-mobile p21 {
    color: #272566;
    font-family: nunito;
    font-weight: 900;
    font-size: calc(1.58vw + 1rem);
    line-height: 1.2;
    text-align: center;
}

.training-box-one>p {
    padding-top: 24px;
    font-size: 15px;
    font-family: mulish;
    text-align: center;
}

.training-item-one {
    position: relative;
    top: 30%
}

.training-item-three {
    position: relative;
    top: 44%
}

.training-item-last {
    position: relative;
    top: 23%
}

.main-wave {
    width: 85%;
    margin: auto;
}

.wave-container {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden
}

.wave {
    position: absolute;
    bottom: 0;
    width: 90%
}

.wave path {
    stroke: #007d6f;
    stroke-width: 6;
    fill: none;
    stroke-dasharray: 10;
    animation: dash 15s linear infinite;
    z-index: -10
}

@keyframes dash {
    0% {
        stroke-dashoffset: 100%
    }

    100% {
        stroke-dashoffset: 0
    }
}

@media screen and (min-width:1440px) and (max-width:1600px) {
    .training-box-one {
        height: 330px
    }

    .training {
        padding: 60px 0px 60px 0px
    }

    .training-steps {
        height: 630px
    }

    .training-box-one {
        padding: 0;
        padding: 0px 10px 0px 10px
    }


    .training-box-one img {
        width: 80px;
        height: 80px;
    }

    .training-box-one>p {
        font-size: 14px;
    }
}

@media screen and (min-width:1200px) and (max-width:1439px) {
    .training {
        padding: 60px 0px 60px 0px
    }

    .training-box-one {
        padding: 10px 10px 10px 10px;
        height: 330px
    }

    .training-steps {
        height: 620px
    }

    .training-box-one>p {
        font-size: 14px
    }

    .training-box-one img {
        width: 72px;
        height: 72px;
    }
}


@media screen and (min-width:800px) and (max-width:1199px) {
    .training {
        padding: 30px 0px
    }

    .training-steps {
        height: 506px
    }

    .training-box-one {
        width: 14%;
        height: 257px;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 0;
        padding-bottom: 0
    }

    .training-box-one h3 {
        font-size: 17px;
        margin-top: 13px
    }

    .training-box-one>p {
        font-size: 9px;
        padding-top: 13px;
        margin-bottom: 15px
    }

    .train-img {
        margin-top: 10px
    }

    .wave {
        height: 550px
    }

    .wave path {
        stroke-width: 8
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .training {
        padding: 30px 0px
    }

    .training-steps {
        height: 506px
    }

    .training-box-one {
        width: 14%;
        height: 257px;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 0;
        padding-bottom: 0
    }

    .training-box-one h3 {
        font-size: 17px;
        margin-top: 13px
    }

    .training-box-one>p {
        font-size: 9px;
        padding-top: 13px;
        margin-bottom: 15px
    }

    .train-img {
        margin-top: 10px
    }

    .wave {
        height: 550px
    }

    .wave path {
        stroke-width: 8
    }
}

@media screen and (min-width:1px) and (max-width:899px) {
    .training {
        display: none;
        visibility: hidden
    }
}

.certificate {
    width: 100%;
    padding: 60px 0px 50px 0px;
    background-color: #edf8fa
}

.certificate h5 {
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.48vw + 1rem);
    line-height: 1.2
}

.certificate-page {
    width: 100%;
    padding: 60px 0px 60px 0px;
    display: flex;
    justify-content: space-between;
    background-color: #edf8fa
}

.certificate-first-page {
    border: 1px solid #f3f4f6;
    width: 48%;
    padding: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    line-height: 1.5;
    background-color: white;
    
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.certificate-first-page:hover {
    background-color: #99cbc5;
    color: white;
    font-weight: bold;
}

.certificate-page-circle {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    overflow: hidden
}

.certificate-page-circle img {
    width: 100%;
    height: 100%
}

.certificate-page-info {
    width: 50%;
    font-family: nunito;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.certificate-page-info>h2 {
    padding-top: 20px;
    color: #242566;
    margin-left: 32px
}

.certificate-button {
    width: 46%;
    font-size: 17px;
    font-weight: 600;
    border: none;
    outline: none;
    text-align: left;
    box-shadow: none;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    box-shadow: transparent 0 0 0 3px,rgba(183, 172, 172, 0.1) 0 6px 20px;
    
}

.certificate-button i {
    margin-left: 10px
}

.certificate-info {
  text-align: center;
  font-size: 18px;
  line-height: 1.8;
  padding-top: 15px;
  font-family: mulish;
  font-weight: 600;
  width: 60%;
  margin: auto;
}

.certificate-rating {
    width: 100%;
    padding: 40px 0px 40px 0px;
    display: flex;
    justify-content: space-between
}

.certificate-rating-first {
    width: 23%;
    padding: 15px 0px 15px 0px
}

.cetificate-rating-item-one {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificate-rating-item-two {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.certificate-rating-item-three {
    width: 42%
}

.certificate-rating-item-three-p {
    font-size: 50px;
    color: #007d6f;font-weight: 700;
}

.certficate-rating-item-star {
    width: 52%;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007D6F;
    gap: 7px;
}

.certificate-rating-first-para {
    font-size: 50px;
  font-weight: 700;
  color: #007d6f;
  text-align: center;
}

.certificate-rating-first-para1 {
  font-size: 27px;
  font-weight: 800;
  color: #272566;
  margin-top: 15px;
  text-align: center;
  font-family: nunito;
  background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #ff4500 100% );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.certi {
    font-size: 28px !important;
    font-weight: 800;
    color: #272566;
}

.certifcate-star {
    padding-top: 15px
}

.sec-page {
    position: relative;
    z-index: 101
}

.certificate-page-info-p {
    margin-top: 20px
}

@media screen and (min-width:1200px) and (max-width:1600px) {
    .certificate {
        padding: 60px 0px 60px 0px
    }

    .certificate-page {
        padding: 40px 0px 40px 0px
    }

    .certificate-first-page {
        padding: 20px 20px 20px 20px
    }

    .certificate-page-info {
        height: 140px;
        margin-left: 32px
    }

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

    .certificate-page-info-p {
        font-size: 16px;
        font-family: 'Mulish'
    }

    .certificate-button {
        width: 58%;
        font-size: 16px
    }

    .certificate-info {
        padding-top: 15px
    }

    .certificate-rating {
        padding-top: 40px
    }

    .certificate-rating-first {
        padding: 15px 0px 0px 0px
    }

    .certificate-rating-first-para {
        font-size: 30px
    }

    .certificate-rating-first-para1 {
        font-size: 22px;
    margin-top: 8px !important;
    font-family: mulish;
    text-align: center;
    }

    .certifcate-star {
        padding-top: 0px
    }

    .certificate-rating-item-three-p {
        font-size: 30px
    }

    .certficate-rating-item-star {
        font-size: 20px
    }
}


@media screen and (min-width:800px) and (max-width:1199px) {
    .certificate {
        padding: 30px 0px 30px 0px
    }

    .certificate-page {
        padding: 40px 0
    }

    .certificate-first-page {
        padding-left: 0;
        padding-right: 0
    }

    .certificate-page-info {
        width: 53%
    }

    .certi {
        font-size: 15px !important
    }

    .certificate-button {
        padding-top: 0;
        width: 67%;
        font-size: 14px
    }

    .certificate-page-circle {
        width: 100px;
        height: 100px;
        border-radius: 75px
    }

    .certificate-rating {
        flex-direction: column;
        padding: 0
    }

    .certificate-rating-first {
        width: 100%;
        margin-top: 20px
    }

    .certificate-rating-first-para1 {
        font-size: 20px
    }

    .certificate-rating-first-para {
        font-size: 35px
    }

    .certificate-rating-item-three-p {
        font-size: 35px
    }

    .certficate-rating-item-star {
        width: 25%;
        font-size: 24px
    }

    .certificate-page-info-p {
        font-size: 14px
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .certificate {
        padding: 30px 0px 30px 0px
    }

    .certificate-page {
        padding: 40px 0;
        flex-direction: column
    }

    .certificate-first-page {
        width: 100%
    }

    .certificate-page-info {
        width: 53%
    }

    .certi {
        font-size: 20px !important
    }

    .certificate-button {
        padding-top: 0;
        width: 57%
    }

    .certificate-page-circle {
        width: 150px;
        height: 150px;
        border-radius: 75px
    }

    .sec-page {
        margin-top: 35px
    }

    .certificate-rating {
        flex-direction: column;
        padding: 0
    }

    .certificate-rating-first {
        width: 100%;
        margin-top: 20px
    }

    .certificate-rating-first-para1 {
        font-size: 18px
    }

    .certificate-rating-first-para {
        font-size: 35px
    }

    .certificate-rating-item-three-p {
        font-size: 35px
    }

    .certficate-rating-item-star {
        width: 30%;
        font-size: 24px
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .certificate {
        padding: 40px 0px 40px 0px
    }

    .certificate-page {
        flex-direction: column;
        padding: 30px 0px 30px 0px
    }

    .certificate-rating-item-three {
        width: 36%
    }

    .certificate-rating-item-three-p {
        font-size: 35px
    }

    .certficate-rating-item-star {
        width: 45%;
        font-size: 20px
    }

    .certificate-first-page {
        width: 100%;
        padding: 2px;
        height: 176px;
    }



    .certificate-rating {
        flex-direction: column;
        padding: 40px 0px 0px 0px
    }

    .certificate-rating-first {
        width: 100%
    }

    .certificate-info {
        font-size: 15px;
        width: 95%;
    }

    .certificate-rating-first-para {
        font-size: 35px
    }

    .certificate-rating-first-para1 {
        font-size: 18px
    }



    .certificate-page-info>p {
        font-size: 12px;
        padding-top: 0px;
        margin-top: 15px;

    }

    .certificate-page-info {
        width: 50%;
    }


.certificate-page-info-p {
  margin-top: 20px;
  font-size: 15px !important;
}

    .certi {
        font-size: 16px !important;
        margin-top: 0px !important;
    }

    .certificate-button {
        width: 80%;
    font-size: 15px !important;
    padding: 0px;
    margin-top: 15px !important;
    font-weight: bold;
    }

    .certificate-page-circle {
        height: 150px;
        width: 150px
    }

    .sec-page {
        margin-top: 30px
    }

    .certificate h5 {
        text-align: center
    }
}

@media screen and (max-width:320px) {
    .certificate-info {
        width: 90%;
    }

    .certificate-info {
        font-size: 14px;
    }

    .certificate-rating-first-para1 {
        font-size: 15px;
    }

    .certificate-rating-first-para {
        font-size: 26px;
    }

    .certificate-rating-item-three-p {
        font-size: 26px;
    }
}

.awdiz-choose {
    width: 100%;
    padding: 70px 0px 70px 0px;
    background-color: white
}

.choose-heading {
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.48vw + 1rem);
    line-height: 1.2
}

.awdiz-choose-p {
    font-size: 16px;
    line-height: 1.7;
    padding: 20px 0px 20px 0px;
    font-family: mulish;
}

.choose-container {
    width: 100%;
    padding: 20px 0px 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.choose-box-one {
    width: 48%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.choose-box-one-img {
    width: 7%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.choose-box-one-img i {
    font-size: 40px
}

.choose-box-one>h6 {
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.38vw + 1rem);
    line-height: 1.2;
    margin-top: 15px
}

.choose-box-one-p {
    font-size: 16px;
    line-height: 1.5;
    font-family: mulish;
    margin-top: 10px
}

.choose-box-one-two {
    margin-top: 40px
}


@media screen and (min-width:1200px) and (max-width:1600px) {
    .awdiz-choose {
        padding: 60px 0px 60px 0px
    }

    .choose-box-one>h6 {
        font-size: calc(0.9vw + 1rem)
    }
}


@media screen and (min-width:800px) and (max-width:1199px) {
    .awdiz-choose {
        padding: 30px 0px 30px 0px
    }

    .choose-box-one>h6 {
        font-size: 18px
    }

    .choose-box-one-img {
        width: 15%
    }

    .choose-box-one {
        width: 47%
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .choose-box-one-img {
        width: 21%
    }

    .choose-box-one {
        width: 47%
    }

    .awdiz-choose {
        padding: 30px 0px 30px 0px
    }

    .choose-box-one>h6 {
        font-size: 18px
    }
}

.institute-para {
    font-size: 16px;
    line-height: 1.7;
    font-family: mulish
}

@media screen and (min-width:1px) and (max-width:599px) {
    .awdiz-choose {
        padding: 40px 0px 40px 0px
    }

    .choose-container {
        flex-direction: column;
        padding-bottom: 0px
    }

    .choose-box-one {
        width: 100%
    }

    .choose-box-one-img {
        width: 15%;
        height: 60px
    }

    .choose-box-one-two {
        margin-top: 40px
    }

    .choose-box-one-one {
        margin-top: 40px
    }

    .choose-box-one-p {
        line-height: 1.7
    }
    
    .institute-para {
    font-size: 15px;}
}

.placement-institute {
    width: 100%;
    padding: 60px 0px 60px 0px;
    background-color: #edf8fa
}

.placement-institute-h5 {
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.48vw + 1rem);
    line-height: 1.2
}

.placement-institute-h6 {
    padding: 20px 0px 30px 0px;
    font-family: nunito;
    color: #272566;
    font-weight: 800;
    font-size: calc(0.7vw + 0.9rem);
    line-height: 1.2
}



@media screen and (min-width:1200px) and (max-width:1600px) {
    .placement-institute {
        padding: 60px 0px 60px 0px
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .placement-institute {
        padding: 30px 0
    }

    .banner-section-para {
        width: 100%;
    }

}

@media screen and (min-width:600px) and (max-width:799px) {
    .placement-institute {
        padding: 30px 0
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .placement-institute {
        padding: 40px 0px 40px 0px
    }
}

@media screen and (max-width:320px) {
    .placement-institute-h5 {
        font-size: calc(0.8vw + 1rem);
    }

    .placement-institute-h6 {
        font-size: 16px;
    }

    .institute-para {
        font-size: 15px;
    }
}

.circle-container {
    width: 100%;
    height: auto;
    padding: 40px 0px 40px 0px
}

.circle-grid {
    width: 732px;
    margin: auto;
    height: 640px;
    /* border: 1px solid black; */
}

.circle-grid-one {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border: 1px solid black; */
}

.circle-grid-content {
    width: 45%;
    margin: auto;
    height: 136px;
    /* border: 1px solid black; */
}

.circle-grid-two {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border: 1px solid black; */
}

.circle-grid-image-one {
    width: 130px;
    height: 145px;
    border-radius: 10px;
    overflow: hidden
}

#circle-grid-one {
    margin-top: 32%;
}

#circle-grid-two {
    margin-bottom: 12%;
}

#circle-grid-three {
    margin-top: 3%;
}

#circle-grid-four {
    margin-bottom: 32%;
}

#circle-grid-five {
    margin-top: 12%;
}

#circle-grid-six {
    margin-bottom: 3%;
}

.circle-placement-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 100%
}

.circle-placement-text-h2 {
    font-size: 22px;
    font-family: nunito;
}

.circle-placement-text-p {
    font-size: 16px;
    font-family: mulish;
    line-height: 1.7;
    text-align: center;
}

.circle-grid-button {
    width: 40%;
    padding: 0;
    height: 30px;
    background-color: #007d6f;
    color: white;
    font-family: poppins
}





.circle-mobile-container {
    width: 100%;
    padding: 20px 0px 20px 0px
}

.circle-mobile-grid {
    width: 77%;
    width: 100%;
    margin: auto;
}

.circle-mobile-grid-one {
    width: 100%;
    height: 112px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.circle-mobile-grid-image-one {
    width: 60px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;

}

.circle-mobile-grid-item-one {
    width: 16%;
    height: 172px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.circle-mobile-grid-item-two {
    width: 16%;
    height: 172px;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.circle-mobile-grid-box {
    width: 100%;
    height: 172px;
    display: flex;

}

.circle-mobile-grid-content {
    width: 60%;
    margin: auto;
    height: 172px;

}

.circle-mobile-placement-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.circle-mobile-placement-text-h2 {
    font-size: 16px;
    text-align: center;
    font-family: nunito;
    font-weight: bold;
}

.circle-mobile-placement-text-p {
    text-align: center;
    font-size: 15px;
    font-family: mulish;
    line-height: 1.4;
}

.circle-mobile-grid-button {
    width: 40%;
    padding: 0px 5px 0px 5px;
    height: 30px;
    font-size: 11px;
    background-color: #007d6f;
    color: white;
    font-family: poppins
}

.circle-mobile-grid-two {
    width: 100%;
    height: 112px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (min-width:1761px) and (max-width:4000px) {
    .circle-grid {
        display: none;
        visibility: hidden;
    }
    
    .certificate-info{width: 45%;}
}

@media screen and (min-width:1200px) and (max-width:1760px) {
    .circle-grid {
        width: 850px;
        height: 743px
    }

    .circle-grid-image-one {
        width: 150px;
        height: 170px
    }

    .circle-grid-one {
        height: 271px
    }

    .circle-grid-two {
        height: 271px
    }

    .circle-grid-content {
        height: 200px;
        width: 59%;
    }
}

@media screen and (min-width:1761px) and (max-width:4999px) { .circle-container{display: none;visibility: hidden}}

@media screen and (min-width:800px) and (max-width:1199px) {
    .circle-mobile-container {
        display: none;
        visibility: hidden
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .circle-container {
        display: none;
        visibility: hidden
    }
}

@media screen and (min-width:1199px) and (max-width:4000px) {
    .circle-mobile-container {
        display: none;
        visibility: hidden
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .circle-container {
        display: none;
        visibility: hidden
    }
    
    .circle-grid-button {width: 60%;height: auto;margin-bottom: 16px;}
}

@media screen and (max-width:320px) {
    .circle-mobile-placement-text-h2 {
        font-size: 15px;
    }

    .circle-mobile-grid-button {
        font-size: 10px;
    }
}


.circle-mobile-grid-image-one, .circle-grid-image-one, .placement-grid-item-one {
  border: 2px solid #272566; /* Light border for definition */
  box-shadow: 0 0 2px 1.5px #5959c8; /* Soft shadow for depth */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effects */
  
}

.circle-grid-image-one:hover, .placement-grid-item-one:hover {
  transform: scale(1.05); /* Slightly scale up images on hover */
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.1); /* Enhance shadow on hover */
}



.placement-grid {
    
    width: 100%;
    margin: 60px 0;
}

.placement-container {
    width: 1050px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 860px;
}

.placement-grid-one {
    /* border: 1px solid black; */
    width: 100%;
    height: 326px;
    display: flex;
    justify-content: space-evenly;
    margin: auto;
}

.placement-grid-two {
    /* border: 1px solid black; */
    width: 100%;
    height: 326px;
    display: flex;
    justify-content: space-evenly;
    margin: auto;
}

.placement-grid-item-one {
    /* border: 1px solid black; */
    width: 178px;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
}

.placement-grid-content {
    /* border: 1px solid black; */
    width: 100%;
    height: 200px;
}

.placement-grid-content-one {
    /* border: 1px solid black; */
    width: 56%;
    margin: auto;
    height: 200px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.placement-grid-content-one h5 {
    font-size: 24px;
    font-weight: 800;
    color: #007d6f;
    margin-top: 0;
    margin-bottom: 0;
    font-family: nunito;
}

.placement-grid-content-one p {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.7;
    font-family: mulish;
}

#place-grid-btn {
    width: 17%;
    font-size: 15px;
    font-family: hind;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #007d6f;
    color: white;
    border: none;
    outline: none;
}


#place-one {
    position: relative;
    top: 58%;
}

#place-two {
    position: relative;
    top: 0%;
}

#place-three {
    position: relative;
    top: 16%;
}

#place-four {
    position: relative;
    bottom: 32%;
}

#place-five {
    position: relative;
    top: 39%;
}

#place-six {
    position: relative;
    top: 25%;
}


@media screen and (min-width:1px) and (max-width:1760px) {
    .placement-grid {
        display: none;
        visibility: hidden;
    }
}




#ftop {height: 5%;text-align: center;font-family: nunito;font-weight: 800;font-size: 30px;}

@media screen and (min-width: 1px) and (max-width: 599px) {
#ftop {font-size: 23px;}
.containernew{width:100% !important;margin-top: 30px;}
}

@media screen and (min-width: 1px) and (max-width:335px) {
#ftop {font-size: 20px;}

}


#ftop2{height: 80%;display: flex;justify-content: space-evenly;flex-direction: column;}




.demo-form {
  width: 100%;
  padding: 60px 0;
  display: flex;
  justify-content: center;
  background: #0C0019;
}

.demo-form-section {
  width: 100%;
  
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.containernew {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  flex-direction: column;
}

.demo-form-content {
    width: 60%
}



.trial-form {
  max-width: 403px;
  margin: auto;
  padding: 25px 25px;
  background-color: white;
  border-radius: 10px;
  position: relative;
  z-index: 101;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, #b7b3b3 0px 0px 0px 3px;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.trial-form>h6 {
    padding-bottom: 30px;
    font-family: nunito;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.2
}

fieldset {
    border: 1px solid #cccccc;
    border-radius: 10px;
    height: 55px;
    width: 100%;
    
}

.message-fieldset {
    height: 69px;
    border-radius: 10px
}

.trial-form textarea {
    width: 98%;
    border-radius: 15px;
    padding: 8px 0 5px 11px;
    font-size: 14px;
    font-family: mulish;
    resize: vertical;
    height: 48px;
    max-height: 48px;
    border: none;
    outline: none;
    font-weight: 600
}

.legend-name {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 0 5px 0 5px
}

.inputtrial {
    width: 100%;
    padding: 8px 0 5px 11px;
    border: none;
    outline: none;
    font-size: 14px;
    font-family: mulish;
    font-weight: 600;
}

.inputtrial[type=text]::placeholder {
    font-size: 12px;
    text-align: start;
}

.demo-form-content>h6 {
    color: white;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.28vw + 1rem);
    line-height: 1.2;
    margin-bottom: 30px;
    width: 57%;
}

.demo-form-content>p {
    font-size: 24px;
    color: white;
    font-weight: 600;
    font-family: mulish;
}



@media screen and (width:1440px) {
    .send-button {
        width: 100% !important
    }
}

@media screen and (min-width:1200px) and (max-width:1760px) {
    .send-button {
        font-size: 16px
    }

    .demo-form-content>h6 {
        font-size: calc(1vw + 1rem)
    }

    .demo-form-content>p {
        font-size: 20px
    }
    
    
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .demo-form-section {
        flex-direction: column
    }

    .demo-form-content {
        width: 100%
    }

    .demo-form-trial {
        width: 100%;
        margin-top: 30px
    }

    .send-button {
        font-size: 20px
    }

    .demo-form-content>h6 {
        width: 100%;
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .demo-form-section {
        flex-direction: column
    }

    .demo-form-content>h6 {
        width: 100%;
    }

    .demo-form-content {
        width: 100%
    }

    .demo-form-trial {
        width: 100%;
        margin-top: 30px
    }

    .send-button {
        font-size: 20px
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .demo-form-section {
        flex-direction: column
    }

    .demo-form-content>h6 {
        width: 100%;
        text-align: center;
        font-size: 23px;
        margin-bottom: 40px;
    }

    .trial-form>h6 {
        text-align: center;
    }

    .demo-form-trial {
        width: 100%;
        margin-top: 40px
    }

    .container {
        width: 94%
    }

    .demo-form-content {
        width: 100%
    }

    .demo-form-content>p {
        font-size: 20px;
        text-align: center;
    }

    .trial-form {
        width: 90%;
    padding: 25px 13px;
    margin: auto;
    }

    .send-button {
        font-size: 16px;
    width: 100%;
    }

    .demo-form {
        padding: 0;
    margin-bottom: -85px;
    }
}

@media screen and (max-width:320px) {
    .demo-form {
        padding: 20px 0 20px 0
    }

    .demo-form-content>h6 {
        font-size: calc(0.5vw + 1rem);
    }

    .demo-form-content>h6 {
        width: 100%;
    }

    .demo-form-content>p {
        font-size: 15px;
    }

    .trial-form>h6 {
        font-size: 15px;
    }

    .trial-form {
        padding: 20px;
    }

    fieldset {
        height: 45px;
    }

    .inputtrial {
        padding-top: 2px;
    }

    .send-button {
        font-size: 15px !important;
    }
}

@media (min-width:1150px) and (max-width:1460px){.trial-form{height:500px}}
@media (min-width:1461px) and (max-width:1800px){.trial-form{height:550px}}
@media (min-width:1px) and (max-width:350px){.trial-form{height:450px}}
@media (min-width:351px) and (max-width:599px){.trial-form{height:525px}}





.review-section {
    width: 100%;
    padding: 50px 0 50px 0;
    background-color: #edf8fA
}

.review-section-h6 {
    text-align: center;
    padding-top: 20px;
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.38vw + 1rem);
    line-height: 1.2
}

.review-page {
    width: 100%;
    padding: 60px 0 60px 0;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.single-carosual {
    width: 45%;
    height: 500px
}

.my-carousel-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 380px;
    margin: 0 auto;
    border-radius: 10px;
    justify-content: center;
    background: white;
}

.my-carousel-slide {
    width: 100%;
    height: auto;
    display: none;
    border-radius: 15px;
    overflow: hidden
}

.my-carousel-slide img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 15px;
}

.my-carousel-indicators {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 56px
}

#nicheniche {display: flex; justify-content: flex-end; margin-top: 20px; position: relative; z-index: 101;}

.my-indicator {
    width: 15px;
    height: 15px;
    background-color: #999;
    border-radius: 50%;
    
    cursor: pointer;
    margin-left: 15px
}



#my-last-indicator {
    margin-right: 12.5%;
}

.my-active {
    background-color: #007BFF
}

.double-container {
    width: 51%;
    height: 500px;
    padding-bottom: 20px
}

.double-wrapper {
    overflow: hidden;
    flex: 1
}

.double-slide {
    display: flex;
    transition: all 0.3s ease
}

.double-button {
    padding: 0;
    border-radius: 5px;
    background-color: white;
    width: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-left: 15px;
  margin-right: 0;
}

.btn-arrow .review {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    filter: brightness(1) invert(1);

}

.double-button:hover {
    background-color: #007D6F
}

.double-card {
    flex: 0 0 48%;
    height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    float: left;
    border: 1px solid #e6ecef;
    background: #fff;
    margin-right: 4%;
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
}

.carousel-box-one {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.carousel-item-one {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden
}

.carousel-item-two {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 55px
}

.caros {
    color: #272566;
    font-family: mulish;
    font-weight: 800;
    font-size: calc(0.3vw + 1rem);
    line-height: 1.2
}

.carousel-item-two-p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    font-family: mulish;
    color: #373737
}


@media screen and (min-width:1601px) and (max-width:1919px) {
    #my-last-indicator {
        margin-right: 9.1%;
    }


}

@media screen and (min-width:1537px) and (max-width:1600px) {
    #my-last-indicator {
        margin-right: 5%;
    }

    .single-carosual {
        height: 480px
    }


}


@media screen and (min-width:1441px) and (max-width:1536px) {
    #my-last-indicator {
        margin-right: 5%;
    }

    .single-carosual {
        height: 480px
    }


}

@media screen and (min-width:1367px) and (max-width:1440px) {
    #my-last-indicator {
        margin-right: 0%;
    }

    .single-carosual {
        height: 480px
    }


}


@media screen and (min-width:1281px) and (max-width:1366px) {
    #my-last-indicator {
        margin-right: 0%;
    }

    .single-carosual {
        height: 480px
    }


}


@media screen and (min-width:1200px) and (max-width:1280px) {
    #my-last-indicator {
        margin-right: 0%;
    }

    .single-carosual {
        height: 480px
    }


}


@media screen and (min-width:1200px) and (max-width:1600px) {
    .review-section {
        padding: 50px 0 50px 0
    }

    .my-carousel-slide img {
        max-width: 100%;
    }

    .review-page {
        padding: 30px 0 0 0
    }

    .carousel-item-two {
        width: 70%
    }

    .carousel-item-two-p {
        font-size: 14px
    }

    .my-carousel-slide {
        height: auto;
    }


    .double-container {
        height: 480px;
        padding-bottom: 0
    }

    .caros {
        font-size: 15px
    }

    .carousel-item-two {
        justify-content: space-evenly
    }
}


@media screen and (min-width:1024px) and (max-width:1199px) {
    .review-section {
        padding: 30px 0
    }

    .review-page {
        flex-direction: column
    }

    .single-carosual {
        width: 100%;
        height: 480px;
    }

    .double-container {
        width: 100%
    }

    .double-card {
        height: 475px
    }

    .carousel-item-two-p {
        font-size: 14px
    }



    .carousel-item-two {
        width: 69%
    }

    #my-last-indicator {
        margin-right: 16.3%;
    }


}



@media screen and (min-width:800px) and (max-width:1023px) {
    .review-section {
        padding: 30px 0
    }

    .review-page {
        flex-direction: column
    }

    .single-carosual {
        width: 100%;
        height: 480px;
    }

    .double-container {
        width: 100%
    }

    .double-card {
        height: 475px
    }

    .carousel-item-two-p {
        font-size: 14px
    }



    .carousel-item-two {
        width: 69%
    }

    #my-last-indicator {
        margin-right: 7%;
    }
}



@media screen and (min-width:600px) and (max-width:799px) {
    .review-section {
        padding: 30px 0
    }

    .review-page {
        flex-direction: column
    }

    .single-carosual {
        width: 100%;
        height: 440px;
    }

    #my-last-indicator {
        margin-right: 0%;
    }

    .double-container {
        width: 100%
    }

    .double-card {
        height: 400px
    }

    .carousel-item-two-p {
        font-size: 14px
    }



    .carousel-item-two {
        width: 69%
    }

    .my-carousel-slide img {
        max-width: 100%;
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    #nicheniche {margin-top: 37px}
    
    .review-section {
        padding-top: 130px;
        padding-bottom: 40px
    }

    .review-page {
        flex-direction: column;
        padding: 30px 0 0
    }

    .single-carosual {
        width: 100%;
        height: 300px
    }

    .double-container {
        width: 100%;
        height: 440px;
        margin-top: 25px;
    }

    .double-card {
        flex: 0 0 90%;
        margin-right: 2%;
        margin-left: 2%;
        height: 332px;
    }

    .carousel-item-two-p {
        font-size: 14px
    }

    .my-carousel-indicators {

        margin-top: 20px;
        width: 100%;
    }



    .my-carousel-container {
        height: 250px;
        background: none;
    }

    .my-carousel-slide {
        height: auto;
        width: 96%;
    }

    .my-carousel-slide img {
        max-width: 100%;height: 100%
    }

    #my-last-indicator {
        margin-right: 0;
    }

    .my-indicator {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width:320px) {
    .carousel-item-two {
        height: 50px;
        width: 70%;
    }

    .my-indicator {
        width: 20px;
        height: 20px;
    }

    .carousel-item-two-p {
        font-size: 14px;
    }

    .my-carousel-slide img {
        max-width: 100%;
    }
    
    .certificate-page-circle {
    height: 130px;
    width: 130px;
  }
  .certificate-page-info > p{font-size: 13px;width: 100%;}
  
}

.blog-page {
    width: 100%;
    padding: 60px 0 60px 0;
    background-color: white
}

.blog-page-h6 {
    text-align: center;
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    font-size: calc(1.38vw + 1rem);
    line-height: 1.2
}

.blog-paage-pp {
    font-size: 16px;
    font-family: mulish;
    line-height: 1.7;
}

.blog-courses-name {
    width: 100%;
    margin: auto;
    margin-top: 30px;
    background-color: white;
    border-radius: 10px
}

.blog-courses-wrapper {
    overflow: hidden
}

#blog-courses-carousel {
    display: flex;
    transition: all 0.3s ease;
    list-style: none;
    padding: 0 15px 0 15px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 101
}

.blog-courses-name ul li {
    flex: 0 0 calc(15% - 10px);
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 15px 0px 15px 0px;
    border-radius: 10px;
    cursor: pointer;
    font-family: hind;
    font-weight: 800;
    font-size: 18px;
    margin-top: 15px;
    background-color: white;
}

.blog-page-carousel {
    display: none
}

.blog-carousel-button {
    padding: 20px 25px 20px 25px;
    background-color: #bebed1;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center
}

.btnssss {
    border: none;
    outline: none;
    width: 45%;
    border-radius: 10px;
    font-size: 18px;
    color: white;
    font-family: mulish;
    height: 50px;
    background-color: #272566;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnssss:hover {
    background-color: #272566
}

.blog-our-courses-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    margin-top: 30px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.blog-our-courses-info::-webkit-scrollbar {
    display: none
}

.blog-our-courses-angular {
    flex: 0 0 29%;
    scroll-snap-align: start;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 10px 36px 0, rgba(0, 0, 0, 0.06) 0 0 0 1px;
    margin-top: 60px
}

.blog-our-courses-image {
    width: 100%;
    padding-bottom: 15px
}

.blog-our-courses-course-heading-h6 {
    font-size: 20px;
    padding-top: 10px;
    color: black;
    padding-left: 5px
}

.blog-our-courses-angular>p {
    padding: 20px 0 10px 5px;
    line-height: 1.6;
    font-size: 16px;
    font-family: mulish;
    color: #373737;
    margin-bottom: 20px
}

.blog-our-courses-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.blog-placement-view {
    width: 100%;
    padding: 50px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.blog-button {
    width: 15%;
    padding: 30px 0 30px 0;
    font-weight: 600;
    font-size: 20px;
    margin: auto;
    background-color: #007d6f;
    color: white;
    font-family: mulish;
    position: relative;
    overflow: hidden;
    box-shadow: 3px 3px 1px #215657;
}

.blog-button:hover {
    transform: scale(1.05);
    transition: 200ms linear;
}

.blog-button::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 75%);
    animation: glare-effect 3s infinite linear;
}

@media screen and (max-width:1920px) {
    .blog-our-courses-info {
        margin-top: 0
    }

    .blog-button {
        padding: 20px 0 20px 0;
    }
}

@media screen and (max-width:1760px) {
    .blog-button {
        width: 12%;
        padding: 15px 0 15px 0;
        font-size: 14px
    }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
    .blog-paage-pp {
        margin-top: 25px;
    }

    .blog-courses-name ul li {
        font-size: 14px !important
    }

    .blog-page {
        padding: 60px 0 60px 0
    }

    .blog-courses-name {
        margin-top: 20px
    }

    .btnssss {
        width: 52%;
        font-size: 14px;
        height: 40px
    }

    .our-courses-course-heading-h6 {
        padding-top: 0
    }

    .blog-our-courses-angular>p {
        padding-top: 10px;
        padding-bottom: 0;
        font-size: 14px
    }

    .blog-our-courses-info {
        margin-top: 0
    }

    .blog-our-courses-angular {
        margin-top: 20px
    }

    .blog-our-courses-course-heading-h6 {
        padding-top: 0
    }

    .blog-button {
        width: 12%;
        padding: 15px 0 15px 0;
        font-size: 14px
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .blog-page {
        padding: 30px 0
    }

    .blog-page-carousel {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: 30px
    }

    .blog-courses-name ul li {
        flex: 0 0 calc(33% - 10px);
        margin-right: 20px;
        font-size: 16px;
    }

    .blog-paage-pp {
        margin-top: 25px;
    }

    .blog-carousel-button:hover {
        background-color: #bebed1
    }

    .blog-our-courses-info {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        margin-top: 0
    }

    .blog-our-courses-angular {
        flex: 0 0 90%;
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 30px
    }

    .blog-placement-view {
        padding: 40px 0 0 0
    }

    .blog-button {
        width: 25%;
        font-size: 17px;
        height: 48px !important;
        padding: 10px 0 10px 0
    }

    .blog-our-courses-angular>p {
        font-size: 14px
    }

    .btnssss {
        font-size: 16px;
        width: 37%
    }
}

@media screen and (min-width:600px) and (max-width:799px) {
    .blog-page {
        padding: 30px 0
    }

    .blog-page-carousel {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: 30px
    }

    .blog-courses-name ul li {
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px;
        font-size: 16px;
    }

    .blog-paage-pp {
        margin-top: 25px;

    }

    .blog-carousel-button:hover {
        background-color: #bebed1
    }

    .blog-our-courses-info {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        margin-top: 0
    }

    .blog-our-courses-angular {
        flex: 0 0 90%;
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 30px
    }

    .blog-placement-view {
        padding: 40px 0 0 0
    }

    .blog-button {
        width: 45%;
        font-size: 17px;
        height: 48px !important;
        padding: 10px 0 10px 0
    }

    .blog-our-courses-angular>p {
        font-size: 14px
    }

    .btnssss {
        font-size: 16px;
        width: 37%
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .blog-page {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .btnssss {
        width: 55%;
        font-size: 14px;
        height: 40px
    }

    .blog-courses-name ul li {
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px;
        font-size: 14px;
    }

    .blog-paage-pp {
        margin-top: 25px;

    }

    .blog-page-carousel {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: 30px
    }

    .blog-carousel-button:hover {
        background-color: #bebed1
    }

    .blog-our-courses-info {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        margin-top: 0
    }

    .blog-our-courses-angular {
        flex: 0 0 90%;
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 30px
    }

    .blog-placement-view {
        padding: 40px 0 0 0
    }

    .blog-button {
        width: 45%;
        font-size: 14px;
        height: 48px !important;
        padding: 10px 0 10px 0
    }

    .blog-our-courses-angular>p {
        font-size: 14px
    }
}

@media screen and (width:320px) {
    .btnssss {
        width: 66%;
        font-size: 13px;
    }

    .blog-paage-pp {
        font-size: 15px;
    }

    .blog-courses-name ul li {
        font-size: 13px;
    }

    .blog-our-courses-course-heading-h6 {
        font-size: 16px;
    }

    .blog-our-courses-angular>p {
        font-size: 14px;
    }

    .blog-button {
        font-size: 13px;
        height: 40px !important;
    }
}


.offering-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 35px;

}

.offering-items {
    display: flex;
    flex-direction: column;
    padding: 40px 30px;
    justify-content: space-between;
    align-items: center;
    width: 450px;
    height: 300px;
    border: 1px dashed #007d6f;
    gap: 20px;
}

.offering-items img {
    width: 80px;
    height: 80px;
}

.offering-items h6 {
    font-size: 24px;
    color: #272566;
    font-family: nunito;
    font-weight: 800;
    text-align: center;
}

.offering-items p {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.7;
    text-align: center;
    font-size: 16px;
}

@media screen and (min-width:1920px) and (max-width:4000px) {
    .offering-container {
        width: 1712px;
        margin: auto;
        height: 600px;
    }
}

@media screen and (min-width:1601px) and (max-width:4000px) {
    #offering-items-one {
        border-left: none;
        border-top: none;
    }

    #offering-items-two {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    #offering-items-three {
        border-right: none;
        border-top: none;
    }

    #offering-items-four {
        border-left: none;
        border-top: none;
        border-bottom: none;
    }

    #offering-items-five {
        border-left: none;
        border-top: none;
        border-bottom: none;
        border-right: none;
    }

    #offering-items-six {
        border-top: none;
        border-bottom: none;
        border-right: none;
    }
}

@media screen and (min-width:1441px) and (max-width:1600px) {
    .offering-items {
        width: 380px;
    }

    .offering-items h6 {
        font-size: 24px;
    }

    #offering-items-one {
        border-left: none;
        border-top: none;
    }

    #offering-items-two {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    #offering-items-three {
        border-right: none;
        border-top: none;
    }

    #offering-items-four {
        border-left: none;
        border-top: none;
        border-bottom: none;
    }

    #offering-items-five {
        border-left: none;
        border-top: none;
        border-bottom: none;
        border-right: none;
    }

    #offering-items-six {
        border-top: none;
        border-bottom: none;
        border-right: none;
    }
}

@media screen and (min-width:1200px) and (max-width:1440px) {
    .awdiz-choose {
        padding: 60px 0px 60px 0px
    }

    .offering-items {
        width: 350px;
    }

    .offering-items h6 {
        font-size: 20px;
    }

    #offering-items-one {
        border-left: none;
        border-top: none;
    }

    #offering-items-two {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    #offering-items-three {
        border-right: none;
        border-top: none;
    }

    #offering-items-four {
        border-left: none;
        border-top: none;
        border-bottom: none;
    }

    #offering-items-five {
        border-left: none;
        border-top: none;
        border-bottom: none;
        border-right: none;
    }

    #offering-items-six {
        border-top: none;
        border-bottom: none;
        border-right: none;
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .awdiz-choose {
        padding: 30px 0px 30px 0px
    }

    .offering-items {
        width: 350px;
    }

    .offering-items h6 {
        font-size: 18px;

    }

    .offering-items p {
        font-size: 14px;
    }

    #offering-items-one {
        border-top: none;
        border-left: none;
        border-bottom: none;
        border-right: none;
    }

    #offering-items-two {
        border-top: none;
        border-right: none;
        border-bottom: none;
    }

    #offering-items-three {
        border-left: none;
        border-right: none;
    }

    #offering-items-four {
        border-right: none;
    }

    #offering-items-five {
        border-top: none;
        border-left: none;
        border-bottom: none;
        border-right: none;
    }

    #offering-items-six {
        border-right: none;
        border-top: none;
        border-bottom: none;
    }

}

@media screen and (min-width:600px) and (max-width:799px) {
    .offering-items {
        width: 270px;
        padding: 15px;
    }

    .offering-items h6 {
        font-size: 18px;

    }

    .offering-items p {
        font-size: 14px;
    }

    #offering-items-one {
        border-top: none;
        border-left: none;
        border-bottom: none;
        border-right: none;
    }

    #offering-items-two {
        border-top: none;
        border-right: none;
        border-bottom: none;
    }

    #offering-items-three {
        border-left: none;
        border-right: none;
    }

    #offering-items-four {
        border-right: none;
    }

    #offering-items-five {
        border-top: none;
        border-left: none;
        border-bottom: none;
        border-right: none;
    }

    #offering-items-six {
        border-right: none;
        border-top: none;
        border-bottom: none;
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .awdiz-choose {
        padding: 40px 0px 40px 0px
    }

    .offering-items {
        width: 95%;
        margin: auto;
        height: auto;
        padding: 15px 0 15px 0;
        border-top: none;
        border-left: none;
        border-right: none;
        margin-top: 30px;
    }

    .offering-items h6 {
        font-size: 17px;
    }

    .offering-items p {
        font-size: 16px;
    }

    #offering-items-six {
        border-bottom: none;
    }

}

@media screen and (max-width:320px) {
    .awdiz-choose-p {
        font-size: 15px;
    }

    .offering-items {
        
        margin: auto;
        height: auto;
    }




    
    .placementcard p{font-size: 14px;}
    
}

@media screen and (max-width:355px) {
      .offering-items p {
    font-size: 14px;
  }
}







.main-mobile-placement {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 20px;
    margin: 30px 0;
}

.profilebuilding {
    width: 100%;
    padding: 50px 0 50px 0;
    background-color: #edf8fA
}

#progress {

    height: 80px;
    width: 80px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    background: conic-gradient(#00381a 0%, #3c3939 0%);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 2px 2.5px #3fc8b8;
}

#progress-value {

    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 35px;
    color: #001a2e;
}

.profile-building-container {
    width: 75%;
    margin: auto
}

.resume-carousel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    height: 70%;
}

.resume-carousel-group {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    justify-content: space-between;
    transform: translateX(0);
    transition: transform 0.5s ease
}

.resume-carousel-one {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 10px 0;
}



.resume-carousel-content {
    width: 75%;
    height: 95%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    
}

.resume-carousel-content h4 {
    font-size: 24px;
    font-family: nunito
}

.resume-carousel-content p {
    font-size: 20px
}

.resume-carousel-button {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 10px;
    gap: 20px;

}

.resume-left-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 30%;
  cursor: pointer;
  color: black;
  font-size: 20px;
  font-weight: bold;
  border-bottom-left-radius: 1rem;
  box-shadow: 3px 3px 1px #215657;
  border: 2px solid green;
}

.resume-left-arrow:hover {
    background-color: #007D6F;
    color: #fff
}

.resume-right-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 30%;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  border-bottom-right-radius: 1rem;
  box-shadow: -3px 3px 1px #215657;
  border: 2px solid green;
}

.resume-right-arrow:hover {
    background-color: #007D6F;
    color: #fff
}


.placementcard {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    width: 100%;
    height: 305px;
    border-radius: 10px 10px 0 0;
    color: black;
    padding: 20px;
    gap: 20px;
    background-color: #edf8fA;
    box-shadow: rgb(39, 37, 102) 0px 0px 0px 2px, rgb(0, 125, 111) 0px 8px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}


.placementcard img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    
}

.placementcard h3 {
    font-size: 22px;
}

.placementcard p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
    
}


@media screen and (min-width:1px) and (max-width:480px) {
    #progress {

        height: 65px;
        width: 65px;
    }

    .resume-carousel-one {
        padding: 0;
    }

    .placementcard {
        gap: 10px;
    }

    .placementcard h3 {
        font-size: 20px;
    }
}

.awdiz-placement-mobile {
    display: none;
    visibility: hidden;
}

.awdiz-placement-mobile h5 {
    color: #272566;
    font-family: nunito;
    font-weight: 900;
    font-size: calc(1.58vw + 1rem);
    line-height: 1.2;
    text-align: center;
}

@media screen and (min-width:1px) and (max-width:900px) {

    .awdiz-placement-mobile {
        display: flex;
        visibility: visible;
        margin: 60px 0;
    }
}
















/* popup video modal */

.popup-video .modal-dialog {
    max-width: 800px;
    margin: auto;
}

.popup-video .modal-body {
    padding: 0;
    display: flex;
    width: 100%;
    height: 360px
}

.modal-body {
    position: relative;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .4);
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 6px
}


.modal-form-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55%;
    height: 482px;
    margin: auto;
}

.modal-body span:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, red, #9cc216);
    animation: animate1 2s linear infinite
}

@keyframes animate1 {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.modal-body span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 5px;
    background: linear-gradient(to bottom, red, #9cc216);
    animation: animate2 2s linear infinite;
    animation-delay: 1s
}

@keyframes animate2 {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(100%)
    }
}

.modal-body span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to left, red, #9cc216);
    animation: animate3 2s linear infinite
}

@keyframes animate3 {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.modal-body span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
    background: linear-gradient(to top, red, #9cc216);
    animation: animate4 2s linear infinite;
    animation-delay: 1s
}

@keyframes animate4 {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(-100%)
    }
}

.popup-video video {
    width: 100%;
    height: auto;
    display: block
}

.custom-modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(237, 248, 250, .5);
    justify-content: center;
    align-items: center;z-index: 1;
}

.custom-modal .modal-content {
    background: #fff;
    border-radius: 5px;
    height: 355px;
    width: 100%;
}

.modal-content iframe {
    border: 1px solid #007d6f;
    border-radius: 6px
}

.modal-dialog {
    width: 50%;
    height: 482px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    background-color: #007d6f;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.development-form-box-two {
    width: 40%;

    display: flex;
    justify-content: center;
}

.development-training-form {
    width: 100%;
    height: auto
}

.development-form {
    width: 100%;
    margin: auto;
    padding: 15px;
    background-color: white;
    color: #fff;
    height: 100%;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}


.development-form h2 {
    font-size: 20px;

    font-family: nunito;
    color: black;
    text-align: center;
    line-height: 1.7;
}

.development-form label {
    font-family: mulish;
    font-size: 13px;
    color: #716d6d;
    font-weight: 600;
}

.form-options {
    margin-top: 16px;
}



.form-input-wrapper {
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin-left: 10px;

}

.development-form input {
    width: 100%;
    height: 80%;
    border: none;
    outline: none;
    background-color: #fff;
    border-bottom: 1px solid black;
    font-size: 15px;
    font-family: mulish;
    border-bottom: gray solid 1px;
    padding: 10px 0;
    font-weight: 600;
}



.development-form button {
    width: 100%;
    text-align: center;
    font-weight: 550;
    font-size: 18px;
    margin: 0;
    background-color: #edf8fa;
    color: black;
    font-family: nunito;
    border-radius: 0;
}


.button-89 {
    --b: 3px;
    --s: .45em;
    --color: #007d6f;

    padding: calc(.5em + var(--s)) calc(.9em + var(--s));
    color: var(--color);
    --_p: var(--s);
    background:
        conic-gradient(from 90deg at var(--b) var(--b), #0000 90deg, var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
    transition: .3s linear, color 0s, background-color 0s;
    outline: var(--b) solid #0000;
    outline-offset: .6em;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-89:hover,
.button-89:focus-visible {
    --_p: 4px;
    outline-color: #272566;
    outline-offset: 0.15em;
}

.button-89:active {
    background: var(--color);
    color: #fff;
}


.form-options select {
    margin-bottom: 0px;
    font-weight: bold;
    padding-left: 0;
}

@media screen and (min-width:1441px) and (max-width:1600px) {
    .modal-dialog {
        width: 57%;
        height: auto;
    }

    .development-form-box-two {
        height: auto;
    }

    .modal-form-body {
        height: auto;
    }

    .development-form h2 {
        font-size: 20px;
    }

    .development-form label {
        font-size: 12px;
        font-family: nunito;
    }

    .development-form input {
        height: 100%;
        padding: 20px 0;
    }

    #usercourse {
        height: 40px;
    }

    .development-form button {
        font-size: 16px;

    }

    .custom-modal .modal-content {
        height: 300px;
    }

    .modal-content iframe {
        height: 300px;
    }
}

@media screen and (min-width:1367px) and (max-width:1440px) {
    .modal-dialog {
        width: 64%;
        height: auto;
    }

    .development-form-box-two {
        height: auto;
    }

    .modal-form-body {
        height: auto;
    }

    .development-form h2 {
        font-size: 20px;
    }

    .development-form label {
        font-size: 12px;
    }

    .development-form input {
        height: 100%;
        padding: 20px 0;
    }

    #usercourse {
        height: 40px;
    }

    .development-form button {
        font-size: 16px;

    }

    .custom-modal .modal-content {
        height: 300px;
    }

    .modal-content iframe {
        height: 300px;
    }
}

@media screen and (min-width:1281px) and (max-width:1366px) {
    .modal-dialog {
        width: 66%;
        height: auto;
    }

    .development-form-box-two {
        height: auto;
    }

    .modal-form-body {
        height: auto;
    }

    .development-form h2 {
        font-size: 18px;
    }

    .development-form label {
        font-size: 12px;
    }

    .development-form input {
        height: 100%;
        padding: 20px 0;
    }

    #usercourse {
        height: 40px;
    }

    .development-form button {
        font-size: 16px;

    }

    .custom-modal .modal-content {
        height: 300px;
    }

    .modal-content iframe {
        height: 300px;
    }
}

@media screen and (min-width:1200px) and (max-width:1280px) {
    .modal-dialog {
        width: 70%;
        height: auto;
    }

    .development-form-box-two {
        height: auto;
    }

    .modal-form-body {
        height: auto;
    }

    .development-form h2 {
        font-size: 18px;
    }

    .development-form label {
        font-size: 12px;
    }

    .development-form input {
        height: 100%;
        padding: 20px 0;
    }

    #usercourse {
        height: 40px;
    }

    .development-form button {
        font-size: 16px;

    }

    .custom-modal .modal-content {
        height: 300px;
    }

    .modal-content iframe {
        height: 300px;
    }
}


@media screen and (min-width:800px) and (max-width:1199px) {
    .modal-dialog {
        width: 47%;
        flex-direction: column;
        height: auto;
    }

    .development-form-box-two {
        width: 100%;
        height: auto;
    }

    .modal-form-body {
        height: 200px;
        width: 100%;
    }

    .custom-modal .modal-content {
        height: 200px;
    }

    .modal-content iframe {
        height: 200px;
    }

    .development-training-form {
        width: 100%;
    }

    .development-form h2 {
        font-size: 18px;
    }

    .development-form label {
        font-size: 12px;
    }

    .development-form input {
        height: 100%;
    }

    #usercourse {
        margin-top: 0px;
    }

    .development-form button {
        font-size: 16px;
        padding-top: 6px;
    }

}

@media screen and (min-width:600px) and (max-width:799px) {
    .modal-dialog {
        width: 60%;
        flex-direction: column;
        height: auto;
    }

    .development-form-box-two {
        width: 100%;
        height: auto;
    }

    .modal-form-body {
        height: 200px;
        width: 100%;
    }

    .custom-modal .modal-content {
        height: 200px;
    }

    .modal-content iframe {
        height: 200px;
    }

    .development-form {
        margin-top: 0px;
    }

    .development-training-form {
        width: 100%;
    }

    .development-form h2 {
        font-size: 18px;
    }

    .development-form label {
        font-size: 12px;
    }

    .development-form input {
        height: 100%;
    }

    #usercourse {
        margin-top: 0px;
        height: 40px;
    }

    .development-form button {
        font-size: 16px;
        padding-top: 6px;
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    .modal-dialog {
        width: 90%;
        flex-direction: column;
        height: auto;
    }

    .development-form-box-two {
        width: 100%;
        height: auto;
    }

    .modal-form-body {
        height: 200px;
        width: 100%;
    }

    .custom-modal .modal-content {
        height: 200px;
    }

    .modal-content iframe {
        height: 200px;
    }

    .development-form {
        /* margin-top: 35px; */
        padding: 15px;
        gap: 10px;
    }

    .development-training-form {
        width: 100%;
    }

    .development-form h2 {
        font-size: 16px;
        text-align: center;
        margin-top: 15px;
    }

    .development-form label {
        font-size: 14px;
        margin-top: 0;
    }

    .development-form input {
        height: 100%;

    }

    #usercourse {
        margin-top: 0px;
        height: 40px;
        padding: 0;
        text-align: center;
    }

    .development-form button {
        font-size: 16px;
        margin-top: 10px;
    }

    .cisco-textarea {

        padding-left: 0px;
        text-align: center;

    }

    #model-input-wrapper input::placeholder,
    input::placeholder,
    input::placeholder {
        font-size: 14px;
        text-align: center;
    }

    #model-input-wrapper input[type="text"] {
        text-align: center;
    }

    .form-options {
        text-align: center;
    }

    .usercourse {
        text-align: center;
        font-size: 14px;
    }
}

@media screen and (max-width:320px) {
    .modal-dialog {
        width: 90%;
    }

    .custom-modal {
        top: -50px;
    }

    .development-form {
        padding: 15px;
        gap: 0;
    }

    .development-form label {
        margin-top: 0;
    }

    .development-form button {
        margin-top: 10px;
    }

    .development-form input {
        height: 35px;
    }

    #model-input-wrapper input::placeholder,
    input::placeholder,
    input::placeholder {
        font-size: 12px !important;
        text-align: center;
    }

    .form-options {
        text-align: center;
    }

    .usercourse {
        text-align: center;
    }
}







.formanimation-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

form .formanimation-wrapper .form-input-animation {
    width: 100%;
    height: 50px;
    margin: 0 20px;
    position: relative;
}

.form-input-animation input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    text-align: center;
}

.form-input-animation .underline {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
}

.form-input-animation .underline:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background: #007D6F;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.form-input-animation input:focus~.underline:before {
    transform: scale(1);
}

@media screen and (min-width:1px) and (max-width:1199px) {
    .form-input-animation .underline:before {
        transform-origin: center;
    }
}

@media screen and (min-width:1px) and (max-width:599px) {
    form .formanimation-wrapper .form-input-animation {
        height: 50px;
        margin: 0;
    }
}

.certificate-btn-svg {
    width: 20px;
    height: 20px;
    fill: black;
    margin-left: 10px;
    filter: brightness(1) invert(1);

}

.certificate-btn-svg:hover {
    fill: white;
}

#green-star {
    width: 28px;
    height: 28px;
}

@media (min-width:1px) and (max-width:599px) {
    #green-star {
        width: 32px;
        height: 32px;
    }
}

@media (min-width:600px) and (max-width:1024px) {
    #green-star {
        display: flex;
        align-items: center;
        width: 32px;
        height: 32px;
        gap: 10px;
    }
}


.btn-arrow:hover {
    filter: brightness(0) invert(1)
}

.placement-button .btn-arrow {
    filter: brightness(0) invert(1);
}

.certificate-button:hover {
    padding: 8px;
    box-shadow: #99CBC5 0 0 0 3px, transparent 0 0 0 0;
    background: #519990;
    border-radius: 5px;
}




.custom-selecta {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}

.custom-select-modal {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #3d3d3d;
    height: 40px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    z-index: 100;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0px 2px 1px 2px #4fca82;
    font-family: mulish;
}





.custom-selecta.open .custom-options {
    display: block;
}

.custom-options.open {
    display: block;
}


.custom-optiona {
    position: relative;
    padding: 0 2px;
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-family: mulish;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
}

.custom-optiona:hover {
    background-color: #e9e9e9;
}

.custom-selecta.open .custom-options {
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-top: 7px;
}



.custom-optiona:hover {
    padding-left: 10px;
    border-left: 3px solid #3ca0e7;
    transition: all 0.3s ease;
    box-shadow: 2px 2px #4fca82;
}




.cta {
    display: flex;
    padding: 5px;
    text-decoration: none;
    font-family: mulish;
    color: white;
    background: #272566;
    border-radius: 5px;
    transition: 1s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27%;
    height: 36px;
    z-index: 101;
    margin: 0 2px;
    box-shadow: 3px 3px 0 #4cd0c2;
}

.cta:focus {
    outline: none;
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 3px 3px 0 #4cd0c2;
    background: #272566;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover span:nth-child(2) {
    transition: 0.5s;

}

.cta span {
    /* transform: skewX(15deg); */
    font-size: 13px;
    margin-left: 5px;
}

.cta span:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    margin-left: 10px;
    position: relative;

}

/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
    width: 10px;
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
    width: 10px;
}

.cta path.three {
    animation: color_anim 1s infinite 0.2s;
    width: 10px;
}

.cta path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
    width: 10px;
}

.cta path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
    width: 10px;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }

    50% {
        fill: #FBC638;
    }

    100% {
        fill: white;
    }
}
@media screen and (min-width: 1200px) and (max-width: 4000px){
    .cta {
        width: 36%;
        height: 30px;
    }
}
@media screen and (min-width: 1px) and (max-width: 599px){
    .cta {
        width: 37%;
        height: 30px;
    }
}





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

.circle-mobile-placement-text-h2 {
    font-size: 15px;
    margin-top: 16px;
  }

.circle-mobile-placement-text-p {
  
  font-size: 14px;
 
}

.circle-mobile-grid-item-one,.circle-mobile-grid-item-two  {
  display: none;
}


.circle-mobile-grid-box {
  width: 100%;
}

.circle-mobile-grid-content {
  width: 97%;
}

.demo-form{height: 625px;}

.review-section {
    padding-top: 250px;
    
  }

 .my-carousel-indicators {
    margin-top: 0;
  }




}


.inner-box::before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: -11px;
  right: 40px;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.popular-tag::after {
  position: absolute;
  content: '';
  width: 14px;
  height: 16px;
  left: -13px;
  bottom: 0px;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.popular-tag::after {
  background: #4eccbe;
}

.popular-tag::before {
  position: absolute;
  content: '';
  width: 14px;
  height: 16px;
  left: -13px;
  top: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
}
.popular-tag::before {
  background: #4eccbe;
}

.popular-tag {
  position: absolute;
  top: 25px;
  right: -26px;
  font-size: 12px;
  line-height: 20px;
  font-family: nunito;
  font-weight: 800;
  color: #272566;
  padding: 5.5px 12px;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-90deg);
  border-radius: 0px 0px 7px 0;box-shadow: 3px 3px 1px #106264;
}
.popular-tag {
  background: #4cd0c2;
}

.inner-box::before {
  background: #4eccbe;
}

.cta2{
width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: white;
  text-decoration: none;}



#scrolerwalla{height: 550px;background-color: #edf8fa;display: flex;flex-direction: column;justify-content: space-evenly;}
@media screen and (min-width: 1px) and (max-width: 599px){#scrolerwalla{height: 350px;}}

.marquee {
  display: flex;
  block-size: var(--marquee-item-height);
  
  position: relative;
  overflow-x: hidden;
  
}

.marquee--12 {
  --marquee-item-width: 104px;
  --marquee-item-height: 110px;
  --marquee-duration: 20s;
  --marquee-items: 12;
  align-items: center;
}

.marquee__item {
  --marquee-item-offset: max(
    calc(var(--marquee-item-width) * var(--marquee-items)),
    calc(100% + var(--marquee-item-width))
  );
  --marquee-delay: calc(var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1);
  position: absolute;
  inset-inline-start: var(--marquee-item-offset);
  transform: translateX(-50%);
  animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite;
  box-shadow: rgb(39, 37, 102) 0px 0px 0px 2px, rgb(0, 125, 111) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.marquee__item:nth-child(4n) {
  border-top-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 1) {
  border-bottom-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 2) {
  border-bottom-left-radius: 1rem;
}

.marquee__item:nth-child(4n + 3) {
  border-top-left-radius: 1rem;
}

.marquee--12 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--12 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--12 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--12 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--12 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--12 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}

.marquee--12 .marquee__item:nth-of-type(7) {
  --marquee-item-index: 7;
}

.marquee--12 .marquee__item:nth-of-type(8) {
  --marquee-item-index: 8;
}

.marquee--12 .marquee__item:nth-of-type(9) {
  --marquee-item-index: 9;
}

.marquee--12 .marquee__item:nth-of-type(10) {
  --marquee-item-index: 10;
}

.marquee--12 .marquee__item:nth-of-type(11) {
  --marquee-item-index: 11;
}

.marquee--12 .marquee__item:nth-of-type(12) {
  --marquee-item-index: 12;
}

.marquee--3 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--3 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--3 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--6 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--6 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--6 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--6 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}

@keyframes go {
  to {  
    inset-inline-start: calc(var(--marquee-item-width) * -1);
  }
}

.stargreen{display: flex;flex-direction: row;margin: 20px 0 20px 0;}

#dede{
align-items: center;
  display: flex;
  margin-right: 20px;}

.text-\[\#20A898\] {
  --tw-text-opacity: 1;
  color: rgb(32 168 152/var(--tw-text-opacity));
  font-size:20px
}


.slider-info  a{text-decoration: none;}