section#quoted-textsec {
    background-color: #EAEAEA;
    padding: 64px 108px;
    text-align: center;
    line-height: 30px;
}
#quoted-textsec span.quote-icon {
    font-size: 70px;
    color: #F357F6;
    margin-right: 10px;
}
#quoted-textsec span.quote-text {
    color: #2F2960;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
}
.download-box svg.svg-inline--fa.fa-envelope {
    color: #fff;
    margin-right: 14px;
}
.success-story-section {
    padding: 70px 20px;
    background-color: #fff;
}

.story-detcontainer {
    max-width: 1200px;
    margin: 0 auto;
}
.story-detcontainer .story-content h2 {
    font-size: 32px;
}
.social-icons a:hover {
    color: #EF7C31;
}
.story-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.story-left h3 {
    font-size: 22px;
    color: #2e2e8d;
    margin-bottom: 8px;
}

.story-content {
    font-size: 16px;
    color: #2F2960;
    margin-bottom: 30px;
}
.story-detcontainer .story-content p {
    font-weight: 300 !important;
}
.download-box {
    background-color: #2F2960;
    padding: 30px;
    border-radius: 15px;
    color: #fff;
}

.download-box h4 {
    font-size: 23px;
    margin-bottom: 20px;
    color: #EF7C31;
    font-weight: 300 !important;
}

.orange-text {
    color: #f47721;
}

button.download-btn:hover {
    background-color: #fff;
    color: #000;
}
.card h3{
    height: 100px;
}
.download-box form input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
     width: 100%;
    margin-bottom: 35px;
    padding: 10px;
    font-size: 14px;
    color:#fff;
}
.download-box input::placeholder {
    color: #fff;
}
.download-btn {
    background-color: transparent;
    color: #fff;
    padding: 17px 20px;
    border: 1px solid #fff;
    font-weight: 300;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
}

.note {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 400 !important;
}

.social-icons {
    margin-top: 9%;
}
.social-icons h4 {
    font-size: 16px;
    color: #fff;
}
.social-icons a {
    color: #fff;
    margin-right: 15px;
    font-size: 20px;
}

.successstopagination {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  clear: both;
}
.successstopagination a,
.successstopagination span {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 14px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.successstopagination a:hover {
  background-color: #0073aa;
  color: #fff;
  border-color: #0073aa;
}
.successstopagination .current {
  background-color: #0073aa;
  color: #fff;
  border-color: #0073aa;
  font-weight: bold;
}
.filter-container input#searchInput {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.invalid-email {
    border-color: red !important;
}

/* Career Page Css */


.Careerbanner h1 {
    color: #fff;
    margin-top: 20px !important;
}
.Careerbanner div#slick-slide01 h1 {
    color: #2F2960;
}
h2.titlehead {
        font-size: 48px;
    margin-bottom: 40px;
}
.careersection2 .mobile{
	display:none !important;
}
.careersection2 .bckimg{
    padding: 48px;
    border-radius: 16px;
}
.career-sec2-wrap .content-text {
    margin-bottom: 40px;
}
.bckimg2 .career-sec2-wrap .content-text h3{
	color:#fff;
	opacity:0.9;
}
.careersection2 .bckimg1{
	background-color:#DAE5F8;
	width:48%;
	opacity:0.9;
}
.careersection2 .bckimg2{
	background-color:#EF7C31;
	width:48%;
	opacity:0.9;
}
.bckimg2 .cta1{
	color:#fff;
	border-color:#fff;
}
.bckimg2 .cta1:hover{
	border-color:#EF7C31;
}
section#career-sec3 .career-sec3-img {
    margin-right: 50px;
}
section#career-sec3 img.img_width {
    width: 100%;
}
.career-sec3-content p {
    font-size: 18px;
    color: #2F2960;
}
section#career-sec3 img.img_width {
    width: 100%;
/*     height: 450px; */
}
section#home-sec5 {
    background-color: #ffffff !important;
    padding: 80px 0;
}
.career_section4 .home-sec5-content{
    color:#2F2960;
}
.learning-development-section h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}
section#Career_sec5 h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    width: 55%;
}
.learning-development-section .section-description p {
    font-size: 18px;
}

