/*
CTC Separate Stylesheet
Updated: 2024-10-01 13:43:58
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1727790238
*/
p {
    margin-block-end: 0;
}

/* HEADER POPUP */
.navmenubg {
    display: none;
}

/* END HEADER POPUP */



    /* footer */
.footerh3 span {
    color: #3331A8;
}
input.footerflds, textarea.footerflds {
    background: transparent;
    border: solid 1px;
    border-width: 0 0 1px;
    border-color: #8f8e8e;
    width: 35vw;
	overflow: hidden;
}

.footerflds::placeholder {
    color: #6f6f6f;
    font-family: 'Montserrat Arm', sans-serif;
    font-size: 1.111vw;
}
.footerbtn {
    margin-top: 2.083vw;
    font-family: 'Montserrat Arm', sans-serif;
    font-size: 1.111vw;
    line-height: 1.667vw;
    font-weight: 300;
    background: #3331A8;
    color: #ffffff;
    width: 100%;
    border-radius: 4px;
    border-width: 3px 3px 1px 1px;
	border-color: #3331A8;
}
.footerbtn:hover {
    background: transparent !important;
	color: #111111;
	font-weight: 500;
/* 	border-width: 3px 3px 1px 1px;
	border-color: #6fb148; */
}

.footerbtn:focus {
	background-color: #6fb148;
}

.footerbckgr {
    height: 67.708vw;
}

.footerform label {
    height: 3.333vw;
}

/* END FOOTER */




/* HERO SECTION */
/* HERO ANIMATION
@keyframes scrollUp {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-100%);
    }
}
@keyframes scrollUp2 {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-100%);
    }
}


.heroimage1 {
    animation: scrollUp 10s linear infinite;
    position: relative;
}

.heroimage2 {
    animation: scrollUp2 10s linear infinite;
    position: relative;
}
.heroimage3 {
    animation: scrollUp3 9.5s linear infinite;
    position: relative;
}
.heroimage4 {
    animation: scrollUp4 9.5s linear infinite;
    position: relative;
}

@keyframes scrollUp3 {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes scrollUp4 {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
END HERO ANIMATION */

/* END HERO */

/* HERO MOB SECTION */
@keyframes scrollUpmob1 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

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

.mobimage1 {
    /*overflow: hidden;*/
    animation: scrollUpmob1 10s linear infinite;
    position: relative;
}

.mobimage2 {
    /*overflow: hidden;*/
    animation: scrollUpmob2 10s linear infinite;
    position: relative;
}
.mobimage3 {
    /*overflow: hidden;*/
    animation: scrollUpmob3 9.5s linear infinite;
    position: relative;
}
.mobimage4 {
    /*overflow: hidden;*/
    animation: scrollUpmob4 9.5s linear infinite;
    position: relative;
}

@keyframes scrollUpmob3 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes scrollUpmob4 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

/* END HERO MOB */

/* HOMEPAGE */

#courseshome .coursecontainer .premium-blog-post-outer-container:nth-child(4n-2) .premium-blog-content-wrapper {
    background-color: #DDEDFE;
}
#courseshome .coursecontainer .premium-blog-post-outer-container:nth-child(4n-1) .premium-blog-content-wrapper {
    background-color: #FBE196;
}
#courseshome .coursecontainer .premium-blog-post-outer-container:nth-child(4n) .premium-blog-content-wrapper {
    background-color: #EEDEFC;
}
#courseshome .coursecontainer .premium-blog-post-outer-container:nth-child(4n+1) .premium-blog-content-wrapper {
    background-color: #E8F9DE;
}
#courseshome .fa-tags {
    display: none !important;
}
#courseshome .premium-blog-post-tags-container {
    margin-top: -1.5vw;
}
#courseshome .premium-blog-post-categories {
    opacity: 0;
    pointer-events: none;
}
#courseshome .premium-blog-post-tags-container a {
    pointer-events: none;
}


/*.box1, .box3 {*/
    /*animation: moveBoxes 10s ease-in-out  infinite;*/
/*}*/
/*.box2 {*/
    /*animation: moveMiddlebox 10s ease-in-out infinite;*/
