.main_career{
    background: linear-gradient(180deg,#f9f8f4,#fff7e8 43.2%,#effaea 77.2%);
}
.career_section1{
    padding: 11.7vw 30vw 2.2vw 30vw;
}
.career_section1 span{
        display: table;
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: #9333ea;
    border-radius: 9999px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-size: .78vw;
    padding: .5vw .8vw;
}
.career_section1 h2{
        font-size: 3.3vw;
    font-weight: 500;
    text-align: center;
    padding-top: 0.8vw;
}
.career_section1 .cutting_edgeP{
    font-size: 1.06vw;
    text-align: center;
    color: rgb(75, 85, 99);
}
.career_section1 .icon_block{
    display: flex;
        padding-top: 2vw;
    gap: 1vw;
    justify-content: center;
}
.career_section1 .icon_block .icon_singleBlock{
        display: flex;
    gap: .5vw;
}
.career_section1 .icon_block .icon_singleBlock svg{
    width: 1vw;
}
.career_section1 .icon_block .icon_singleBlock p{
      font-size: .87vw;
    color: rgb(75, 85, 99);
}
.career_section2{
        margin: 0 11.3vw;
    background: white;
    border-radius: 2vw;
}
.career_section2 h3{
        font-weight: 500;
    text-align: center;
    padding-top: 3.3vw;
    font-size: 1.65vw;
}
.career_section2 .card_block{
          display: flex;
    padding: 1.5vw 7vw 3.1vw 7vw;
    gap: 1.1vw;
}
.career_section2 .card_block .single_cardBlock{
    text-align: center;
}
.career_section2 .card_block .single_cardBlock .svg_block.blue{
    background: #dbeafe;
}
.career_section2 .card_block .single_cardBlock .svg_block.blue svg{
    color: rgb(37 99 235);
}
.career_section2 .card_block .single_cardBlock .svg_block.green{
    background: #dcfce7;
}
.career_section2 .card_block .single_cardBlock .svg_block.green svg{
    color: rgb(22 163 74);
}
.career_section2 .card_block .single_cardBlock .svg_block.purple{
    background: #f3e8ff;
}
.career_section2 .card_block .single_cardBlock .svg_block.purple svg{
    color: rgb(147 51 234);
}
.career_section2 .card_block .single_cardBlock .svg_block{
        width: 3.5vw;
    height: 3.5vw;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    border-radius: 999px;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
}
.career_section2 .card_block .single_cardBlock .svg_block svg{
        width: 5vw;
    height: 1.6vw;
}
.career_section2 .card_block .single_cardBlock h4{
    font-size: 1.25vw;
    font-weight: 500;
    padding-top: 1vw;
}
.career_section2 .card_block .single_cardBlock p{
    font-size: 1vw;
    padding-top: .5vw;
    color: rgb(75, 85, 99);
    line-height: 1.5;
}
.career_section3{
    margin: 0 11.3vw;
    padding-bottom: 3vw;
    
}
.career_section3 h3{
    text-align: center;
    font-weight: 500;
    font-size: 1.8vw;
    padding-top: 2.6vw;
}
.career_section3 .ptag33{
    text-align: center;
    font-size: 1.1vw;
    color: rgb(75, 85, 99);
    padding-top: .4vw;
}
.career_section3_jobBlock{
        display: grid;
    padding-top: 1.8vw;
    gap: 1.1vw;
    grid-template-columns: repeat(2, 1fr);
}
.career_section3_jobCard{
        color: inherit;
    text-decoration: unset;
    padding: 1vw 1.4vw;
       background: white;
    border-width: 2px;
    border-radius: .75rem;
    border: 2px solid rgb(233 213 255);
    gap: .7vw;
    display: flex;
        transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
}
.career_section3_jobCard:hover{
    border-color: rgb(192 132 252);
}
.career_section3_jobCard:hover .div_innerFlex_col h4{
    color: rgb(37, 99, 235);
}
.career_section3_jobCard:hover .div_innerFlex svg{
color: rgb(37, 99, 235);
}
.career_section3_jobCard .svg_div{
      display: flex;
    width: 2.6vw;
    background: #faf5ff;
    height: 2.6vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: .5vw;
    flex-shrink: 0;
}
.career_section3_jobCard .svg_div svg{
    color: rgb(147 51 234);
}
.div_innerFlex_col h4{
    font-weight: 500;
    font-size: 1.25vw;
    padding-top: .3vw;
}
.div_innerFlex{
        display: flex;
    justify-content: space-between;
}
.div_innerFlex_col p{
    display: table;
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: #9333ea;
    border-radius: 9999px;
    color: white;
    font-weight: 500;
    font-size: .8vw;
    padding: .25vw .6vw;
    margin-top: .3vw;
}
.career_section3_jobCard .div_col .ptag230{
    font-size: 1vw;
    padding-top: .5vw;
    color: rgb(75, 85, 99);
    line-height: 1.5;
}
.div302{
        display: flex;
    margin-top: .6vw;
    gap: .6vw;
}
.div201{
        display: flex;
    gap: .2vw;
    align-items: center;
}
.div201 svg{
    color: rgb(107 114 128);
    width: .9vw;
}
.div201 span{
    color: rgb(107, 114, 128);
    font-size: .85vw;
}
@media(max-width:1024px) and (min-width:501px){
    .career_section1 {
        padding: 15vw 10vw 3vw 10vw;
    }
    .career_section1 span {
        font-size: 1.5vw;
        padding: 1vw 2vw;
    }
    .career_section1 h2 {
        font-size: 4.5vw;
    }
    .career_section1 .cutting_edgeP {
        font-size: 2vw;
    }
    .career_section1 .icon_block .icon_singleBlock p {
        font-size: 1.5vw;
    }
    .career_section1 .icon_block .icon_singleBlock svg {
        width: 2vw;
    }
    .career_section2 {
        margin: 0 5vw;
    }
    .career_section2 h3 {
        font-size: 2.5vw;
    }
    .career_section2 .card_block .single_cardBlock h4 {
        font-size: 1.8vw;
    }
    .career_section2 .card_block .single_cardBlock p {
        font-size: 1.5vw;
    }
    .career_section2 .card_block .single_cardBlock .svg_block {
        width: 5vw;
        height: 5vw;
    }
    .career_section2 .card_block .single_cardBlock .svg_block svg {
        width: 2.5vw;
        height: 2.5vw;
    }
    .career_section3 {
        margin: 0 5vw;
    }
    .career_section3 h3 {
        font-size: 2.8vw;
    }
    .career_section3 .ptag33 {
        font-size: 1.8vw;
    }
    .career_section3_jobBlock {
        grid-template-columns: repeat(1, 1fr);
        gap: 2vw;
    }
    .career_section3_jobCard {
        padding: 2vw 2.5vw;
    }
    .career_section3_jobCard .svg_div {
        width: 5vw;
        height: 5vw;
    }
    .career_section3_jobCard .svg_div svg {
        width: 2.5vw;
        height: 2.5vw;
    }
    .div_innerFlex_col h4 {
        font-size: 2vw;
    }
    .div_innerFlex_col p {
        font-size: 1.2vw;
        padding: .5vw 1vw;
    }
    .career_section3_jobCard .div_col .ptag230 {
        font-size: 1.6vw;
    }
    .div201 span {
        font-size: 1.4vw;
    }
    .div201 svg {
        width: 1.5vw;
    }
}

@media(max-width:500px){
    .career_section1 {
    padding: 33.7vw 5vw 5.2vw 5vw;
}
.career_section1 span{
        font-size: 3vw;
    padding: 2vw 4vw;
}
.career_section1 h2 {
    font-size: 6.3vw;
    padding-top: 2.8vw;
}
.career_section1 .cutting_edgeP {
    padding-top: 2vw;
    font-size: 4vw;
}
.career_section1 .icon_block .icon_singleBlock p {
    font-size: 3vw;
}
.career_section1 .icon_block .icon_singleBlock svg {
    width: 3vw;
}
.career_section1 .icon_block .icon_singleBlock {
    display: flex;
    gap: 1.5vw;
    align-items: center;
}
.career_section1 .icon_block {
    display: flex;
    padding-top: 5vw;
    gap: 3vw 4vw;
    justify-content: center;
    flex-wrap: wrap;
}
.career_section2 {
    margin: 0 5vw;
    border-radius: 4vw;
}
.career_section2 h3 {
    padding-top: 5.3vw;
    font-size: 5.5vw;
}
.career_section2 .card_block {
   padding: 6.5vw 7vw 6.1vw 7vw;
    gap: 5.1vw;
    flex-wrap: wrap;
}
.career_section2 .card_block .single_cardBlock .svg_block svg {
    width: 8vw;
    height: 5.6vw;
}
.career_section2 .card_block .single_cardBlock .svg_block {
    width: 11.5vw;
    height: 11.5vw;
   
}
.career_section2 .card_block .single_cardBlock{
    width: 100%;
}
.career_section2 .card_block .single_cardBlock h4 {
    font-size: 4.5vw;
    padding-top: 3vw;
}
.career_section2 .card_block .single_cardBlock p {
    font-size: 3.8vw;
    padding-top: 2.5vw;
    line-height: 1.5;
}
.career_section3 {
    margin: 0 5vw;
    padding-bottom: 14vw;
}
.career_section3 h3 {
    font-size: 6.5vw;
    padding-top: 10.6vw;
}
.career_section3 .ptag33 {
    font-size: 4vw;
    padding-top: 2.4vw;
}
.career_section3_jobBlock {
    display: grid;
    padding-top: 5.8vw;
    gap: 5.1vw;
    grid-template-columns: repeat(1, 1fr);
}
.career_section3_jobCard {
    padding: 6vw 4.4vw;
    gap: 2.7vw;
}
.career_section3_jobCard .svg_div {
    width: 12vw;
    height: 12vw;
    border-radius: 2.5vw;
}
.career_section3_jobCard .svg_div svg {
    width: 6vw;
    height: 6vw;
}
.div_innerFlex svg {
    width: 5vw;
    height: 5vw;
    flex-shrink: 0;
}
.div_innerFlex_col h4 {
    font-size: 4.5vw;
}
.career_section3_jobCard .div_col{
    width: 100%;
}
.div_innerFlex_col p{
    font-size: 3vw;
    padding: 1.2vw 3.5vw;
    margin-top: 1vw;
}
.career_section3_jobCard .div_col .ptag230 {
    font-size: 3.8vw;
    padding-top: 2.5vw;
    line-height: 1.5;
}
.div201 span {
    font-size: 3.5vw;
}
.div201 svg {
    width: 2.7vw;
}
.div201 {
    gap: 1.2vw;
}
.div302 {
    margin-top: 3.6vw;
    gap: 2vw 3vw;
    flex-wrap: wrap;
}
.div201 {
    align-items: center;
}
}