.learning-development-section .card-content h4 {
    font-size: 20px;
    font-weight: 600;
}

.learning-development-section .card-description p {
    font-size: 14px;
}
section#Career_sec5 .card-content {
    text-align: left;
}
section#Career_sec5 .card-content h4 {
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    height: 62px;
}
.learning-development-section .card-description p {
    font-size: 16px;
}
#Career_sec6 {
    background: #EDEDED;
    padding: 80px 0;
    margin: 0 !IMPORTANT;
    margin-bottom: 0 !important;
}

.meeting-wrap {
    text-align: left;
    
}

.meeting-wrap h2 {
    font-size: 36px;
    font-weight: 700;
    color: #2c2c2c;
}

.meeting-wrap h2 {
    font-size: 48px;
    color: #2F2960;
}

/* Slider styling */
p.subheaddrew {
    color: #2F2960;
    font-size: 16px;
    width: 65%;
}

.career_reward_slider .reward-slide {
    padding: 15px;
}
/* Title + Arrow (always visible) */
.reward-static {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 8px 10px;
}

.rewcont{
    width: 91.5vw;
    margin-left: auto;
    margin-top: 2%;
    margin-right: auto;
}
.reward-title {
    font-size: 26px;
    margin: 0;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #fff;
    padding: 8px 20px;
}

.reward-overlay .reward-title {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between; /* This will push arrow to right */
    align-items: flex-start;
    color: #fff;
    padding: 8px 20px;
}
.reward-title .arrow {
    margin-left: 8px;
    font-size: 16px;
}
.reward-image-wrap {
    position: relative;
    overflow: hidden;
	height: 380px;
}

.reward-image-wrap img {
    width: 100%;
    height: 380px;
    display: block;
}

/* Overlay */
.reward-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2F2960;
    color: #fff;
    opacity: 0;
    transition: opacity 0.4s ease;
    padding: 20px;
    border-radius: 20px;
}

.reward-title .arrow {
    display: inline-block;
    margin-left: 8px;
    font-size: 20px;
    transition: transform 0.3s ease;
}

.reward-overlay .reward-description {
    font-size: 18px;
    line-height: 1.4;
    padding:90px 0;
}

/* On hover: show overlay + description */
.reward-image-wrap:hover .reward-overlay {
    opacity: 1;
}
.reward-image-wrap:hover .reward-description {
    display: block;
}
.reward-image-wrap:hover .reward-title .arrow {
    transform: rotate(180deg);
}
div#slick-slide31 h1 {
    color: #2F2960;
}
section#Career_sec7 .cust-slider-wrap{
    padding:80px 0 0 0;
    height:auto;
}

section#Career_sec7 {
    margin-top: 0;
}

section#Career_sec7 .cust-title-wrap h2{
    font-size:48px;
}
section#Career_sec7 .cust-content-wrap p {
    font-size: 18px;
    font-weight: 300 !important;
    color: #2F2960;
    font-family:HelveticaNeueLTStd45Light !important;
}
section#Career_sec7 .col-md-5.col-sm-5.col-12 {
    margin-top: -100px;
}
section.careersection8 {
    background-color: #EDEDED;
    padding: 80px 0;
	margin-bottom: 5%;
}
.careersection8 .col-md-6.col-sm-12.leftdivv .content-text {
    width: 61%;
}
.careersection8 .col-md-6.col-sm-12.leftdivv h2 {
    width: 49%;
}
h4.lastline {
    margin-top: 25px;
    font-size: 32px;
    color: #8C33C1;
}
.rightsidd .wpcf7-submit.has-spinner.cta1 {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 25px;
    padding: 11px 16px 8px 20px;
    font-size: 16px;
    background-color: transparent;
    vertical-align: middle;
    display: flex;
    width: fit-content;
    align-items: center;
    font-family: 'HelveticaNeueLTStd45Light';
}

.rightsidd .wpcf7-submit.has-spinner.cta1::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin-left: 14px;
    background: url(/wp-content/uploads/2025/04/icn_btn_triangle_gradient.svg) 0 0 no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    transition: all 0.3s ease-in-out;
    margin-top: -4px;
}
.rightsidd .contact-info {
    display: flex
;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
    justify-content: start;
}
.rightsidd .contact-info i {
    margin-right: 10px;
    color: #fff;
    font-size:15px;
}
.rightsidd .contact-info span {
    font-size: 15px;
    margin-right: 10px;
    color: #fff;
    font-weight: 300;
    text-decoration: underline;

}
h3.rightheaddi {
    color: #EF7C31;
    font-size: 32px;
}