/*}*/

/*@keyframes moveBoxes {*/
    /*0% {*/
        /*transform: translateY(0);*/
    /*}*/
    /*30% {*/
        /*transform: translateY(80px);*/
    /*}*/
    /*50% {*/
        /*transform: translateY(80px);*/
    /*}*/
    /*80% {*/
        /*transform: translateY(0);*/
    /*}*/
    /*100% {*/
        /*transform: translateY(0);*/
    /*}*/
/*}*/
/*@keyframes moveMiddlebox {*/
    /*0% {*/
        /*transform: translateY(80px);*/
    /*}*/
    /*30% {*/
        /*transform: translateY(0);*/
    /*}*/
    /*50% {*/
        /*transform: translateY(0);*/
    /*}*/
    /*80% {*/
        /*transform: translateY(80px);*/
    /*}*/
    /*100% {*/
        /*transform: translateY(80px);*/
    /*}*/
/*}*/

.samewdbtn a{
    width: 198px !important;
}

.corporateimg img {
    object-fit: cover;
}

/* .navimenus .hfe-nav-menu a:active {
    font-weight: 500 !important;
} */

/* ANIMATION */
.expandable-image {
    display: flex;
    position: relative;
    height: 37.083vw;
    /*overflow: hidden;*/
}
.left-container {
    width: 84vw;
    transition: width 1s ease, left 1s ease, transform 0s ease 1s;
    position: absolute;
    left: 8vw;
    top: 0;
    z-index: 1;
}
.right-container {
    opacity: 0;
    transition: opacity 1s ease;
}
.left-container img {
    width: 100%;
}
.expandable-image.animate .left-container {
    width: 42vw;
    transform: translateX(0);
    transition: width 1s ease, left 1s ease;
}
.expandable-image.animate .right-container {
    opacity: 1;
    transition-delay: 1s;
}
.expandable-image.animate .left-container {
    animation: setRelative 0s ease-in-out 1s forwards;
}
@keyframes setRelative {
    to {
        position: relative;
        left:0;
    }
}
/* END ANIMATION */


.premium-blog-wrap a.carousel-arrow {
    top: unset;
    bottom: 10px;
    right: 12px;
    border: 1px solid #111111;
}

a.carousel-arrow.carousel-prev {
    right: 68px;
    left: auto;
}

.relativecont {
    height: 44vw;
}
.btn1 .elementor-button-text{
    transition: font-weight 0.2s ease;
}
.btn2 .elementor-button-text {
    transition: font-weight 0.2s ease;
}
.btn1 .elementor-button:hover .elementor-button-text {
    font-weight: 500;
}
.btn2 .elementor-button:hover .elementor-button-text {
    font-weight: 500;
}
.greenh2 span {
    color: #3331A8;
}

/*.imgcont {*/
    /*position: absolute;*/
    /*top: 0vw;*/
    /*right: 0;*/
    /*transition: top 1s ease;*/
/*}*/
/*.imgcont img {*/
    /*width: 84vw;*/
    /*transition: width 0.95s ease;*/
/*}*/

.corporateimg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: width 0.95s ease;
}

