.STEMAmbassadorHeading {margin-bottom: 25px;}
.STEMAmbassadorHeading span{color:#525fe1; }
.STEMAmbassadorSubHeading{font-size: 1.25rem; line-height: 30px; margin-bottom: 25px; color: #4b5563;}
.btn.STEMAmbassadorAllBtn{background: #f86f03; color: #fff; font-size: 18px; padding: 8px 25px;
    border-radius: 50px; transition: all 1s;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.btn.STEMAmbassadorAllBtn:hover{transform: scale(1.05);  transition: all .5s; background:#df6200;}
.btn.STEMAmbassadorAllBtn1{background: #fff; color: #525ee1; border: 1px #525ee1 solid; 
    font-size: 18px; padding: 8px 25px; border-radius: 50px; transition: all 1s;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.btn.STEMAmbassadorAllBtn1:hover{transform: scale(1.05); transition: all .5s; background:#525ee1; color:#fff;}

.STAM-AmbstrProgramBanner {
    background: url(../../assets/images/Stem-Ambassador/Program/banner.webp); background-size: cover; 
    background-position: center; padding: 50px 0px; position: relative; overflow: hidden;}
.STAM-AmbstrProgramBannerBg {background: linear-gradient(45deg, #0000006b, #0000002b); width: 100%; 
    height: 100vh; position: absolute; top: 0; z-index: 1;}
.STAM-AmbstrProgramBanner .container {position: relative; z-index: 2;}
.STAM-AmbstrProgramBanner h1 {color: #fff; margin-bottom: 30px; font-size: 50px; font-family: 'Poppins';}
.STAM-AmbstrProgramBanner h1 span {color: #fcce0d;}
.STAM-AmbstrProgramBanner p {color: #fff; font-size: 20px; margin-bottom: 30px;}

.STAM-AmbstrProgram1 h2 i {color: #374151; transform: rotate(180deg);}
.STAM-AmbstrProgram1 h2 {font-size: 45px; margin-bottom:30px;}
.STAM-AmbstrProgram1 h4 {color: #374151; line-height: 35px; margin-bottom: 40px;}
.STAM-AmbstrProgram1 h5 {font-size: 28px;}
.STAM-AmbstrProgram1 p{font-size:22px;}

.STAM-AmbstrProgram2 {background: url(../../assets/images/Home/newhome/bg-for-kits.webp);
    background-size: cover; background-position: center; position: relative;}
.STAM-AmbstrProgram2 .card{padding:20px; 
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.STAM-AmbstrProgram2 .card .card-body{display:flex; align-items: flex-start;}
.STAM-AmbstrProgram2 .card .card-body i{background: #525fe1; color: #fff; min-width: 50px;
    min-height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    margin-right:20px; font-size:25px;}
.STAM-AmbstrProgram2 .card .card-body p{font-size: 20px; margin: 0px;}
.STAM-AmbstrProgram2 .card:hover{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

.STAM-AmbstrProgram3{background:#f1f7ff;}
.STAM-AmbstrProgram3.MoonProvides{background:linear-gradient(45deg, #f6f7fd, #fff9f6);}
.STAM-AmbstrProgram3 h4{font-weight: 400; font-size: 18px; line-height: 30px; margin: 25px 0px; color: #5d5858;}
.STAM-AmbstrProgram3 img{width: 100%; border-radius: 15px; margin-bottom: 25px;}
.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Img1 i{position: absolute; top: 10px; left: 20px;
    border-radius: 50%; color: #ffffff; font-size: 16px; background: #3b82f6; min-height: 35px;
    min-width: 35px; display: flex; align-items: center; justify-content: center;}

.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Img2 {position: absolute; bottom: 45px; left: 35px;
    display: flex; align-items: center; justify-content: center;  background: #fff;
    padding: 15px 10px;  border-radius: 10px; font-size:12px;}
.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Img2 i{ border-radius: 50%; color: #ffffff; font-size: 16px; 
    background: #f86f03; min-height: 35px; min-width: 35px; display: flex; align-items: center; 
    justify-content: center; margin-right: 10px;}
.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Img2 h6{margin:0px;}
.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Body{display: flex; align-items: flex-start; 
    margin-bottom:20px;}
.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Body i{border-radius: 50%; color: #ffffff; font-size: 22px;
    background: linear-gradient(121deg, #525fe1 50%, #e276f4); margin-right: 15px; min-height: 50px;
    min-width: 50px; display: flex; align-items: center; justify-content: center;}

.STAM-AmbstrProgram3.MoonProvides .STAM-AmbstrProgram3Body i{color: #f86f03; background:#ffe4cf;}
.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Body h5{font-size: 20px; margin-bottom: 15px;}
.STAM-AmbstrProgram3 .STAM-AmbstrProgram3Body ul li{margin-bottom: 10px;}

.coloredTable{text-align:center; vertical-align:middle; color: #454545; font-size: 14px;}
.coloredTable thead th{vertical-align:middle; color: #4b5563; font-size: 18px; padding: 20px 15px;}
.coloredTable thead th p{font-size: 12px; font-weight: 500; line-height: 15px; white-space: nowrap;}
.coloredTable thead th del{font-size: 16px; font-weight: 500; color: #9ca3af; display: block;
    margin-top: 5px;}
.coloredTable thead th h6{color: red; margin:0px; margin-top: 2px;}
.coloredTable thead th div{padding: 10px 30px; height: 110px; font-size: 20px; display: flex;
    align-items: center; border-radius: 10px; justify-content: center; position: relative;}

.coloredTable thead th div::after {content: ''; height: 20px; width: 20px;
position: absolute; bottom: -8px; left: 45%; transform: rotate(225deg);
}
.coloredTable tbody td, .coloredTable tbody th {padding: 20px 15px !important; border: 1px #efefef solid;}

.coloredTable thead tr:first-child th:first-child{border-top-left-radius:20px;}
.coloredTable thead tr:first-child th:last-child{border-top-right-radius:20px;}

.coloredTable thead th:nth-child(1){background: linear-gradient(147deg, #e3e8ef, #e4e7eb, #c4dcfb)}
.coloredTable thead th:nth-child(2){background: linear-gradient(147deg, #e3e8ef, #e5e7ec, #c6ddfa)}
.coloredTable thead th:nth-child(3){background: linear-gradient(147deg, #dcdcdc, #e4e7ec, #cbcbcb)}
.coloredTable thead th:nth-child(4){background: linear-gradient(147deg, #fedca4, #feef8a, #fde68a)}
.coloredTable thead th:nth-child(5){background: linear-gradient(147deg, #bdddfe, #a6f2fc, #b8e8fd)}

.coloredTable tbody tr td a{color: #525fe1; border-bottom: 2px #525fe1 dashed;}
.coloredTable tbody tr td a:hover{color: #f86f03; border-bottom: 2px #f86f03 dashed;}

.coloredTable tbody td, .coloredTable tfoot td{padding: 20px 10px;}
.coloredTable tbody td:nth-child(1), .coloredTable tfoot td:nth-child(1) {background: #f9fafb; 
    font-weight:600; text-align:left; color:#000; border-bottom: 1px;}
.coloredTable tbody td:nth-child(2), .coloredTable tfoot td:nth-child(2) {background: #f9fafb; border-bottom: 1px;}
.coloredTable tbody td:nth-child(3), .coloredTable tfoot td:nth-child(3) {background: #f9fafc; border-bottom: 1px;}
.coloredTable tbody td:nth-child(4), .coloredTable tfoot td:nth-child(4) {background: #fff8ed; border-bottom: 1px;}
.coloredTable tbody td:nth-child(5), .coloredTable tfoot td:nth-child(5) {background: #eef7ff; border-bottom: 1px;}

.coloredTable tfoot tr:first-child td:first-child{border-bottom-left-radius:0px; font-size: 20px; 
    font-weight: 600;}
.coloredTable tfoot tr:first-child td:last-child{border-bottom-right-radius:0px;}
.coloredTable tfoot tr:last-child td:first-child{border-bottom-left-radius:20px; font-size: 18px;
    font-weight: 500; white-space: normal;}
.coloredTable tfoot tr:last-child td:last-child{border-bottom-right-radius:20px;}
.coloredTable tfoot tr:last-child td{background:#eef7ff; font-size: 16px !important;}
.coloredTable tfoot tr:last-child td a{display: inline-block; font-size: 14px; padding: 4px 16px;
    color: #ffffff; background: #f86f03; border-radius: 20px;}
.coloredTable tfoot tr:last-child td a:hover{color:#fff; background:#ec6903;}

.coloredTable tfoot tr td{font-size: 14px;padding:20px 15px; white-space:nowrap; border-top: 1px #efefef solid;}
.coloredTable tfoot tr td h6{font-size: 16px; margin:15px 0px;}
.coloredTable tfoot td:nth-child(1), .coloredTable tfoot td:nth-child(2)
    {background: linear-gradient(147deg, #e5e7ec, #e4e7ec, #e2e8ef);}
.coloredTable tfoot td:nth-child(3){background: linear-gradient(147deg, #dcdcdc, #e4e7ec, #cbcbcb)}
.coloredTable tfoot td:nth-child(4){background: linear-gradient(147deg, #fedca4b3, #feef8ac2, #fde68ab0)}
.coloredTable tfoot td:nth-child(5){background: linear-gradient(147deg, #bdddfeb5, #a6f2fca8, #b8e8fd94)}

.StemProgram {background-color: #f7f8fc;}
.StemProgram.KeyBenefits{background: linear-gradient(303deg, #fef0e9 25%, #f7f7fd, white 60%);}
.StemProgram .card {margin-top: 30px; padding: 0px; border-radius: 10px; position:relative; 
    padding-bottom: 20px;}
.StemProgram.KeyBenefits .card {padding-bottom: 0px;}
.StemProgram .card:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.StemProgram .card img {width: 100%; margin: 0px; border-radius: 10px 10px 0px 0px;}
.StemProgram .card .stemicons {position: absolute; left: 20px; bottom: 20px; background-color: #ffffffe6;
    color: #6366f1; width: 50px; height: 50px; border-radius: 50%; text-align: center; font-size: 22px;
    display: flex; align-items: center; justify-content: center;}
.StemProgram .card .col-12 {padding: 30px;}
.StemProgram .card .col-12 a{display: inline-block; border: 1px #b9b9b9 solid; padding: 5px 10px;
    border-radius: 50px; color: #4a4a4a; width: 80%; position: absolute; left: 0; right: 0;
    bottom: 15px; margin: 0 auto;}
.StemProgram .card .col-12 a:hover{color: #fff; background:#525fe1;}

.AmbassadorTable1 th, .AmbassadorTable1 td {vertical-align: middle; padding:25px; font-size:18px;}
.AmbassadorTable1 th{color: #000;}
.AmbassadorTable1 thead tr{background:#f9fafb;}
.AmbassadorTable1 thead tr{background:#f9fafb;}
.AmbassadorTable1BtnMore{text-align:center; margin-top:30px;}
.AmbassadorTable1BtnMore a{display: inline-block; border: 1px #b9b9b9 solid; padding: 8px 25px;
    border-radius: 50px; color: #4a4a4a;}
.AmbassadorTable1BtnMore a:hover{color: #fff; background: #525fe1;}

.StemWorks {background:linear-gradient(45deg, #eeeffc, #ffffff);}
.StemWorks .card {padding:25px; margin-bottom:30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.StemWorks .card:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.StemWorks .StemworksIcon i {background: linear-gradient(121deg, #525fe1 50%, #e276f4);
    border-radius: 50%; color: #ffffff; font-size: 25px; margin-right: 15px; min-height: 60px;
    min-width: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
 .StemWorks .StemworksIcon h4 {color: #ab6ded; font-size: 14px; margin-bottom: 15px;}

.StemPathway {background: linear-gradient(90deg, #f8ebe4, #ffffff, #eeeffc);}
.StemPathway .card{padding:10px; margin-bottom:30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.StemPathway .card:hover{box-shadow:0px 0px;}
.StemPathway p {margin:0px; color:#000;}
.StemPathway .card i{color: #fff; min-height: 45px; min-width: 45px; font-size: 20px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; margin-right: 10px;}

.StemHelp {background: #f7f8fb; text-align:center;}


.STAM-AmbstrProgram4{background:linear-gradient(303deg, #fef0e9 25%, #f7f7fd, white 60%);}
.STAM-AmbstrProgram4 .card{border:2px solid; padding:10px; width:100%; margin-top:20px;}
.STAM-AmbstrProgram4 .card:hover{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.STAM-AmbstrProgram4 .card h5{font-size:17px; text-align:center;}
.STAM-AmbstrProgram4 .card ul{list-style:none; padding:0px; margin:0px; color:#374151;}
.STAM-AmbstrProgram4 .card ul li{display: flex; align-items: flex-start; margin-top :10px;}
.STAM-AmbstrProgram4 .card ul li section{width:100%;}
.STAM-AmbstrProgram4 .card ul li i{font-size: 12px; min-width: 30px; min-height: 30px;
    background: #c5c5c5; margin-right: 10px; color: #fff; border-radius: 50%; display: flex;
    align-items: center; justify-content: center;}
.STAM-AmbstrProgram4 .card ul li small{margin:0px; font-size:13px;}
.STAM-AmbstrProgram4 .card ul li p{margin:0px; font-size:14px;}
.STAM-AmbstrProgram4 .card ul li article{font-size: 14px; text-align: center; border-radius: 10px; 
    background: #e5e7eb; color: #777d87; border: 2px #d1d5db dashed; margin: 10px 0px; min-height: 80px;
    display: flex; justify-content: center; align-items: center;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-1 {border-color:#3b82f6; background:#eff6ff;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-1  ul li i{background:#3b82f6;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-2 {border-color:#22c55e; background:#f0fdf4;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-2  ul li i{background:#22c55e;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-3 {border-color:#eab308; background:#fefce8;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-3  ul li i{background:#eab308;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-4 {border-color:#a855f7; background:#faf5ff;}
.STAM-AmbstrProgram4 .card.STAM-AmbstrProgram4Step-4 ul li i{background:#a855f7;}


@media screen and (max-width:962px) {
    h4{font-size:15px;}
    h5{font-size:14px;}
    p, li{font-size:12px;}
    .STEMAmbassadorHeading {font-size: 20px; margin-bottom:10px;}
    .STEMAmbassadorSubHeading {font-size: 16px; line-height: 22px; margin-bottom:10px;}
        .STAM-AmbstrProgramBanner h1 {margin-bottom: 10px; font-size: 25px;}
    .STAM-AmbstrProgramBanner p {font-size: 16px; margin-bottom: 20px;}
    .btn.STEMAmbassadorAllBtn {font-size: 12px; margin-bottom:10px;}
    .STAM-AmbstrProgram1 h2 {font-size: 25px; margin-bottom: 15px;}
    .STAM-AmbstrProgram1 h4{font-size: 18px; line-height: 22px; margin-bottom: 20px;}
    .STAM-AmbstrProgram1 p {font-size: 14px;}
    .STAM-AmbstrProgram1 h5 {font-size: 18px;}
    .StemProgram .card .col-12 {padding: 12px;}
    .StemProgram .card {padding-bottom: 30px;}
    .StemProgram .card .col-12 a {font-size: 14px;}
    .StemProgram .col-12.text-center.mt-5{margin-top: 20px !important;}
    .StemProgram .col-12.text-center.mt-5 h4{font-size: 16px;}
    .AmbassadorTable1 th{padding: 10px; font-size: 14px;}
    .AmbassadorTable1 td {padding: 10px; font-size: 12px;}
    .AmbassadorTable1BtnMore a{font-size:14px;}
    .STAM-AmbstrProgram3 h4 {font-size: 15px; line-height: 20px; margin: 15px 0px;}
    .STAM-AmbstrProgram3 .STAM-AmbstrProgram3Body {margin-bottom: 0px;}
    .STAM-AmbstrProgram3 .STAM-AmbstrProgram3Body h5 {font-size: 14px; margin-bottom: 10px;}
    .STAM-AmbstrProgram3 .STAM-AmbstrProgram3Body i {font-size: 14px; min-height: 30px; min-width: 30px;}
    .StemWorks .StemworksIcon i{font-size: 14px; min-height: 30px; min-width: 30px;}
    .StemWorks .card {padding: 15px; margin-bottom: 20px;}
    .StemPathway .card i{font-size: 14px; min-height: 30px; min-width: 30px;}
    .StemPathway .card {padding: 0px; margin-bottom: 15px;}
    .StemPathway .card h5{margin-top: 15px;}
    .coloredTable thead th {font-size: 14px; padding: 10px;}
    .coloredTable tbody td, .coloredTable tbody th {padding: 10px !important;}
    .STAM-AmbstrProgram4 .card{padding:0px;}
    .StemHelp a {word-break: break-all;}
}