/* Responsive */
@media (max-width: 768px) {
    .loc-container {
        padding: 0 20px;
    }
    .meeting-wrap h2 {
        font-size: 28px;
    }
    
}

@media(max-width: 520px) and (min-width: 240px){
    
    .magesec6 .reward-image-wrap{
        padding:0 !important;
}
.magesec6 .loc-container.rewcont{
    padding:0 !important;
}
.magesec22 {
    margin: 0 0;
}
.magesec22 .hom-sec2-title h2 {
    font-size: 25px !important;
}
 .thirdsecc{
     padding:100px 0 !important;
 }
}
 
 @media(max-width: 768px) and (min-width: 240px){
    .success_slide.success_slide-2.single-blog{
        height:40vh;
    }
    .magesec22 .hom-sec2-title {
    width: 100%;
    
}
	 .reward-image-wrap:hover .reward-overlay{
		 overflow: scroll;
	 }
.magesec22 .hom-sec2-content {
    width: 100%;
}
.magesuccess-sec .blog-inner.col-lg-6.col-md-6.col-sm-12 {
    width: 100% !important;
    margin: auto;
    padding: 0;
    margin-bottom: 30px;
}
.magesec888-left {
    max-width: 100% !important;
}

    .single-blog h1{
        font-size:24px!important;
		line-height:30px!important;
    }
    .successsto {
    padding: 0;
}
.job-detail-page-title {
    font-size: 30px !important;
}
.job-detail-page-sidebar {
    margin-top: 40px;
}

.job-detail-page-container{
    display:block !important;
}
.job-detail-page-title{
    font-size:30px;
}
section#Career_sec7 .mobile .col-md-5.col-sm-5.col-12 {
    margin-top: 0;
}

.careersection8 .col-md-6.col-sm-12.leftdivv h2 {
    width: 100%;
}



.careersection8 .col-md-6.col-sm-12.leftdivv .content-text {
width:100%;
}
section#Career_sec7 .cust-slider-wrap {
    padding: 50px 0;
}
    #quoted-textsec span.quote-text{
        font-size: 15px;
    }
    #quoted-textsec span.quote-icon {
    font-size: 45px;
        margin-right:0;
    }
    section#quoted-textsec{
            padding: 20px;
    }
    .story-grid{
            grid-template-columns: none;
    }
    .success-story-section{
        padding:30px 20px;
    }
    #h-sec5 h2{
        font-size:29px !important;
        
    }
    .careerbreda{
        padding: 29px 0 25px !important;
    }
    .careersection2 h2.titlehead {
    margin-bottom: 20px;
    font-size: 30px !important;
}
.career-sec3-img {
    margin: 0 !important;
    margin-bottom: 30px !important;
}
.career-sec3-img img {
    height: 100% !important;
}

section#home-sec5 {
    padding: 45px 0;
}
section#home-sec5 h2.titlehead {
    font-size: 30px !important;
    color: #2F2960;
    margin-bottom: 20px;
}
section#Career_sec5 h2{
    width:100%;
}
section#Career_sec6 {
    padding: 50px 0;
}
section#Career_sec6 p.subheaddrew {
    width: 100%;
    margin-bottom: 0;
}
.career_reward_list .reward-image-wrap {
    margin-bottom: 20px;
}
section#Career_sec5 .card-content h4 {
    font-size: 21px;
    height: 45px;
}
.learning-development-section {
    padding: 45px 0;
}
.learning-development-section .card-content img {
    width: 80px !important;
    height: 80px ! IMPORTANT;
}
.home-sec5-content {
    font-size: 16px;
}
.bckimg {
    padding: 25px !important;
	width:100% !important;
}
	 .careersection2 .desktop{
		 flex-direction:column;
	 }
	 .bckimg2{
		 margin-top:30px;
	 }
	 .careersection2 .mobile{
		 display:none !important;
	 }
}