.corporateimg img {
    width: 100%;
    height: 534px;
    transition: width 0.95s ease;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .cstformfield::placeholder {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    .normalp label {
        height: 40px;
    }
    .labelpdf {
        font-size: 14px !important;
        line-height: 21px !important;
    }


    .large-image {
        width: 78%;
        height: auto !important;
        justify-self: right;
    }
    .giftgallery {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .giftgallery .thumbs {
        flex-direction: column;
    }
    .giftgallery .thumbs img {
        width: 17.4vw;
        height: auto;
    }

    .footerbtn {
        margin-top: 48px;
        font-size: 16px;
        line-height: 24px;
        width: 43vw;
    }
    .footerform label {
        height: 5.2vw;
    }
    .footerflds::placeholder {
        font-size: 14px;
    }
    input.footerflds, textarea.footerflds {
        width: 43vw;
    }
    .videocont {
        height: 48vw;
    }
    .testimonialsh {
        height: 320px !important;
    }
}
.wpcf7-spinner {
    display: none;
}

.elementor-7 .elementor-element.coursecontainer .premium-blog-wrap .slick-slide {
     transition: transform 1000ms !important;
}

.navmenuclose {
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .cstformfield::placeholder {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .labelpdf {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .jobcls span, .jobcls p {
        font-size: 14px;
        line-height: 21px;
    }
    .csttitle {
        font-size: 14px;
        line-height: 21px;
    }
    .oneline {
        margin-top: 16px !important;
    }
    .giftclass1 .oneline button, .giftclass1 .oneline input {
        width: 33%;
        font-size: 12px;
        line-height: 18px;
    }
    .giftclass1 .oneline input::placeholder {
        font-size: 12px;
        line-height: 18px;
    }
    .giftformfield::placeholder {
        font-size: 12px;
        line-height: 18px;
    }
    .giftform form {
        width: 100% !important;
    }

    .giftgallery .thumbs .thumb {
        width: 24%;
        height: auto;
    }
    .giftgallery .large-image {
        height: auto;
    }
    .giftformfield::placeholder {
        font-size: 12px;
        line-height: 18px;
    }

    .jobscont .jobs-list {
        grid-template-columns: 100%;
        row-gap: 16px;
    }
    .job-item h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .job-item p, .job-item a {
        font-size: 12px;
        line-height: 18px;
    }
    .job-item {
        padding: 16px 16px 16px 16px;
    }

    #coursesid .progclass:after {
        background-size: 118px auto;
        width: 118px;
        height: 114px;
        bottom: 16px;
        right: 24px;
    }
    #coursesid .englclass:after {
        background-size: 118px auto;
        width: 118px;
        height: 114px;
        bottom: 16px;
        right: 16px;
    }


    #coursesid .coursecontainer .premium-blog-post-outer-container .premium-blog-content-wrapper {
        height: 250px;
    }
    .footerbtn {
        margin-top: 48px;
        font-size: 14px;
        line-height: 21px;
        width: 100%;
    }
    .footerform label {
        height: 9.2vw;
    }
    .footerflds::placeholder {
        font-size: 12px;
        line-height: 18px;
        color: #6f6f6f !important;
    }
    input.footerflds, textarea.footerflds {
        width: 100%;
    }
    .samewdbtn a{
        width: 156px !important;
    }
    .flexdsplay .elementor-image-box-wrapper {
        display: flex;
    }
    .flexdsplay .elementor-image-box-content {
        margin-left: 16px;
    }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
    .testimonialsh {
        height: 270px !important;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .testimonialsh {
        height: 215px !important;
    }
}

@media screen and (min-width: 768px) {
    /*.box1, .box3 {*/
        /*animation: moveBoxes 10s ease-in-out  infinite;*/
    /*}*/
    /*.box2 {*/
        /*animation: moveMiddlebox 10s ease-in-out infinite;*/
    /*}*/

    /*@keyframes moveBoxes {*/
        /*0% {*/
            /*transform: translateY(0);*/
        /*}*/
        /*30% {*/
            /*transform: translateY(80px);*/
        /*}*/
        /*50% {*/
            /*transform: translateY(80px);*/
        /*}*/
        /*80% {*/
            /*transform: translateY(0);*/
        /*}*/
        /*100% {*/
            /*transform: translateY(0);*/
        /*}*/
    /*}*/
    /*@keyframes moveMiddlebox {*/
        /*0% {*/
            /*transform: translateY(80px);*/
        /*}*/
        /*30% {*/
            /*transform: translateY(0);*/
        /*}*/
        /*50% {*/
            /*transform: translateY(0);*/
        /*}*/
        /*80% {*/
            /*transform: translateY(80px);*/
        /*}*/
        /*100% {*/
            /*transform: translateY(80px);*/
        /*}*/
    /*}*/
}
@media screen and (min-width: 1024px) {
    .imgcont {
        position: absolute;
        top: 0vw;
        right: 0;
        transition: top 1s ease;
    }
    .imgcont img {
        width: 84vw;
        transition: width 0.95s ease;
    }
    .headerfixh {
        height: 6vw;
    }
    .imgcont.animate2 {
        top: 13vw;
        z-index: 0 !important;
    }
    .imgcont.animate2 img {
        width: 73.8%;
    }
    .corporateimg.animate1 {
        width: 53%;
    }
    .e-n-tabs-heading {
        margin-left: 4.41vw;
    }
}
@media screen and (max-width: 1024px) {
    .job-item {
        padding: 24px 24px 24px 24px;
    }

    .job-item h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .job-item p {
        margin-top: 16px;s
        margin-bottom: 25px;
    }

    .jobs-list .divone {
        display: block;
    }
    .jobs-list h3 {
        margin: 0;
    }
    .footerform label {
        margin-bottom: 16px;
    }

    .footerbckgr {
        height: 69.7vw;
    }

    .imgcont {
        width: 100%;
    }
    .imgcont img {
        width: 100%;
        transition: width 0.95s ease;
    }
    .relativecont {
        height: auto !important;
    }
}

/* GIFT PAGE  */
.csttitle {
    font-family: "Montserrat Arm", sans-serif;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.02em;
    font-weight: 500;
    color: #000000;
}

.oneline {
    display: flex;
    margin-top: 1.111vw;
}
.oneline button, .oneline input, .oneline input::placeholder {
    width: 149px;
    font-family: "Montserrat Arm", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: center;
}
.oneline input::placeholder {
    text-align: left;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.oneline button {
    margin-right: 1.667vw;
}
.oneline button:hover {
    background-color: #3331A8;
}
.oneline button.active, .oneline button:focus {
    background-color: #3331A8;
    color: #ffffff;
}
.oneline button, .oneline input {
    border: 1px solid #3331A8;
    border-radius: 4px;
}
#custom-cost:focus::placeholder {
    color: transparent;
}
#costfield {
    display: none;
}
.giftformfield::placeholder {
    font-family: "Montserrat Arm", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #6f6f6f;
}
input.giftformfield {
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-color: #8f8e8e;
    /*width: 100%;*/
    padding-bottom: 12px;
}
.giftform form {
    width: 516px;
}
.giftform form label {
    width:100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    border: none;
    border-bottom: 1px solid;
    outline: none;
}
.giftform .wpcf7-form input {
    background-color: #f9f9f9;
}
.oneline input {
    background-color: #f9f9f9;
}

.giftform form.wpcf7-form p:has(.costfield) {
    height: 1px !important;
}
.giftbtn {
    color: #ffffff;
    font-family: "Montserrat Arm", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    background-color: #3331A8 !important;
    border-radius: 4px;
    border: solid 2px #3331A8;
    width: 100%;
    margin-top: 32px;
}

.giftbtn:hover {
    background-color: #fff;
    color: #111111;
    font-weight: 500;
}
/* END GIFT PAGE */

.giftimg1 {
    animation: scrollGift 15s linear infinite;
    position: relative;
}
.giftimg2 {
    animation: scrollGift2 15s linear infinite;
    position: relative;
}
.giftimg3 {
    animation: scrollGift3 15s linear infinite;
    position: relative;
}
.giftimg4 {
    animation: scrollGift4 14s linear infinite;
}
.giftimg5 {
    animation: scrollGift5 14s linear infinite;
}
.giftimg6 {
    animation: scrollGift6 14s linear infinite;
}
@keyframes scrollGift {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-200%);
    }
}
@keyframes scrollGift2 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-200%);
    }
}
@keyframes scrollGift3 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-200%);
    }
}
@keyframes scrollGift4 {
    0% {
        transform: translateY(-200%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes scrollGift5 {
    0% {
        transform: translateY(-200%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes scrollGift6 {
    0% {
        transform: translateY(-200%);
    }
    100% {
        transform: translateY(0);
    }
}


.slideline1, .slideline2, .slideline3 {
    cursor: pointer;
}
.testimonialsh {
    height: 22vw;
}
.coursesimg1 img, .coursesimg2 img, .coursesimg3 img, .coursesimg4 img {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*
.coursesimg1 {
    animation: cimg1 1.5s infinite;
}
.coursesimg2 {
    animation: cimg2 1.5s infinite;
}
.coursesimg3 {
    animation: cimg3 1.5s infinite;
}
.coursesimg4 {
    animation: cimg4 1.5s infinite ;
}

@keyframes cimg1 {
    0%, 25% {
        opacity: 1;
    }
    25.05%, 100% {
        opacity: 0;
    }
}
@keyframes cimg2 {
    0%, 25% {
        opacity: 0;
    }
    25.05%, 50% {
        opacity: 1;
    }
    50.05%, 100% {
        opacity: 0;
    }
}
@keyframes cimg3 {
    0%, 50% {
        opacity: 0;
    }
    50.05%, 75% {
        opacity: 1;
    }
    75.05%, 100% {
        opacity: 0;
    }
}
@keyframes cimg4 {
    0%, 75% {
        opacity: 0;
    }
    75.05%, 100% {
        opacity: 1;
    }
}
*/

/* CONTACT PAGE */
.greentitle span {
    color: #3331A8;
}
.corppadding ul {
    padding-left: 1.667vw;
}
 /* END CONTACT PAGE */

/* CORPORATE LESSONS */
.runningline1, .runningline2 {
    flex: 0 0 auto !important;
}
.noheight {
    height: 0;
}
/*
.runningline1 {
    animation: corpline1 15s linear infinite;
}
.runningline2 {
    animation: corpline2 15s linear infinite;
}
@keyframes corpline1 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes corpline2 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
*/

#hth1, #hth2, #hth3, #hth4, #hth5 {
    background: #ffffff;
}
#testtransition {
    transition: all 2s linear;
}
.nmbspan {
    font-size: 2.778vw;
    line-height: 4.17vw;
    font-weight: 500;
}
.answercls p, .nmbspan p {
    margin-block-end: 0;
}
#hth2 .nmbspan {
    color: #E8F9DE;
}
#hth3 .nmbspan {
    color: #FBE196;
}
#hth4 .nmbspan {
    color: #DDEDFE;
}
#hth5 .nmbspan {
    color: #E8F9DE;
}
/* END CORPORATE LESSONS */


/* COURSE PAGE */
.skillsclass .elementor-widget-container {
    display: grid;
    grid-template-columns: 26.25vw 26.25vw 26.25vw;
    justify-content: space-between;
}
.skillsclass p {
	display: none;
}
.supportclass .elementor-widget-container {
    display: block;
}
.support-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1.667vw;
    text-align: left;
}
.support-item:before {
    content: "";
    background-image: url('https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/10/Icon.svg');
    background-size: 1.667vw auto;
    width: 1.667vw;
    height: 1.667vw;
    vertical-align: middle;
    padding-right: 2.29vw;
    background-repeat: no-repeat;
}