@media(max-width: 1024px) and (min-width: 768px){
    .card.successstocard {
        width: 290px !important;
    }
    section#Career_sec5 h2{
        width:100%;
    }
    .careersection8 .col-md-6.col-sm-12.leftdivv .content-text {
    width: 100%;
}
.careersection8 .col-md-6.col-sm-12.leftdivv h2 {
    width: 100%;
}
.magesec6 .reward-image-wrap {
    height: 365px !important;
    padding:0 !important;
}
h4.advantage-title {
    color: #fff;
    font-size: 19px !Important;
}
    

section#Career_sec7 .col-md-5.col-sm-5.col-12 {
margin-top:0;
}
}

@media(max-width: 1200px) and (min-width: 1025px){
    .card.successstocard {
        width: 240px !important;
    }
      .careersection8 .col-md-6.col-sm-12.leftdivv .content-text {
    width: 100%;
}
.magesec6 .reward-image-wrap{
        padding:0 !important;
    }
.careersection8 .col-md-6.col-sm-12.leftdivv h2 {
    width: 100%;
}
}
@media(max-width: 1458px) and (min-width: 1301px){
    .card.successstocard {
    width: 32%;
}
}



/* Single Job Details Page Css */
.job-detail-page-container {
  max-width: 1165px;
  padding: 20px;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  font-family: 'Segoe UI', sans-serif;
}
.job-detail-page-main {
  flex: 2;
}
.job-detail-page-sidebar {
  flex: 1;
}
.job-detail-page-title {
  font-size: 40px;
    color: #2F2960;
    text-align: left;
}
h3.job-descfhhf {
    font-size: 24px;
    font-weight: 500;
}
.job-detail-page-meta {
  margin: 18px 0 33px;
    color: #2F2960;
    font-size: 17px;
}
.job-detail-page-description {
    line-height: 1.7;
    color: #2F2960;
    font-size: 17px;
    margin-bottom: 50px;
}
.job-detail-page-box {
  margin-bottom: 25px;
  padding: 30px;
  border-radius: 6px;
  color: #fff;
}
.job-detail-page-similar {
  background-color: #3C247C;
}
.job-detail-page-similar a {
  display: block;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 10px;
    line-height: 2;
}
.job-detail-page-culture {
      background-image: url(https://devuatnew.com/wp-content/uploads/2025/05/singlebggg.png);
      background-size: cover;
    background-repeat: no-repeat;
}
.job-detail-page-similar a:hover {
    color: #EF7C31;
}
.job-detail-page-culture ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.job-detail-page-culture ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.job-detail-page-culture ul li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* for solid icons */
  content: "\f0da"; /* Unicode for fa-caret-right */
  position: absolute;
  left: 0;
  top: 0;
  color: #fff; /* or any color you want */
}

h4.simdiv {
    font-size: 21px;
    color: #EF7C31;
}


/* Mage Page Css */

.mage-slideheading h1 {
    color: #2F2960;
}
.thirdsecc {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    vertical-align: middle;
    padding: 160px 0px;
}

.mega-sec h2.titlehead {
    text-align: center;
    margin: 0;
        color: #2F2960;
    font-size: 40px;

}