.skill-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2.222vw;
    background: #ffffff;
    height: 5vw;
    border-radius: 4px;
    padding-left: 1.66vw;
}
.skill-item:before {
    content: "";
    background-image: url('https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/10/Icon.svg');
    background-size: 1.667vw auto;
    width: 1.667vw;
    height: 1.667vw;
    margin-right: 0.555vw;
    vertical-align: middle;
}

.textleft h5, .textleft p {
    text-align: left;
}

.wpr-img-accordion-item-description {
    width: 40%;
    display: block !important;
}

h2.wpr-img-accordion-item-title, .wpr-img-accordion-item-description p {
    text-align: left !important;
}
div.wpr-cv-inner {
    vertical-align: top !important;
    padding-top: 1.38vw;
    padding-left: 2.7vw;
}
.elementor-repeater-item-f378c07 {
    background-color: #DDEDFE;
    border-radius: 4px !important;
}
.elementor-repeater-item-8b36400 {
    background-color: #EEDEFC;
    border-radius: 4px !important;
}
.elementor-repeater-item-b95d0d8 {
    background-color: #FBE196;
    border-radius: 4px !important;
}
/* END COURSE PAGE */




/* COURSES PAGE */
#coursesid .coursecontainer .premium-blog-post-outer-container:nth-child(4n-2) .premium-blog-content-wrapper {
    background-color: #DDEDFE;
}
#coursesid .coursecontainer .premium-blog-post-outer-container:nth-child(4n-1) .premium-blog-content-wrapper {
    background-color: #FBE196;
}
#coursesid .coursecontainer .premium-blog-post-outer-container:nth-child(4n) .premium-blog-content-wrapper {
    background-color: #EEDEFC;
 }
#coursesid .coursecontainer .premium-blog-post-outer-container:nth-child(4n+1) .premium-blog-content-wrapper {
     background-color: #E8F9DE;
 }
#coursesid .fa-tags {
    display: none !important;
}
#coursesid .premium-blog-post-tags-container {
    margin-top: -1.5vw;
}
#coursesid .premium-blog-post-categories {
    opacity: 0;
    pointer-events: none;
}
#coursesid .premium-blog-post-tags-container a {
    pointer-events: none;
}
.progclass, .englclass {
    position: relative;
}
.progclass:after {
    content: "";
    background-image: url('https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/10/HTML-1.png');
    background-size: 12vw auto;
    background-repeat: no-repeat;
    width: 12vw;
    height: 11.8vw;
    position: absolute;
    bottom: 0.25vw;
    right: 2.25vw;
}
.englclass:after {
    content: "";
    background-image: url('https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/11/united-kingdom-flag-white-background-1.png');
    background-size: 12vw auto;
    background-repeat: no-repeat;
    width: 12vw;
    height: 11.8vw;
    position: absolute;
    bottom: 1.25vw;
    right: 1.25vw;
}
.premium-blog-post-container {
    overflow: hidden;
    position: relative;
}
#gifid .premium-blog-post-outer-container:hover .premium-blog-post-container:after {
    content: "";
    background-image: url('https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/11/confused-confused-face.gif');
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.premium-blog-content-wrapper {
    height: 22.3vw;
}
/* END COURSES PAGE */