h4.advantage-title {
    color: #fff;
    font-size: 24px;
}
.advantage-description {
    font-size: 16px;
    color: #fff;
}
.advantage-static {
    padding: 20px;
}
.magesec6 .reward-image-wrap:hover .advantage-title {
    color: #F357F6;
}
.magesec6 .loc-container.rewcont {
    width: 100% !important;
}
.magesec6 {
    background-color: #fff !important;
}
.magesec6 .reward-image-wrap {
    height: 300px;
    background-color: #2F2960;
    border-radius: 16px;
    padding: 15px;
	border: 2px solid transparent;
}
.magesec6 .reward-image-wrap:hover {
	border: 2px solid #F357F6;
}
.magesec6 h2 {
    font-weight: 300;
    font-size: 48px;
}
.magesec444 h2.titlehead {
    margin-bottom: 0;
}
.magesuccess-blog ul.slick-dots {
    text-align: center;
    margin: auto;
    display: block;
    width: 50%;
    margin-top:60px;
}
.magesuccess-blog .slick-dots li.slick-active button:before{
      color: orange;
    }
	.magesuccess-blog ul.slick-dots li {
    list-style: none;
    display: contents;
}
	.magesuccess-blog .slick-dots li button:before{
      color: #2d2d80;
      font-size: 12px;
    }
    .magesuccess-blog ul.slick-dots li button{
        content: none;
    border-radius: 50%;
    background: #fff;
    padding: 2px 6px;
    line-height: 8px;
    margin-right: 15px;
    text-indent: -9999px;
    }
    .magesuccess-blog ul.slick-dots li.slick-active button{
    background: #2F2960;
    color: #2F2960;
}
section.magesuccess-sec {
    padding: 80px 0;
    background-color: #EAEAEA;
}
.magesuccess-blog .blog-inner h3.font-medium {
    font-size: 23px;
    min-height: 120px !important;
}
.magesuccess-blog .slick-track {
    display: flex;
}
.magesuccess-blog .blog-img img {
    width: 100%;
}
.magesuccess-blog .blog-inner {
    width: 95% !important;
    margin: auto 20px;
    background-color: #fff;
    border-radius: 16px;
	padding: 0;
}
.magesuccess-blog .blog-cont {
    padding: 30px;
}
span.successmage-taxonomy a{
    color: #EF7C31;
    line-height: 2;
}

h2.succheading {
    font-size: 48px;
    margin-bottom:30px;
}
section.magesuccess-sec.our_insi {
    padding: 60px 0;
	margin-bottom: 5%; 
}




.magesec888 {
    position: relative;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 80px;
}

.magesec888-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    min-height: 400px;
}

.magesec888-left {
    max-width: 50%;
    z-index: 2;
}

.magesec888-contact {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.magesec888-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.magesec888-link {
    color: #fff;
    text-decoration: underline;
    font-weight: 500;
}

.magesec888-extra {
    margin-top: 20px;
    font-weight: bold;
}

.magesec888-rightimg {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 50%;
}
h2.lastsecpara {
    color: #F357F6;
    font-size: 32px;
}
p.extheaa {
    font-size: 25px;
    margin-bottom: 0;
}

.lefticonn {
    font-size: 26px;
}
a.magesec888-link:hover {
    color: #F357F6;
}
.righconttt {
    margin-left: 20px;
}
.magesec22 {
    margin: 50px 0;
}
.magesec22 p {
    font-size: 18px;
}
.mega-sec h2.maintitlehead {
    margin-bottom: 30px;
}
.advantage-description p{
	overflow-y: scroll;
    height: 25vh;
}
.advantage-description p::-webkit-scrollbar { 
    display: none;  /* Older Safari and Chromium */
}

@media(max-width: 767.98px){
	section#Career_sec7 .col-md-5.col-sm-5.col-12 {
    margin-top: 0;
}
	.reward-image-wrap, .reward-image-wrap img{ height: 100%; }
	#popupOverlay .popup-content{display:block;}
	#popupOverlay{margin-top:42%;}
	section.magesuccess-sec.our_insi{ margin-bottom: 0; }
	.magesec888{  padding: 15% 0; }
}

@media(max-width: 1024px) and (min-width: 768px){
	.reward-image-wrap, .reward-image-wrap img{ height: 330px; }
}
@media(max-width: 1024px) and (min-width: 992px){
	.reward-image-wrap, .reward-image-wrap img{ height: 400px; }
}
@media(max-width: 1200px) and (min-width: 1025px){
	.reward-image-wrap, .reward-image-wrap img{ height: 330px; }
}
@media(max-width: 1300px) and (min-width: 1201px){
	.reward-image-wrap, .reward-image-wrap img{ height: 350px; }
	.reward-title{font-size:22px;}
}

@media(max-width: 1400px) and (min-width: 1301px){
	.reward-image-wrap, .reward-image-wrap img{ height: 360px; }
}
@media(max-width: 1600px) and (min-width: 1401px){
	.reward-image-wrap, .reward-image-wrap img{ height: 400px; }
}
@media(max-width: 1800px) and (min-width: 1601px){
	.reward-image-wrap, .reward-image-wrap img{ height: 430px; }
}
@media(min-width: 1801px){
	.reward-image-wrap, .reward-image-wrap img{ height: 500px; }
}