/* CAREER PAGE */
.careerimg1,
.careerimg2,
.careerimg3,
.careerimg4,
.careerimg5 {
	opacity: 0;
}
.careerimg1.startanm { animation: careerimg 1s ease-out 600ms both; will-change: transform, opacity; }
.careerimg2.startanm { animation: careerimg 1s ease-out 800ms both; will-change: transform, opacity; }
.careerimg3.startanm { animation: careerimg 1s ease-out 1s   both; will-change: transform, opacity; }
.careerimg4.startanm { animation: careerimg 1s ease-out 1200ms both; will-change: transform, opacity; }
.careerimg5.startanm { animation: careerimg 1s ease-out 1400ms both; will-change: transform, opacity; }

@keyframes careerimg {
  from { transform: translateY(200px); opacity: 0; }
  to   { transform: translateY(0);      opacity: 1; }
}


.jobs-list {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
    row-gap: 2vw;
}
.job-item {
    border-radius: 4px;
    font-family: 'Montserrat Arm', sans-serif;
    color: #111111;
    padding: 24px 24px 32px 24px;
}

.job-item h3 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.job-item p, .job-item a {
    font-size: 14px;
    align-self: center;
    line-height: 21px;
    color: #111111;
    font-weight: 300;
    align-content: end;
}
.job-item a {
    padding: 9.5px 17.5px;
    border: 2px solid #3331A8;
    border-radius: 4px;
}

.job-item span {
    font-weight: 400;
}

.divone {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.jobs-list .job-item:nth-child(4n-2) {
    background-color: #EEDEFC;
}

.jobs-list .job-item:nth-child(4n-1) {
    background-color: #E8F9DE;
}

.jobs-list .job-item:nth-child(4n) {
    background-color: #DDEDFE;
}

.jobs-list .job-item:nth-child(4n+1) {
    background-color: #FBE196;
}

.jobdetails .elementor-widget-container span {
    font-weight: 500;
}

.respons-item:before, .qual-item:before {
    content: "";
    background-image: url('https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/11/bullet-point.svg');
    background-size: 1.667vw auto;
    display: inline-block;
    width: 1.667vw;
    height: 1.667vw;
    vertical-align: middle;
}


/* END CAREER PAGE */


/* FORMS */
.normalp .wpcf7 p {
    margin-block-end: 0;
}
.wpcf7-response-output {
    display:none;
}
input.cstformfield, .labelpdf {
    background: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-color: #8f8e8e;
    border-style: solid;
}
.cstformfield::placeholder {
    color: #6f6f6f;
    font-family: 'Montserrat Arm', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
.labelpdf {
    padding-bottom: 8px;
    color: #6f6f6f;
    font-family: 'Montserrat Arm', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    display: flex;
    align-items: end;
    padding-left: 16px;
    cursor: pointer;
    position: relative;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
}

.labelpdf:after {
    content: "";
    background-image: url("https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/11/upload.svg");
    background-size: 24px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    position: absolute;
    right: 12px;
    bottom: 8px;
}
/*.labelpdf input {*/
    /*display: none;*/
/*}*/

.uploadclass {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*.labelpdf .wpcf7-form-control-wrap:after {*/
    /*content: "No file chosen";*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*right: 24px;*/
    /*width: max-content;*/
    /*color: #555;*/
    /*font-size: 12px;*/
    /*padding-left: 10px;*/
/*}*/

.closingclass, .closingclass2, .closingclass4, .closingclass8, .openButton2, .applybtn {
    cursor: pointer;
}
.cstbtnclass {
    color: #ffffff;
    font-family: 'Montserrat Arm', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    width: 100%;
    height: 48px;
    background-color: #3331A8;
    margin-top: 30px;
    border-radius: 4px;
    border: none;
}
.cstbtnclass:hover {
    background-color: transparent;
    color: #111111;
    border: 1px solid #111111;
    border-radius: 4px;
    font-weight: 500;
}
.cstbtnclass:focus {
    background-color: #3331A8;
}

p:has(label.lessheight) {
    height: 1px;
}

#sgpb-popup-dialog-main-div {
    background-color: transparent !important;
}
#sgpb-popup-dialog-main-div-wrapper .sgpb-popup-dialog-main-div-theme-wrapper-1 {
    top: -7px !important;
    left: -7px !important;
}

.sgpb-theme-1-overlay {
    background: none;
    background-color: rgb(51, 51, 51, 0.2) !important;
    backdrop-filter: blur(10px);
}

.normalp label {
    height: 56px;
}

.popupimg1 {
    animation: pimg1 5s infinite;
}
.popupimg2 {
    animation: pimg2 5s infinite;
}
.popupimg3 {
    animation: pimg3 5s infinite;
}
.popupimg4 {
    animation: pimg4 5s infinite ;
}
.popupimg5 {
    animation: pimg5 5s infinite;
}
.popupimg6 {
    animation: pimg6 5s infinite;
}

@keyframes pimg1 {
    0%, 16% {
        opacity: 1;
    }
    16.05%, 100% {
        opacity: 0;
    }
}
@keyframes pimg2 {
    0%, 16% {
        opacity: 0;
    }
    16.05%, 33% {
        opacity: 1;
    }
    33.05%, 100% {
        opacity: 0;
    }
}
@keyframes pimg3 {
    0%, 33% {
        opacity: 0;
    }
    33.05%, 50% {
        opacity: 1;
    }
    50.05%, 100% {
        opacity: 0;
    }
}
@keyframes pimg4 {
    0%, 50% {
        opacity: 0;
    }
    50.05%, 66% {
        opacity: 1;
    }
    66.05%, 100% {
        opacity: 0;
    }
}
@keyframes pimg5 {
    0%, 66% {
        opacity: 0;
    }
    66.05%, 83% {
        opacity: 1;
    }
    83.05%, 100% {
        opacity: 0;
    }
}
@keyframes pimg6 {
    0%, 83% {
        opacity: 0;
    }
    83.05%, 100% {
        opacity: 1;
    }
}

.swal-title {
    display: none;
}
.swal-text {
    font-family: 'Montserrat Arm', sans-serif;
    font-size: 1.94vw;
    font-weight: 500;
    line-height: 2.92vw;
    color: #111111;
    text-transform: uppercase;
    text-align: center;
}
.swal-button-container {
    display: none;
}
.swal-icon--success__ring {
    border: none;
}
.swal-modal {
    width: 75vw !important;
    padding-top: 13vw;
    padding-bottom: 13vw;
    z-index: 9999;
}
.swal-modal:after {
    content: "";
    background-image: url("https://dev-academy.elitedevsquad.com/wp-content/uploads/2024/11/Close.svg");
    background-size: 32px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    position: absolute;
    right: 12px;
    top: 8px;
}

.aftersbmpopup {
    display: none;
}

/* END FORMS*/
.jobcls span, .jobcls p {
    font-family: 'Montserrat Arm', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #111111;
    letter-spacing: 0.02em;
}
.jobcls p {
    font-weight: 300;
}


/* 1024 TO 1440 */
@media screen and (min-width: 1025px) and (max-width: 1439px) {
    .imgcont.animate2 img {
        width: 58vw !important;
    }
    .corporateimg img {
        height: 39vw;
    }


    /*132 - 120 px*/
    .containercls {
        padding-right: 8.3vw;
        padding-left: 8.3vw;
    }

    /* 40 - 60 px */
    .headingclsh1 h1, .headingclsh1 h3 {
        font-size: 2.7vw !important;
        line-height: 4.1vw !important;
    }

    /* 28 - 42 px */
    .headingcls h3, .headingcls h1 {
        font-size: 1.94vw !important;
        line-height: 2.91vw !important;
    }

    /* 32 - 48 px */
    .headingcls2 h1, .headingcls2 h3 {
        font-size: 2.222vw;
        line-height: 3.333vw;
    }

    /* 16 - 24 px*/
    .pcls p,
    .samewdbtn span.elementor-button-text,
    .pclsspan span,
    .pcls .e-n-tabs-heading span,
    .pcls span.elementor-button-text,
    .navimenus .hfe-nav-menu a.hfe-menu-item {
        font-size: 1.11vw;
        line-height: 1.66vw;
    }

/*     .hdrlogoimg .hfe-site-logo .hfe-site-logo-container img {
        width: 14.8vw !important;
    } */


    /* 14 - 21 px */
    .pcls2 li, .pclsmix .elementor-image-box-description, .pclstestim .elementor-image-box-content p {
        font-size: 0.97vw !important;
        line-height: 1.46vw !important;
    }

    /* 18 - 27 px */
    .pcls3 p, .pclsmix .elementor-image-box-title, .pclstestim .elementor-image-box-content h5 {
        font-size: 1.25vw !important;
        line-height: 1.875vw !important;
    }

    /* 18 - 24 px */
    .pcls4 div.e-n-accordion-item-title-text {
        font-size: 1.25vw !important;
        line-height: 1.66vw !important;
    }

    /*198px*/
    .samewdbtn a{
        width: 13.75vw !important;
    }
    .csttitle {
        font-size: 1.25vw;
        line-height: 1.875vw;
    }
    .oneline button, .oneline input, .oneline input::placeholder {
        width: 10.34vw;
        font-size: 1.1vw;
        line-height: 1.667vw;
    }
    .giftform form {
        width: 35.8vw;
    }
    .thumbs .thumb {
        height: 7.165vw !important;
    }
    .large-image {
        height: 29.84vw !important;
    }
    .giftformfield::placeholder {
        font-size: 1.111vw;
        line-height: 1.667vw;
    }
    .giftbtn {
        font-size: 1.111vw;
        line-height: 1.667vw;
        border-radius: 4px;
        margin-top: 1.39vw;
    }
    .job-item h3 {
        font-size: 1.25vw;
        line-height: 1.875vw;
    }
    .job-item p, .job-item a {
        font-size: 0.972vw;
        line-height: 1.45vw;
    }
    .job-item a {
        padding: 0.66vw 1.21vw;
    }
    .job-item {
        padding: 1.667vw 1.667vw 2.222vw 1.667vw;
    }
}
