@import "../assests/css/bootstrap.css";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none
}

ul {
    list-style: none
}

a:hover {
    cursor: pointer;
}
.traning-cards a{
    color: #000;
}

body {
    font-family: 'Poppins', sans-serif
}

h1,
h2,
h1,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: inherit
}

.heading {
    text-align: center
}

.heading h3 {
    display: inline-block
}

p,
span {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-weight: 300
}

button {
    outline: none !important
}

::placeholder {
    text-transform: capitalize;
}

.result-body .result ul {
    margin-bottom: 5px !important
}

.pt-1 {
    padding-top: 10px
}

.pt-2 {
    padding-top: 20px
}

.pt-3 {
    padding-top: 30px
}

.pt-4 {
    padding-top: 40px
}

.pb-1 {
    padding-bottom: 10px
}

.pb-2 {
    padding-bottom: 20px
}

.pb-3 {
    padding-bottom: 30px
}

.pb-4 {
    padding-bottom: 40px
}

.pr-1 {
    padding-right: 10px
}

.pr-2 {
    padding-right: 20px
}

.pr-3 {
    padding-right: 30px
}

.pr-4 {
    padding-right: 40px
}

.pl-1 {
    padding-left: 10px
}

.pl-2 {
    padding-left: 20px
}

.pl-3 {
    padding-left: 30px
}

.pl-4 {
    padding-left: 40px
}

.mt-1 {
    margin-top: 10px
}

.mt-2 {
    margin-top: 20px
}

.mt-3 {
    margin-top: 30px
}

.mt-4 {
    margin-top: 40px
}

.ml-1 {
    margin-left: 10px
}

.ml-2 {
    margin-left: 20px
}

.ml-3 {
    margin-left: 30px
}

.ml-4 {
    margin-left: 40px
}

.mr-1 {
    margin-right: 10px
}

.mr-2 {
    margin-right: 20px
}

.mr-3 {
    margin-right: 30px
}

.mr-4 {
    margin-right: 40px
}

.mb-1 {
    margin-bottom: 10px
}

.mb-2 {
    margin-bottom: 20px
}

.mb-3 {
    margin-bottom: 30px
}

.mb-4 {
    margin-bottom: 40px
}

.button3 {
    color: #fff;
    font-size: 17px;
    background: #fa872a;
    border: none;
    font-weight: 400;
    padding: 10px 18px;
    /* width: 220px; */
    border-radius: 4px
}

.fa.fa-th {
    margin-right: 6px;
    font-size: 14px
}

.allcorsepage {
    border: 1px solid #fff;
    padding: 7px;
    text-align: center;
    width: 150px;
    margin: auto;
    display: block;
    border-radius: 6px
}

#scroll {
    position: fixed;
    right: 10px;
    bottom: 35px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fc811e;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 999
}

.header-top {
    background: #293b3f;
    height: 34px
}

.header-top-links {
    text-align: center;
    padding: 4px 0
}

.header-top-links a {
    color: #fff;
    margin-right: 25px;
    text-decoration: none
}

.header-top-links a i {
    font-size: 13px;
    color: #666
}

.header-top-links a span {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle
}

div#load_more {
    display: flex;
}



.header {
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    height: 70px
}

.logo {
    position: relative;
    margin-right: 13px;
    width: 110px
}

/* .logo::after {
    content: '';
    position: absolute;
    top: .3em;
    right: 0;
    width: .1em;
    height: 2em;
    background: #fff
} */

.logo img {
    width: 52%;
    height: auto
}

/* .courses {
    margin-top: 7px
} */

.courses a {
    color: #293b3f;
    text-decoration: none;
    align-items: center
}

.courses i {
    color: #021B79;
    font-size: 12px;
}

.courses a span {
    font-size: 12px;
    vertical-align: text-top;
    font-weight: 500;
}

.footer-new-all-course {
    margin: 20px 0
}

.footer-new-all-course strong {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase
}

.footer-new-all-course-list a {
    font-size: 11px;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    margin-right: 2px
}

.kul {
    width: 150px
}


/*====mising css here ====*/

button.btnColorChange {
    color: white;
    border: 1px solid #fff;
}

.button2 {
    border: 1px solid #fa872a;
    color: #FA872A;
    background: transparent;
    /* width: 221px; */
    border-radius: 4px;
    padding: 0 15px;
    font-size: 1rem;
    height: 46px;
}
.button2:hover {
    border: 1px solid #fa872a;
    color: #fff;
    background: #fa872a;
}
.button-intro {
    border: 1px solid #fa872a;
    color: #FA872A;
    background: transparent;
    width: 221px;
    border-radius: 4px;
    height: 46px;
}
.button-intro:hover {
     border: 1px solid #fa872a;
    color: #fff;
    background: #fa872a;
}

.Placement-training {
    display: flex;
    gap: 20px;
}
.button1 {
    margin: auto;
    display: block;
    padding: 10px 24px;
    border: none;
    background: linear-gradient(45deg, #F48631, #FB6D45);
    color: #fff;
    border-radius: 4px;
    height: 46px;
}

.button1 a{
    color:#fff;
}
.line {
    width: 225px;
    height: 6px;
    background: #FA8E2B;
}
#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}
.course-page2-curriculum .one {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 115px;
    height: auto;
    margin-right: 15px;
    padding: 37px 23px;
}

.course-page2-curriculum .two {
background: linear-gradient(45deg, #0589A2, #0A3A50);
width: 115px;
height: auto;
margin-right: 15px;
padding: 37px 23px
}


.course-page2-curriculum .three {
    background: linear-gradient(45deg, #FFCC3B, #386C9B);
    width: 115px;
    height: auto;
    margin-right: 15px;
    padding: 37px 23px;
}

.course-page2-curriculum .four {
    background: linear-gradient(45deg, #a2867f, #EF522F);
    width: 115px;
    height: auto;
    margin-right: 15px;
    padding: 37px 23px;
}

.course-page2-curriculum .five {
    background: linear-gradient(45deg, #1390AC, #A78595);
    width: 115px;
    height: auto;
    margin-right: 15px;
    padding: 37px 23px;
}
.course-page2-curriculum .six {
    background: linear-gradient(45deg, #3BC7E8, #18B0E2);
    width: 115px;
    height: auto
    ;margin-right: 15px;
    padding: 37px 23px
}

.course-page2-curriculum .seven {
    background: linear-gradient(45deg, #0058D6, #5396DA);
    width: 115px;
    height: auto;
    margin-right: 15px;
    padding: 37px 23px;
}

.course-page2-curriculum .eight {
background: linear-gradient(45deg, #FEB93A, #a9963f);
width: 115px;
height: auto;
margin-right: 15px;
padding: 37px 23px
}

.course-page2-curriculum .nine {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 115px;
    height: auto;
    margin-right: 15px;
    padding: 37px 23px
}

.course-page2-curriculum .ten {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 115px;
    height: auto;
    margin-right: 15px;
    padding: 37px 23px
}


.related-courses-section .one {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 70px;
    height: 70px;
}

.buttonreport {
    color: #fff;
    font-size: 17px;
    background: #ffc600;
    color: #0e394c;
    border: none;
    font-weight: 600;
    margin-right: 28px;
    padding: 8px 18px;
    border-radius: 4px;
}

.videowatch .video-patti {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: space-around;
    width: 211px;
}.videowatch .video-patti {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: space-around;
    width: 211px;
}

.placement-video {
    display: flex;
    margin-bottom: 32px;
}
.all-course-box-title .one {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 117px;
    height: 117px;
}

.all-course-box-title .two {
    background: linear-gradient(45deg, #0589A2, #0A3A50);
    width: 117px;
    height: 117px;
}
.all-course-box-title .three {
    background: linear-gradient(45deg, #FFCC3B, #386C9B);
    width: 117px;
    height: 117px;
}
.all-course-box-title .four {
    background: linear-gradient(45deg, #FF7C5D, #EF522F);
    width: 117px;
    height: 117px;
}
.all-course-box-title .five {
    background: linear-gradient(45deg, #1390AC, #A78595);
    width: 117px;
    height: 117px;
}
.all-course-box-title .six {
    background: linear-gradient(45deg, #3BC7E8, #18B0E2);
    width: 117px;
    height: 117px;
}
.all-course-box-title .seven {
    background: linear-gradient(45deg, #0058D6, #5396DA);
    width: 117px;
    height: 117px;
}
.all-course-box-title .eight {
    background: linear-gradient(45deg, #FEB93A, #a9963f);
    width: 117px;
    height: 117px;
}
.all-course-box-title .nine {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 117px;
    height: 117px;
}

.all-course-box-title .ten {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 117px;
    height: 117px;
}

.job-course-heading {
    display: flex;
    justify-content: space-between;
}

.job-course-heading {
    display: flex;
    justify-content: space-between;
}
.job-course-desc {
    margin-left: 45px;
    margin-right: 15px;
}
.all-course-highlights {
    font-size: 13px;
    display: grid;
    text-align: start;
    width: 21%;
}

.job-course-desc {
    width: 427px;
}
.button5 {
    border: 1px solid #fa872a;
    color: #FA872A;
    background: transparent;
    padding: 7px 20px;
    border-radius: 4px;
    margin: auto;
    display: block;
    background: linear-gradient(0deg, #FC664B, #F2892D);
    color: #fff;
}

.related-courses-section .one {
    background: linear-gradient(45deg, #3abdb7, #c8f199);
    width: 70px;
    height: 70px;
}
.related-courses-section .three {
    background: linear-gradient(45deg, #FFCC3B, #386C9B);
    width: 70px;
    height: 70px;
}
.related-courses-section .five {
    background: linear-gradient(45deg, #1390AC, #A78595);
    width: 70px;
    height: 70px;
}
.related-courses-section .seven {
    background: linear-gradient(45deg, #0058D6, #5396DA);
    width: 70px;
    height: 70px;
}
.related-courses-section .four {
    background: linear-gradient(45deg, #a2867f, #EF522F);
    width: 70px;
    height: 70px;
}
.related-courses-section .six {
    background: linear-gradient(45deg, #3BC7E8, #18B0E2);
    width: 70px;
    height: 70px;
}
.related-courses-section .eight {
    background: linear-gradient(45deg, #FEB93A, #a9963f);
    width: 70px;
    height: 70px;
}
.related-courses-section .two {
    background: linear-gradient(45deg, #0589A2, #0A3A50);
    width: 70px;
    height: 70px;
}


@media only screen and (max-width:768px){
    .Placement-training {
    gap: 0px;
}
.header {
    height: 110px;
}
.new-search-design button {
    margin-top:-3px !important;
}
}


/*====mising css here ====*/

.new-search-design {
    display: flex;
    align-items: center;
    border-radius: 3px;
    margin-left: 10px;
    /* margin-top: 7px */
}

.newpopupbtn {
    background: linear-gradient(268deg, #F76B1C, #F5A623) !important;
    padding: 7px !important;
    color: white !important;
    font-size:16px !important;
    width: 100% !important;
    border-radius: 5px !important;
}

.new-search-design input {
    width: 390px;
    height: 35px;
    border: none;
    padding-left: 10px;
    border-radius: 4px;
    position: relative;
}

.new-search-design input::placeholder {
    font-size: 13px
}

.new-search-design button {
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    border: none;
    padding: 4px 7px;
    height: 31px;
    margin-left: -42px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:-1px;
}

.new-search-design button i {
    font-size: 19px;
    color: #fff;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    position: absolute;
    color: #fff;
    padding: 5px;
    position: relative;
    right: -2px;
    border-radius: 4px;
    pointer-events: none;
}

.navbar-nav .nav-item a i {
    font-size: 20px
}

.navbar {
    padding: 0
}

.navbar-brand {
    margin: 0
}

.navbar-light .navbar-nav .active>.nav-link {
    font-weight: 600
}

nav a {
    color: #fff !important;
    font-size: 13px
}

.main-site-section {
    position: relative
}

.heading h3 {
    color: #0F2C39;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 5px solid #fb8f2a;
    width: fit-content;
    margin: auto;
    padding-bottom: 5px;
    margin-bottom: 40px;
    margin-top: 15px
}

.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel button.owl-dot {
    border: none;
    outline: none
}

.overlay {
    height: 249px;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    background: #000000d1;
    padding: 20px;
    display: none;
    transition: all 800ms ease
}

.place {
    padding-top: 50px;
    background: #FCF8F6
}

.placement-process img {
    width: 100%;
    height: auto
}

.category-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #4a4a4a;
    vertical-align: middle;
    margin-bottom: 35px
}

.footer-top {
    background: #1B1D29;
    padding: 40px 0 20px
}

.croma-descrip {
    display: flex
}

.description {
    width: 730px;
    margin-top: 5px;
    text-align: justify
}

.description p {
    color: #fff;
    font-size: 11px
}

.footer-logo {
    width: 100px;
    margin-right: 62px
}

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

.footer-bottom-line {
    width: 120px;
    height: 4px;
    background: #f8981d;
    margin: 9px 0
}

.croma-foo-tab .tab {
    display: flex;
    justify-content: space-evenly;
    overflow: hidden
}

.croma-foo-tab .tab button {
    background-color: inherit;
    border: none;
    outline: none;
    width: 277.5px !important;
    cursor: pointer;
    padding: 14px 16px;
    transition: .3s;
    font-size: 17px;
    color: #fff;
    text-align: left
}

.tabcontent ul {
    list-style: none
}

.croma-foo-tab .tab button.active {
    position: relative
}

.croma-foo-tab .tabcontent {
    display: none
}

#tabone {
    display: block
}

.field-tab {
    display: flex;
    line-height: 1.7;
    justify-content: space-evenly
}

.field-tab ul {
    padding: 0 20px;
    width: 277.5px
}

.field-tab ul li a {
    font-size: 11px;
    color: #A3A4A6
}

.field-tab ul li a:hover {
    color: #fff
}

footer {
    color: #fff
}

.footer-brijesh {
    background: #1B1D29;
    padding: 40px 0;
    border-top: 1px solid #ffffff2e;
}

.footer-social {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-top h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-bottom: 12px
}

.croma-foo-tab {
    margin-top: 35px
}

.tablinks.active::before {
    content: '';
    width: 80px;
    border: 2px solid #f8981d;
    position: absolute;
    top: 0
}

.footer-middle {
    background: #292C3D
}

.blog-list {
    display: flex;
    justify-content: center
}

.blog-list img {
    width: 61px;
    height: 53px;
    background: #fff;
    padding: 8px;
    border-radius: 10px
}

.blog-heading {
    margin-left: 15px
}

.blog-heading p a {
    color: #A3A4A6;
    font-weight: 600;
    font-size: 18px
}

.blog-heading a {
    font-weight: 500;
    font-size: 12px
}

.blog-heading span {
    font-size: 12px
}

.blog-heading-all {
    border-bottom: 2px solid #222;
    width: fit-content;
    margin: auto;
    text-transform: uppercase;
    margin-bottom: 15px
}

.blog-heading-all h3 {
    font-size: 19px;
    color: #222;
    font-weight: 600;
    margin-bottom: 2px
}

.more-blog {
    text-decoration: none !important;
    text-align: center;
    display: block;
    margin: 21px auto;
    width: 130px;
    padding: 10px 0;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: #fff !important
}

.foo-bot-heading {
    margin-bottom: 10px
}

.foo-bot-heading h3 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    margin: auto;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.foo-bot-heading h3::before {
    content: '';
    width: 80px;
    border: 1px solid #fff;
    position: absolute;
    top: 20px
}

.social-link {
    display: -webkit-inline-box;
    padding: 5.5px 0
}

.social-link p {
    font-weight: 500
}

.social-link i {
    width: 24px;
    padding: 4px;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
    font-size: 15px;
    color: #fff
}

.social-link .fa-share-alt {
    color: #000
}

.newsletter form,
.notifications form {
    display: flex;
    height: 30px;
    position: relative;
}

.newsletter-form .help-block {
    margin-top: 30px;
    position: absolute
}

.notifications-form .help-block {
    margin-top: 30px;
    position: absolute
}

.newsletter form input,
.notifications form input {
    border-radius: 5px;
    border: none;
    width: 195px;
    padding-left: 10px;
    outline: none;
    padding-right: 35px
}

.newsletter form input::placeholder,
.notifications form input::placeholder {
    font-size: 10px
}

.newsletter form button,
.notifications form button {
    margin-left: -19px;
    width: 25px;
    border-radius: 6px;
    border: none;
    background: #F8981D
}

.newsletter form button img,
.notifications form button img {
    color: #fff;
    font-size: 14px;
    padding: 5px
}

.online-payment {
    display: flex
}

.online-payment .onlpay {
    margin-right: 13px
}

.online-payment .onlpay:last-child {
    margin-right: 0
}

.online-payment .onlpay img {
    width: 100%
}

.foo-link {
    margin: 30px 0 15px;
    border-top: 1px solid #fff;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    justify-content: center;
    display: flex
}

.foo-link a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 0 8px;
    position: relative;
    font-weight: 300
}

.foo-link a::after {
    content: '';
    width: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    height: 15px;
    top: 3px
}

.foo-link .payonline::after {
    width: 0 !important
}

.certified-company p {
    text-align: center
}

.footer-copy {
    background: #fff;
    margin-top: 25px
}

.foo-copy {
    display: flex;
    padding: 4px 0;
    justify-content: space-between
}

.foo-copy p {
    color: #000;
    font-size: 10px;
    font-weight: 500
}

.foo-copy p a {
    color: #000;
    font-weight: 700
}

.bottom-brijesh {
    padding: 8px;
    background: #3A3A3A; 
    z-index: 9;
    width: 100%;
    position: fixed;
    bottom: 0
}

.bottom-fixed-links {
    display: flex
}

.bottom-fixed-links .fixed {
    margin-right: 5px
}

.bottom-fixed-links .fixed span,
.bottom-fixed-links a {
    background-color: rgb(26, 47, 88);
    font-size: 16px;
    color: rgb(255, 255, 255) !important;
    font-size: 16px;
    padding: 8px 11px 9px;
    text-decoration: none;
}

.bottom-fixed-links .fixed span:hover {
    cursor: pointer;
}

.bottom-fixed-links .fixed:nth-child(1) span {
    background: rgb(248, 152, 29);
    color: #fff;
}

.bottom-fixed-links .fixed:nth-child(4) span {
    background: transparent
}

.fixed span {
    font-weight: 400;
}

.video-btn {
    width: 50px;
    height: 50px;
    background: #fff;
    margin: auto;
    padding: 14px 20px;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    text-align: center;
    color: #f8981d
}

.video-btn .ripple {
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -30px 0 0 -30px;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite
}

.orangebg {
    background: rgba(255, 255, 255, 0.25)
}

.video-btn .ripple:nth-child(3) {
    animation-delay: .7s;
    -webkit-animation-delay: .7s
}

.video-btn .ripple:nth-child(2) {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

@-webkit-keyframes ripple {
    100% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 1;
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-ms-keyframes ripple {
    100% {
        opacity: 1;
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.sadas {
    z-index: 1;
    position: relative
}

.menu-mobile,
.menu-mobile-phone,
.mobile-corporates,
.mobile-banner,
.mobile-brijesh,
.mobile-deal,
.mobile-bottom-fixed {
    display: none
}

.course-banner {
    background: linear-gradient(45deg, #052935, #00504F);
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.breadcrumbs p a {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 1px
}

.course-banner-sections-left .banner-heading {
    margin-top: 15px;
    margin-bottom: 15px;
}

.course-banner-sections-left .sub-heading {
    letter-spacing: 1px;
    /* margin-bottom: 40px */
}

.course-banner-sections-left .sub-heading p {
    font-size: 15px;
    font-weight: 400
}

.course-banner-sections-left .course-ratings {
    display: flex;
    margin-top: 13px;
    align-items: center
}

.course-ratings .course-ratings-stars {
    width: 100%
}

.course-google-rating {
    margin-right: 15px;
    letter-spacing: 1px;
    display: flex;
    align-items: center
}

.course-ratings div strong {
    font-weight: 600;
    font-size: 15px
}

.course-ratings .course-ratings-stars i {
    color: #ffcb33;
    font-size: 15px;
    margin-right: 3px
}

.course-google-rating img,
.course-facebook-rating img,
.course-sulekha-rating img,
.course-justdial-rating img {
    width: 15px
}

.rating-img .course-google-rating img {
    margin-right: 3px
}

.course-video p {
    width: 290px;
    background: #000;
    padding: 7px;
    margin: auto;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer
}

.course-ratings .course-ratings div a {
    text-decoration: none;
    display: flex
}

.course-ratings div span {
    font-size: 12px;
    color: #fff
}

.course-ratings .rating-img {
    display: flex
}

.course-banner-line {
    margin-top: 17px;
    margin-bottom: 22px;
    width: 625px;
    background: #ffffff38;
    height: 1px
}

.course-desc {
    display: flex;
    margin-bottom: 23px
}

.course-desc div p {
    font-size: 12px;
    font-weight: 500
}

.course-desc div strong {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px
}

.course-video {
    text-align: center;
    position: relative;
}

.course-video img {
    max-width: 290px;
    height: 196px;
    min-width: 285px
}

.course-video .videowatch {
    position: absolute;
    top: 42%;
    left: 26%;
    width: 175px;
    cursor: pointer
}

.speciality {
    margin-top: 15px;
}

.speciality .speciality-heading h2 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #FFC000;
    margin-left: 120px
}

.speciality .speciality-heading h2::before {
    content: '';
    width: 114px;
    height: 1px;
    background: #ffffff38;
    position: absolute;
    left: 17px;
    top: 25px
}

.speciality .speciality-heading h2::after {
    content: '';
    width: 898px;
    height: 1px;
    background: #ffffff38;
    position: absolute;
    right: 16px;
    top: 25px
}

.speciality-list {
    display: flex;
    justify-content: space-between
}

.speciality-list .speciality-items {
    width: 247px;
    display: flex;
    margin-top: 10px;
    border: 1px solid #ffffff38;
    justify-content: space-evenly;
    padding: 8px 10px;
    border-radius: 6px;
    align-items: center
}

.speciality-items-img img {
    width: 36px
}

.speciality-items-desc {
    width: 143px
}

.speciality-items-desc p {
    font-weight: 600;
    font-size: 20px;
    line-height: 1
}

.speciality-items-desc span {
    font-size: 13px;
    font-weight: 300
}

.navigation-single {
    margin-bottom: 4px;
    background: #f9f9f9;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
}

.nav-single ul {
    display: flex;
    align-items: center;
    height: 62px;
    margin: 0
}

.nav-single ul li {
    margin-right: 26px;
    font-size: 12px;
    font-weight: 500;
    padding: 20px 7px
}

.nav-single ul li:last-child {
    margin-right: 0;
    background: linear-gradient(45deg, #F48430, #FB6D45);
    padding: 8px 11px;
    border-radius: 4px;
    color: #fff !important;
    font-weight: 500;
    font-size: 15px
}

.nav-single ul li:last-child a {
    padding: 0 14px;
    color: #fff
}

.nav-single ul li a {
    color: #4c4c4c;
    text-decoration: none
}

.active-single {
    border-bottom: 3px solid #f8981d
}

.bottom-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    position: relative;
    background: #eee;
    text-align: center;
    padding: 0 2em
}

.nav-items h1,
.bottom-slide h1 {
    font-size: 2rem;
    margin: 0;
    letter-spacing: 1rem;
    color: #ff5f14
}

.nav-items h3,
.bottom-slide h3 {
    font-size: 1rem;
    letter-spacing: .3rem;
    opacity: .6
}

.items-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 10;
    align-items: center
}

.items-container .enroll {
    margin-right: 0;
    background: linear-gradient(45deg, #F48430, #FB6D45);
    padding: 8px 11px;
    border-radius: 4px;
    color: #fff !important;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
}

.items-container--top {
    position: fixed;
    top: 0
}

.navs {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4c4c4c !important;
    transition: all .5s ease;
    font-size: 12px;
    font-weight: 500;
    padding: 20px 7px;
    margin-right: 26px;
    text-decoration: none !important
}

.bottom-slider {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #ff5f14;
    transition: left .3s ease
}

.placement-section .card-body {
    display: flex;
    padding: 20px 30px 20px 20px
}

.placement-text {
    text-align: justify
}

.program-over {
    padding-left: 2.9em !important;
    padding-right: 40px !important
}

.eduction-cost tbody .thead {
    color: #4a4a4a;
    background-color: #f9f9f9
}

.eduction-cost tbody {
    text-align: center
}

.programme-table {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    width: 100%;
    border-right: 1px solid #d7d7d7
}

.eduction-cost h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 23px;
    color: #000;
    margin-top: 0;
    opacity: 0.5;
}

.eduction-cost h2 {
    font-size: 37px;
    font-weight: 600;
    color: #000;
    margin-bottom: 23px;
}

.mockup-button1 .button4 {
    margin-top: 12px;
    font-size: 15px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 500;
    height: 42px !important;
    background: linear-gradient(97deg, #f5a623, #f76b1c)
}

.eduction-cost p {
    margin-top: 7px;
    text-align: center;
    margin-bottom: 0;
    width: auto;
    font-size: 10px
}

.education-details {
    font-weight: 500;
    font-size: 15px
}

.eduction-cost tbody tr,
.eduction-cost thead tr {
    border: 1px solid #e6e6e6
}

.know-more-course {
    color: #0c5397;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline !important;
    font-weight: 600
}

.offer-course {
    font-weight: 400
}

.offer-course span {
    font-size: 12px;
    color: #0a9c7b;
    margin-bottom: 10px;
    width: 100%;
    padding: 5px 0
}

.discount_offer {
    color: #0a9c7b;
    margin-right: 0;
    font-weight: 600;
    font-size: 12px
}

.expires-offer {
    font-weight: 400
}

.offer_countdown {
    font-weight: 600;
    font-size: 12px;
    color: #0a9c7b
}

.course-page-sec-title h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    font-weight: 400;
    font-size: 13px !important;
    margin-bottom: 0;
    line-height: 1.7;
    padding-left: 1.5em;
    color: #212529 !important
}

.abt-accordion .card {
    border-radius: 0;
    border: 1px solid rgba(179, 179, 179, 0.45);
    margin-bottom: 10px;
    max-width: 730px;
    border-radius: 0;
    box-shadow: 0 0 5px 3px #d4d4d466
}

.abt-accordion .card .collapse.show {
    position: relative
}

.abt-accordion .card .collapse.show::before {
    content: '';
    width: 94%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #02b0af;
    margin-left: 3%
}

.abt-accordion .card .card-header h2 button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-decoration: none;
    border-radius: 0;
    text-transform: uppercase
}

.abt-accordion .card .card-header h2 button span {
    color: #4a4a4a;
    font-weight: 500;
    text-align: left;
    font-size: 15px;
    text-transform: capitalize
}

.abt-accordion .card .card-header h2 button i {
    color: #4a4a4a
}

.abt-accordion .card .card-header {
    padding: 7px;
    background: none;
    border: none
}

.course-about {
    padding-top: 80px;
    background: #F9F9F9;
    padding-bottom: 50px
}

.about-course-heading h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 22px
}

.about-course-desc span {
    font-size: 13px;
    font-weight: 300
}

.about-course-desc span strong {
    font-weight: 600
}

.about-course-desc span ul {
    list-style: disc;
    margin-left: 15px
}

.about-course-desc {
    border-right: 1px solid #ccc;
    line-height: 20px;
    padding-right: 20px
}

.question-portion {
    position: sticky;
    top: 0;
    margin-top: 0
}

.question-heading h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.question-item {
    background: linear-gradient(180deg, #01C7AC, #02AEAE);
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 5px 9px 0 #d0d0d0;
    margin: 0 15px 5px;
    text-align: center
}

.question-portion .sticky-form .form-contact .form-column {
    margin: auto
}

.question-item span {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px
}

.question-slider-section .owl-dots {
    position: relative;
    bottom: auto;
    left: auto;
    transform: translate(3.5%, -25%)
}

.question-slider-section .owl-dots .owl-dot.active span {
    background: transparent !important;
    border: 2px solid #ddd
}

.schedule {
    margin-top: 56px
}

.schedule-heading h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: -10px
}

.schedule-list-table table {
    border-collapse: collapse
}

.schedule-list-table tr {
    line-height: 4
}

.schedule-list-table tr td {
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 13px
}

.schedule-list-table tr td:first-child {
    padding: 0 28px 0 45px
}

.schedule-list-table tr td:nth-child(2) {
    padding: 0 60px 0 28px
}

.schedule-list-table tr td:nth-child(3) {
    padding: 0 20px 0 45px
}

.schedule-list-table tr td:last-child {
    border: none
}

.schedule-list-table {
    width: 800px
}

.batch-schedule {
    position: relative
}

.batch-schedule .schedule-list {
    position: absolute;
    top: 65px;
    display: flex;
    width: 100%;
    justify-content: space-around
}

.schedule-list-fee {
    width: 310px;
    padding-left: 10px
}

.schedule-list-fee h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.schedule-list-fee h2 {
    margin: 0;
    color: #fff
}

.schedule-list-fee del {
    margin-left: 170px;
    font-weight: 600;
    font-size: 17px
}

.schedule-list-fee p {
    margin-top: 15px;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 25px
}

.schedule-list-fee button {
    width: 190px;
    height: 57px;
    border: none;
    border-radius: 6px;
    background: linear-gradient(45deg, #F4842E, #FB6D45);
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 23px;
    margin-left: -25px
}

.schedule-list-fee small {
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-top: -13px
}

.schedule-list-fee a {
    display: block;
    color: #fff;
    font-size: 14px;
    width: 75px;
    margin-left: 70px
}

.country-fee form {
    width: 340px;
    display: flex;
    justify-content: space-between
}

.country-fee form select {
    border: none;
    background: #f9f9f9;
    box-shadow: 0 3px 10px 0 #D9D9D9;
    font-size: 12px;
    color: #aaa;
    height: 33px
}

.country-fee form select:first-child {
    width: 200px
}

.country-fee form select:last-child {
    width: 85px
}

.batch-request {
    padding: 50px 0 70px
}

.batch-heading {
    margin-bottom: 25px
}

.curriculum-accordian .mp-eligibility ul li {
    line-height: 42px !important
}

.like-curriculum .help-block {
    position: relative
}

.batch-super-heading h2 {
    text-transform: uppercase;
    border-bottom: 4px solid #FA8E2B;
    width: fit-content;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 50px;
    padding-bottom: 2px
}

.curriculum-super-heading h2 {
    text-transform: uppercase;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto;
    padding-bottom: 3px;
    text-align: center
}

.form-batch .form-inline {
    justify-content: space-between;
    align-items: end
}

.batch-request .form-batch .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 50%;
    margin-left: 22px;
    margin-top: 2px;
    position: absolute;
    top: 16%;
    width: 0
}

.fcontrol {
    position: relative
}

.fcontrol input {
    width: 213px;
    margin-top: 7px;
    border: solid 1px #ddd;
    padding: 6px 0 6px 10px;
    font-size: 14px;
    background: #ffff;
    color: #8c8c8c;
    border-radius: 6px;
    height: 37px
}

.fcontrol input:focus {
    outline: none
}

.fcontrol label {
    justify-content: start;
    font-size: 13px
}

.fcontrol .mobile-hidden {
    position: absolute;
    top: 25px;
    right: -40px;
    background: #fa8e2b;
    padding: 4px 15px;
    height: 38px;
    border-radius: 6px
}

.fcontrol button {
    text-transform: uppercase
}

.curriculum {
    background: #f9f9f9;
    padding: 50px 0
}

.curriculum-heading .line {
    width: 178px
}

.mp-eligibility ul li span {
    position: absolute;
    font-weight: 400;
    font-size: 13px !important;
    text-align: justify;
    line-height: 1.4em;
    top: 6px
}

.curriculum-heading h3 {
    color: #0F2C39;
    font-size: 18px;
    font-weight: 600;
    margin: auto;
    padding-bottom: 5px
}

.curriculum-heading .download-curriculum {
    position: absolute;
    right: 17px;
    top: 0
}

.curriculum-heading .download-curriculum button {
    font-size: 13px;
    padding: 4px 20px;
    border-radius: 6px;
    background: transparent;
    border: 2px solid #FC644D;
    font-weight: 500
}

.curriculum-headin .download-curriculum button:hover i {
    margin-left: 15px;
    transition: all 800ms
}

.curriculum-accordian .accordion .fa {
    margin-right: .5rem;
    font-size: 14px;
    color: #525252
}

.curriculum-accordian {
    margin-top: 16px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1)
}

.curriculum-accordian .accordion .card .card-header {
    padding: 5px;
    background: #fff;
    margin-bottom: 0
}

.curriculum-accordian .accordion .card .card-header h2 button {
    color: #4a4a4a;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    width: 93%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.curriculum-accordian .accordion .card .card-header h2 button .fa {
    color: #4a4a4a
}

.curriculum-accordian .accordion .card {
    margin-bottom: 5px;
    border-bottom: none
}

.curriculum-accordian .accordion .card .collapse {
    box-shadow: 0 2px 4px 2px #f3f3f3
}

.curriculum-accordian .accordion .card .card-body {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-body p {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.7;
    padding-left: 1.5em
}

.card-body ul {
    margin-left: .2em
}

.card-body ul li {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7
}

.card-body ul li::before {
    content: " ";
    position: absolute;
    top: 2px;
    left: -20px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1em;
    width: .5em;
    border-bottom: .2em solid #ff5f14;
    border-right: .2em solid #ff5f14
}

.career-assistance {
    background: #fff;
    padding: 9px;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin: 16px auto 55px;
    position: sticky;
    top: 80px
}

.career-heading {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.career-assistance .career-heading strong {
    margin-left: 15px;
    font-size: 20px
}

.career-heading img {
    width: 80px
}

.career-assistance ul li {
    font-size: 13px;
    font-weight: 500;
    line-height: 2.4;
    margin-left: 10px
}

.career-assistance button {
    width: 165px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #f97240;
    background: transparent;
    color: #f97540;
    text-transform: uppercase;
    margin: 20px auto;
    display: block
}

.preview {
    position: absolute;
    right: 30px;
    top: 12px;
    display: flex;
    align-items: center
}

.preview i {
    border: 2px solid #0D4173;
    color: #0D4173;
    font-size: 15px;
    padding: 0 4px 0 5px;
    border-radius: 50%;
    margin-right: 3px
}

.preview span {
    font-size: 15px;
    font-weight: 500;
    color: #0D4173
}

.course-syllabus {
    background: #f9f9f9;
    border: 1px solid #0D4173;
    border-radius: 6px;
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.course-syllabus strong {
    font-size: 15px;
    color: #525453;
    font-weight: 600
}

.course-syllabus button {
    color: #014AB3;
    border: none;
    margin-left: 25px;
    background: transparent;
    font-size: 14px;
    font-weight: 600
}

.course-syllabus button i {
    color: #F6971F
}

.assessment {
    background: url(../../img/Self-Assessment.html);
    background-size: cover;
    background-repeat: no-repeat;
    height: 285px
}

.self-ass {
    padding: 50px 0
}

.self-ass-heading h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600
}

.self-ass-desc p {
    font-weight: 300;
    letter-spacing: .5px;
    color: #fff;
    width: 660px;
    font-size: 17px
}

.self-ass-desc p strong {
    font-weight: 600;
    font-size: 18px
}

.self-ass-button button {
    width: 310px;
    height: 45px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 1.5px;
    border-radius: 4px;
    margin-top: 32px
}

.self-ass-button button:hover i {
    margin-left: 15px;
    transition: all 800ms
}

.self-img {
    width: 261px;
    padding-top: 19px
}

.training-faq {
    padding: 50px 0;
    background: #f9f9f9
}

.faq-super-heading h2 {
    text-transform: uppercase;
    border-bottom: 4px solid #FA8E2B;
    width: 70px;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 34px;
    padding-bottom: 2px
}

.banner-faq-page-heading {
    color: #fff
}

.banner-faq-page-heading span {
    color: #ffba00;
    font-weight: 600
}

.banner-faq-page-heading p {
    font-size: 18px;
    margin-bottom: 10px
}

.banner-faq-page-heading p strong {
    font-size: 18px;
    font-weight: 500
}

.banner-faq-page-heading h1 {
    font-weight: 600;
    line-height: 1.2;
    font-size: 43px;
    margin-bottom: 20px
}

.banner-faq-page-heading .le-color {
    font-size: 18px;
    font-weight: 600
}

.faq-gt {
    display: flex;
    justify-content: center
}

.faq-gt .nav-item {
    margin-bottom: -1px;
    width: 20%;
    text-align: center
}

.faq-gt .nav-item a {
    background: transparent !important;
    border: none !important;
    color: #0a2229 !important;
    font-size: 17px;
    padding: 15px
}

.faq-gt .nav-item a.active {
    border-bottom: 5px solid #ff9000 !important
}

.faq-getTrack {
    padding: 40px 0
}

.faq-ask {
    border-bottom: 1px solid #c1c1c1
}

.faq-ask h1 {
    border-bottom: 5px solid #ff9000;
    font-size: 25px;
    font-weight: 700;
    width: 33%;
    line-height: 2;
    color: #025a93;
    margin: 0 auto
}

.faq-ask-question-content {
    padding: 20px
}

.faq-ask-question-content h2 {
    font-size: 20px;
    color: #285c85;
    font-weight: 500;
    line-height: 1.8
}

.faq-ask-question-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #505050
}

.faq-ask-question-heading h4 {
    border-bottom: 5px solid #ff9000;
    font-size: 27px;
    font-weight: 600;
    width: fit-content;
    line-height: 2;
    color: #025a93;
    margin: 0 auto
}

.faq-ask-box {
    box-shadow: 0 10px 13px 0 rgba(111, 111, 111, 0.17);
    padding: 25px
}

.faq-ask-box img {
    margin-bottom: 15px
}

.faq-ask-box h4 {
    font-size: 15.24px;
    font-weight: 600;
    color: #4b4b4b;
    margin-bottom: 5px
}

.faq-ask-box p a {
    font-size: 12.7px;
    color: #a1a1a1;
    font-weight: 400
}

.link-faq {
    background-color: #f9f9f9
}

.faq-atj {
    display: flex;
    justify-content: space-between
}

.border-right1:after {
    content: '';
    border-bottom: 5px solid #ff9000;
    width: 124px;
    padding: 8px;
    display: block;
    margin: 0 auto
}

.faq-atj .faq-atj-link {
    padding: 20px 0 0
}

.faq-atj-link.nav-active {
    font-weight: 500;
    color: #0a2229
}

.faq-atj .faq-atj-link a {
    font-size: 17.78px;
    text-decoration: none;
    padding: 7px 72px;
    color: #0a2229;
    border-right: 1px solid #a1a1a1
}

.faq-heading h3 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 30px
}

.faq-question-section {
    padding-bottom: 70px
}

.faq-form {
    border-top: 8px solid #025a93;
    box-shadow: 0 0 5px 3px #d4d4d4c2
}

.faq-accordion .card {
    border: 1px solid;
    border-color: #888;
    margin-bottom: 15px
}

.faq-accordion .card .collapse.show {
    position: relative
}

.faq-accordion .card .collapse.show::before {
    content: '';
    width: 94%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #02b0af;
    margin-left: 3%
}

.faq-accordion .card .card-header h2 button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-decoration: none;
    border-radius: 0;
    text-transform: capitalize
}

.faq-accordion .card .card-header h2 button span {
    color: #888;
    font-weight: 600;
    text-align: left;
    font-size: 15px
}

.faq-accordion .card .card-header h2 button i {
    color: #888
}

.faq-accordion .card .card-header {
    padding: 10px;
    background: none;
    border: none
}

.faq-accordion .card-body p {
    padding-left: 0;
    text-align: justify
}

.faq-sticky-form.sticky-form {
    padding: 0 20px 40px
}

.faq-sticky-form.form-column {
    width: 100%;
    background: #fff;
    padding: 20px
}

.more-faq a {
    padding: 10px 30px;
    border: 2px solid #025a93;
    width: 100%;
    font-weight: 600
}

@media only screen and (max-width: 440px) {
    .faq-atj {
        display: inherit;
        text-align: center;
        padding: 20px 0
    }
    .about-us-class {
        width: 250px !important;
        height: 250px !important;
    }
    .faq-form {
        margin-top: 50px
    }
    .faq-ask-question-heading h4 {
        line-height: 1.5;
        font-size: 18px
    }
    .faq-heading h3 {
        font-size: 16px
    }
    .faq-ask h1 {
        width: 80%;
        font-size: 18px
    }
    .faq-ask-question-content {
        padding: 0 10px
    }
    .border-right1:after {
        width: 26%
    }
    .faq-atj .faq-atj-link {
        padding: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .faq-atj .faq-atj-link a {
        text-decoration: none;
        padding: 7px 22px;
        color: #0a2229;
        border-right: 1px solid #a1a1a1;
        font-size: 15px
    }
}

.enroll-class {
    padding: 25px 0 0;
    margin-top: 70px;
    background: linear-gradient(90deg, hsla(210, 96%, 46%, 1) 0%, hsla(227, 97%, 24%, 1) 100%);
}

.enroll-img img {
    width: 100%;
    height: auto;
}

.enroll-class-form .select2-selection__rendered {
    font-size: 13px;
    color: #525558
}

.enroll-class-form .form-inline .help-block {
    position: inherit
}

.enroll-class-form .form-inline label {
    display: block;
    width: 100%;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 10px
}

.enroll-class-form .form-inline .form-group {
    width: 330px
}

.enroll-class-form form .enroll-btn {
    margin-top: 24px
}

.enroll-class-form form button {
    text-transform: uppercase;
    font-size: 18px;
    padding: 1px 15px;
    color: #fff;
    border: 2px solid;
    border-radius: 6px;
    margin-top: 28px;
    height: 39px;
}

.enroll-class-form .help-block {
    font-size: 11px;
}

.en strong {
    font-size: 19px;
    color: white;
}

.en a {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin-left: 10px;
    text-decoration: none;
}

.en p {
    font-weight: 300;
    margin-top: 15px;
    color: white;
}

.body-course {
    background: #f9f9f9
}

.global-exam {
    background: url(../img/AWS_Background-n.jpg);
    height: 590px;
    padding: 35px 0
}

.global-exam-heading h3 {
    text-align: center;
    font-size: 30px;
    color: #fff
}

.global-exam-heading .line {
    margin: auto;
    width: 125px;
    height: 5px;
    background: #FA8E2B
}

.global-exam-heading p {
    color: #fff;
    width: 1000px;
    margin: 25px auto 0;
    font-weight: 300;
    font-size: 14px;
    text-align: center
}

.certification-points {
    margin-top: 45px;
    text-align: center
}

.certification-points strong {
    color: #fff;
    font-weight: 500
}

.certification-points p {
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.certification-img-icon {
    margin-bottom: 15px
}

.certification-img-icon img {
    width: 37px;
    height: 45px
}

.download-buttons-certificate {
    margin-top: 40px
}

.download-button {
    text-align: center
}

.download-button button {
    font-size: 14px;
    background: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    padding: 5px 11px;
    min-width: 210px;
    border-radius: 4px;
    font-weight: 500
}

.training-features {
    padding-top: 50px;
    padding-bottom: 50px
}

.features-super-heading h2 {
    text-transform: uppercase;
    border-bottom: 4px solid #FA8E2B;
    width: 240px;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 30px;
    padding-bottom: 2px
}

.features-heading .line {
    width: 170px
}

.feature-img-section {
    display: flex;
    align-items: center
}

.feature-img-section img {
    width: 49px
}

.feature-img-heading {
    background: #fff;
    padding: 25px 20px;
    height: 190px;
    width: 342px;
    border-radius: 10px;
    box-shadow: 0 0 6px 6px #e4e4e45e;
    margin: 28px auto 10px
}

.feature-img-heading p {
    font-size: 11px;
    font-weight: 400;
    margin: 30px 0
}

.feature-img-section h4 {
    font-size: 16px;
    font-weight: 600;
    color: #002F77;
    margin-left: 25px
}

.training-certificate {
    background: url(../img/training-certificate-back.webp);
    background-size: cover;
    height: 566px;
    width: 100%
}

.training-certi {
    padding-top: 75px
}

.training-certi h3 {
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase
}

.cerificate-img {
    width: 638px;
    margin-top: 80px
}

.training-desc p {
    font-size: 18px;
    margin-top: 3px;
    font-weight: 300
}

.training-button {
    margin-top: 35px;
    display: flex;
    align-items: center
}

.join-button button {
    text-transform: uppercase;
    margin-right: 50px;
    border: 1px solid #fa872a
}

.sample a {
    text-transform: uppercase;
    text-decoration: none
}

.certificate-preview {
    position: relative
}

.certificate-preview a {
    position: relative;
    color: #fff
}

.certificate-preview a span {
    position: absolute;
    top: 160px;
    right: 0;
    font-weight: 500
}

.course-testimonial {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f9f9f9
}

.course-testi-heading {
    padding: 20px 0
}

.colon {
    position: absolute;
    left: 18.7%;
    z-index: 9;
    top: 37%;
}

.course-testi-super-heading h2 {
    text-transform: uppercase;
    border-bottom: 4px solid #FA8E2B;
    width: fit-content;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 50px;
    padding-bottom: 2px
}

.course-testi-heading .line {
    margin: auto;
    width: 220px
}

.course-testi-owl {
    width: 780px;
    margin: auto
}

.colon-testi {
    width: 146px
}

.colon-testi img {
    width: 100%
}

.course-testi-review {
    background: #fbfbfb;
    padding-bottom: 110px;
    background-image: url(../img/testi-back.png);
    background-repeat: no-repeat;
    background-position: 110% 50%;
    background-size: contain;
    box-shadow: 0 8px 19px 3px #e2e2e2
}

.testi-review {
    background: #fffbfa;
    width: 757px;
    padding: 35px 45px 13px 100px;
    border-radius: 20px;
    box-shadow: 0 0 9px 5px #e4e4e4;
    margin: 15px
}

.testi-review p {
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8
}

.testi-review-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px
}

.testi-review-bottom a {
    font-size: 10px
}

.testi-review::after {
    content: '';
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #fffbfa;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    right: 36px;
    bottom: -20px
}

.testi-name p {
    font-size: 16px;
    margin: 0;
    font-weight: 600
}

.testi-star i {
    font-size: 17px;
    color: #0056b3;
}

.testi-star .fa-linkedin {
    background: #0097D0;
    padding: 2px 5px;
    color: #fff
}

.course-testy .owl-dots {
    display: none
}

.course-testy {
    position: relative
}

.course-testy .owl-nav {
    position: absolute;
    width: 100%;
    top: 34%
}

.course-testy .owl-nav .owl-prev span {
    position: absolute;
    left: -12%;
    font-size: 45px;
    font-weight: 600;
    top: 0
}

.course-testy .owl-nav .owl-next span {
    position: absolute;
    right: -12%;
    font-size: 45px;
    font-weight: 600;
    top: 0
}

.allclients .owl-nav .owl-prev span {
    position: absolute;
    left: -1%;
    font-size: 45px;
    font-weight: 600;
    top: 40%
}

.allclients .owl-nav .owl-next span {
    position: absolute;
    right: 7%;
    font-size: 45px;
    font-weight: 600;
    top: 40%
}

.allclients .owl-dots {
    display: none
}

.view-testi {
    position: absolute;
    right: 18%
}

.view-testi a {
    font-style: italic;
    color: #000;
    font-weight: 300
}

.course-video-review {
    padding: 50px 0 0;
    background: #f9f9f9
}

.course-review-video {
    padding: 40px 0;
    background: linear-gradient(90deg, hsla(210, 96%, 46%, 1) 0%, hsla(227, 97%, 24%, 1) 100%);
}

.course-super-video-heading h2 {
    text-transform: uppercase;
    border-bottom: 4px solid #FA8E2B;
    width: 186px;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 50px;
    padding-bottom: 2px
}

.corp-video img,
.slu-video img,
.faculty-video img {
    width: 366px !important;
    margin-top: 1px
}

.video-tab .tab {
    top: 3px;
    position: absolute;
    left: 33.5%;
    z-index: 9;
    display: flex
}

.video-tab .tab .videotablinks {
    font-size: 15px;
    width: 142px;
    height: 40px;
    border: none;
    background: #ffffff;
    color: #03070c;
    outline: none;
}

.video-tab .tab .videotablinks.active {
    background: #032437;
    position: relative;
    color: white;
}

.video-tab .tab .videotablinks.active:after {
    content: '';
    width: 0;
    border: 20px solid transparent;
    border-top-color: #032437;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: 40px;
    right: 0;
}

.facultyslide,
.stuslide,
.corpslide {
    display: flex;
    align-items: flex-end
}

.faculty-desc,
.stu-desc,
.corp-desc {
    width: 680px;
    letter-spacing: 1px;
    margin-left: 35px
}

.faculty-desc p,
.corp-desc p,
.stu-desc p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    letter-spacing: 0;
    color: white;
}

.name-reviewer p {
    margin: 0;
    font-size: 14px
}

.valide-text2 .drop-number:first-child .help-block,
.valide-text1 .drop-number:first-child .help-block {
    bottom: -18px;
}

.valide-text2 .drop-number .help-block:last-child,
.valide-text .drop-number .help-block:last-child {
    left: 12px;
    bottom: 4px;
}

.name-reviewer strong {
    font-size: 17px;
    font-weight: 600;
    color: white;
}

.faculty-slider .owl-dots,
.corp-slider .owl-dots,
.student-slider .owl-dots {
    bottom: -28px;
    left: 50%
}

.faculty-slider .owl-dots .owl-dot span,
.corp-slider .owl-dots .owl-dot span,
.student-slider .owl-dots .owl-dot span {
    width: 45px !important;
    height: 5px !important
}

.mob-student {
    padding: 5px 0;
    text-align: center;
}

.mob-student a {
    width: 100%;
    padding: 10px 76x;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mob-student a i {
    font-size: 27px;
}

.mob-student a span {
    font-size: 20px;
}

.mob-student .dropdown {
    background: linear-gradient(45deg, #FC644D, #F38E26);
    padding: 0 6px;
    border-radius: 6px
}

.mob-student .dropdown .dropdown-menu {
    background: #fbfbfb;
    left: -42px !important;
    top: 11px !important;
    border-radius: 0;
    border-right: 5px solid #fa6d45;
    padding: 0;
    transform: translate3d(-28px, 21px, 0px) !important
}

.mob-student .dropdown .dropdown-menu a {
    color: #000 !important;
    box-shadow: 0 0 3px 0 #b5b5b5;
    padding: 10px;
    width: 174px
}

.mob-student .dropdown .dropdown-menu a img {
    width: 20px;
    float: right
}

.mob-student .dropdown .dropdown-menu a i {
    width: 20px;
    float: right;
    color: #F8AC7C
}

.mob-header-top {
    display: none;
    background: #25d366;
}

.mob-header-top strong {
    display: flex;
    align-items: center
}

.mob-header-top a span {
    font-weight: 600
}

.mob-header-top strong span,
.mob-header-top .dropdown a {
    color: #fff !important;
    font-size: 12px
}

.mob-header-top a span {
    color: #fff !important;
    font-size: 20px;
    padding: 0 8px;
}

.mob-header-top strong img {
    width: 18px;
    margin-right: 5px
}

.led-online {
    background: url(../img/Background-n.png);
    background-size: cover;
    padding-bottom: 25px;
    padding-top: 60px
}

.led-online .led-online-heading h3 {
    color: #fff;
    font-size: 21px;
    text-align: center;
    margin-bottom: 40px
}

.led-class {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 2px #dedede;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.led-class-heading {
    border-bottom: 5px solid #CECECE
}

.led-class-heading ul {
    padding: 30px 0;
    margin: 0 45px;
    line-height: .1
}

.led-class-heading ul li {
    font-size: 17px;
    font-weight: 600;
    float: left;
    width: 200px;
    text-align: center
}

.led-class-section ul {
    height: 80px;
    padding: 15px 0;
    margin: 33px 45px;
    border: 1px solid #ddd;
    border-bottom: 5px solid #fa8e2b;
    border-radius: 6px;
    background: #fcfcfc;
    box-shadow: 0 0 10px 3px #dddddd63;
    position: relative
}

.led-class-section ul::before {
    content: 'WEEKEND DAYS';
    position: absolute;
    font-size: 11px;
    font-weight: 600;
    top: -8px;
    left: 58px;
    background: #fff;
    width: 100px;
    text-align: center
}

.led-class-section ul li {
    width: 203px;
    text-align: center;
    float: left
}

.led-class-section ul li:nth-child(1) {
    margin-top: 6px
}

.led-class-section ul li:nth-child(1) span {
    font-weight: 600
}

.led-class-section ul li:nth-child(2) p {
    font-weight: 400;
    font-size: 13px
}

.led-class-section ul li:nth-child(3) strong {
    font-size: 27px;
    line-height: 1;
    color: #F58634
}

.led-class-section ul li:nth-child(3) {
    position: relative;
    margin-top: 8px
}

.led-class-section ul li:nth-child(3) del {
    font-size: 12px;
    margin-right: -65px;
    font-weight: 600;
    position: absolute;
    bottom: -16px;
    right: 104px
}

.led-class-section ul li:nth-child(4) strong {
    line-height: 2;
    font-size: 21px
}

.led-class-section ul li:nth-child(4) button {
    background: linear-gradient(45deg, #062A36, #124B5E);
    border: none;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    margin-top: 8px
}

.led-class-section ul li:nth-child(5) button {
    background: linear-gradient(45deg, #F48430, #FA6F46);
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    margin-top: 6px
}

.led-buttom {
    display: flex;
    justify-content: space-between;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: -.15em;
    position: absolute;
    right: 0;
    top: -.15em
}

.view-led p {
    font-size: 15px;
    font-weight: 600
}

.view-led a {
    float: right;
    color: #212529;
    font-weight: 700
}

.schedule-call {
    background: #f9f9f9;
    padding: 44px 0 66px
}

.sche-call {
    display: flex;
    justify-content: center;
    align-items: baseline
}

.sche-call button {
    color: #fff;
    padding: 10px 20px;
    border: none;
    background: linear-gradient(45deg, #F48430, #FA6F46);
    border-radius: 6px;
    margin-left: 25px
}

.led-class-section ul::before {
    content: 'WEEKEND DAYS'
}

#myModal .modal-dialog {
    max-width: 700px
}

#myModal .modal-dialog .modal-content {
    background: transparent;
    border: none
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.sticky+.course-about {
    padding-top: 102px
}

.sticky+.led-online {
    margin-top: 402px
}

.about-course-desc .morecontent span,
.question-item .morecontent span {
    display: none
}

.contact-banner {
    background: url(../img/Banner_Contact2.jpg);
    height: 374px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat
}

.contact-banner-heading {
    margin-top: 60px;
    width: 500px
}

.contact-banner-heading h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 700
}

.contact-banner-heading h2 span {
    font-weight: 700;
    font-size: 42px;
    color: #F7971E
}

.whiteline {
    width: 55px;
    height: 6px;
    background: #fff;
    margin: 15px 0
}

.contact-banner-desc p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 578px;
    line-height: 1.6
}

.banner-learner {
    background: #fff;
    display: flex;
    justify-content: space-evenly;
    width: 605px;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    bottom: -110px;
    right: 50%;
    transform: translate(50%, 50%);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    padding: 5px 0
}

.learner-number-image img {
    width: 101px
}

.learner-number strong {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase
}

.banner-learner .learner-number strong span {
    font-weight: 700
}

.learner-number p {
    font-weight: 500;
    font-size: 15px
}

.git {
    padding-top: 90px;
    background: url(../img/getintouchback.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 80px
}

.getintouch h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    width: fit-content;
    margin: auto;
    padding-bottom: 5px
}

.getintouch p {
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px
}

.getintouchborder {
    width: 55px;
    height: 6px;
    background: #212121;
    margin: 20px auto 92px
}

.get-list {
    display: flex;
    justify-content: space-between
}

.get-list-item {
    width: 208px;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 9px 4px #c3c3c380;
    position: relative;
    background: #fff
}

.get-list-item .item-image {
    position: absolute;
    top: -23%;
    right: 50%;
    transform: translate(50%, 0)
}

.get-list-item .item-image img {
    width: 100px
}

.get-list-item strong {
    text-align: center;
    display: block;
    color: #F7971E;
    text-transform: uppercase
}

.get-list-item p {
    font-size: 11px;
    margin-bottom: 5px;
    letter-spacing: 0px
}

.get-data {
    padding: 50px 10px 20px
}

.get-dots {
    display: flex;
    justify-content: center;
    margin: 10px 0px;
}

.get-data p a {
    color: #212529;
}

.get-dots div {
    width: 5px;
    height: 5px;
    background: #212121;
    border-radius: 50%;
    margin: 0 2px
}

.solution-form {
    padding: 40px 0 10px
}

.solution {
    width: 100%;
    background: #FCFCFC;
    padding: 55px 0 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 #d8d8d8db;
    margin: 50px auto 110px;
    text-align: center;
    position: relative
}

.solution .solu-img {
    position: absolute;
    top: -50px;
    right: 50%;
    transform: translate(50%, 0%)
}

.solution .solu-img img {
    width: 100px
}

.cor-ler-sol {
    margin-bottom: 20px
}

.cor-ler-sol strong {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

.solution1 {
    width: 100%;
    background: #FCFCFC;
    padding: 55px 0 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 #d8d8d8db;
    margin: 50px auto 60px;
    text-align: center;
    position: relative
}

.solution1 .solu-img {
    position: absolute;
    top: -50px;
    right: 50%;
    transform: translate(50%, 0%)
}

.solution1 .solu-img img {
    width: 100px
}

.solution1 p {
    font-size: 14px;
    font-weight: 400
}

.solution p {
    font-size: 14px;
    font-weight: 400
}

.resolve-query {
    border-radius: 10px;
    box-shadow: 0 0 20px 0 #d8d8d8db;
    margin: 50px auto 60px;
    position: relative;
    padding-top: 60px;
    background: #FCFCFC
}

.resolve-query input[type=text],
.resolve-query input[type=email],
.resolve-query textarea,
.resolve-query input[type="tel"] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 24px;
    resize: vertical;
    outline: none
}

.resolve-query input::placeholder,
.resolve-query textarea::placeholder {
    font-size: 13px;
    color: #C8D4E2
}

.resolve-query input[type=submit] {
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 8px 0;
    font-weight: 500;
    background: #F8981D
}

.resolve-query .resolve-query-img {
    position: absolute;
    top: -50px;
    right: 50%;
    transform: translate(50%, 0%)
}

.resolve-query .resolve-query-img img {
    width: 100px
}

.resolve-query-heading h4 {
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #F79621;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 22px
}

.resolve-query-form {
    padding: 0 40px 22px
}

.register-map {
    margin-bottom: 53px
}

.reg-off-add h4 {
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f7981d;
    font-size: 22px
}

.reg-add p {
    padding: 0 130px;
    font-weight: 400
}

.register {
    width: 100%;
    background: #FCFCFC;
    padding: 64px 0 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 #d8d8d8db;
    margin: 50px auto 0;
    text-align: center;
    position: relative
}

.register .solu-img {
    position: absolute;
    top: -50px;
    right: 50%;
    transform: translate(50%, 0%)
}

.register .solu-img img {
    width: 100px
}

.google-map {
    margin-top: 20px
}

.google-map strong {
    margin-left: 25px
}

.google-map a {
    color: #000
}

.google-map iframe {
    border-radius: 10px;
    margin-top: 10px;
    box-shadow: 0 0 20px 0 #d8d8d8db
}

.captcha {
    position: relative
}

.terms-form span.select2.select2-container.select2-container--bootstrap,
.pi-place span.select2.select2-container.select2-container--bootstrap {
    width: 65px !important
}

.terms-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.pi-place .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    left: 79% !important
}

.captcha span {
    position: absolute;
    right: 1px;
    top: 0;
    background: #ddd;
    padding: 9px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.corp-banner img {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.corp-banner .corp-banner-heading h3 {
    font-size: 32px;
    color: #F8BA1B;
    width: 630px
}

.corp-banner .corp-banner-heading h3 i {
    font-weight: 700
}

.corp-banner-heading-line {
    margin-bottom: 34px;
    margin-top: 34px;
    width: 60px;
    height: 5px;
    background: #F8BA1B
}

.corp-banner-desc {
    color: #fff;
    font-size: 19px;
    margin-bottom: 34px;
    width: 600px
}

.corp-banner-links {
    font-size: 17px;
    margin-bottom: 50px;
    display: flex
}

.corp-banner-links p {
    font-weight: 400;
    color: #fff;
    border-right: 2px solid #fff;
    padding-right: 7px;
    padding-left: 7px
}

.corp-banner-links p:first-child {
    padding-left: 0
}

.corp-banner-links p:last-child {
    border: none
}

.publish-date {
    font-size: .75rem;
    color: #9b9b9b;
    margin-right: 10px
}

.total-views {
    font-size: .75rem;
    color: #4a4a4a;
    font-style: italic
}

.download-corp {
    display: flex;
    align-items: center;
    width: 500px;
    justify-content: space-between;
    margin-bottom: 40px
}

.download-corp-section button {
    width: 224px;
    height: 50px;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #fff;
    border-radius: 5px
}

.corp-appro {
    margin-top: 50px
}

.heading p {
    font-weight: 400;
    text-align: center;
    font-size: 17px
}

.main-corp {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.main-corp .corp-appro-section {
    width: 340px;
    padding: 25px;
    box-shadow: 0 0 20px 0 #d8d8d8db;
    border-radius: 10px
}

.corp-appro-section-heading {
    font-size: 17px !important;
    color: #002F75 !important;
    text-align: center !important;
    font-weight: 700 !important;
}

.corp-appro-section img {
    margin: auto;
    display: block;
    width: 53px;
    height: 35px
}

.corp-appro-section p {
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
    text-align: center
}

.why-croma-section {
    margin-top: 50px
}

.ccc-button-background:hover i,
.ccc-button-transparent:hover i {
    margin-left: 30px;
}

.ccc-button-background i,
.ccc-button-transparent i {
    margin-left: 15px;
    transition: all 800ms;
}

.why-croma p {
    width: 960px;
    margin: auto;
    text-align: center;
    font-weight: 400;
    margin-bottom: 25px;
    font-size: 17px
}

.ccc {
    margin-top: 35px;
    padding: 78px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(90deg, hsl(210deg 10.58% 24.07%) 0%, hsla(227, 97%, 24%, 1) 100%);
}

.ccc .ccc-image {
    width: 560px
}

.ccc .ccc-image img {
    margin-top: 63px;
}

.ccc-button-transparent {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    transform: skewX(-5deg);
    width: 228px;
    height: 46px;
    font-size: 18px;
}

.ccc .ccc-left {
    padding: 38px 0
}

.ccc-heading p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 45px;
}

.ccc-button-background {
    background: linear-gradient(90deg, hsla(210, 96%, 46%, 1) 0%, hsla(227, 97%, 24%, 1) 100%);
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    transform: skewX(-5deg);
    width: 228px;
    height: 46px;
    font-size: 18px;
    transition: all 800ms;
}

.ccc-heading h3 {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
}

.ccc-heading h3:after {
    content: "";
    border-bottom: 2px solid #fff;
    width: 50%;
    background-color: #fff;
    bottom: 0px;
    position: absolute;
    left: 0;
}

.ccc-heading span {
    color: #fff;
    font-weight: 600;
    display: block;
    margin: 40px 0;
}

.ccc-heading-line {
    height: 2px;
    width: 275px;
    background: #fff
}

.ccc-button {
    display: flex;
    justify-content: space-between
}

.ccc-button-transparent {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    transform: skewX(-5deg);
    width: 228px;
    height: 46px;
    font-size: 18px
}

.mentor-heading .heading h3 {
    margin-bottom: 10px
}

.mentor {
    margin-top: 30px
}

.mentorslide {
    display: flex
}

.mentorslider-left,
.mentorslider-right {
    width: 50%
}

.mentorslider-left {
    margin-top: 105px
}

.mentorslider-left-header::before {
    content: '';
    width: 50px;
    height: 50px;
    background: #FFC359;
    position: absolute;
    border-radius: 50%;
    left: 1px;
    top: 97px;
    z-index: -1
}

.mentorslider-left-header strong {
    font-size: 22px;
    margin-left: 12px
}

.mentorslider-left-desc p {
    font-weight: 400;
    margin: 75px 0;
    font-size: 15px;
    width: 535px;
    height: 185px
}

.mentor-section {
    display: flex;
    font-size: 14px
}

.mentor-experience-button-left {
    position: relative;
    margin-left: 15px
}

.mentor-experience-button-left::before {
    content: '';
    width: 5px;
    height: 34px;
    background: #0056b3;
    position: absolute;
    top: 4px;
    left: -15px;
}

.mentor-section p {
    font-weight: 400
}

.mentor-experience-button {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mentor-experience-button-right button {
    width: 223px;
    height: 45px;
    background: transparent;
    font-size: 20px;
    text-transform: uppercase;
    border: 2px solid #0056b3;
    border-radius: 5px;
    color: #0056b3;
}

.mentor-ex-slider .owl-dots {
    position: absolute;
    bottom: -37px;
    left: 34%
}

.mentor-ex-slider .owl-dots .owl-dot span {
    width: 30px !important;
    height: 5px !important
}

.mentor-ex-slider .owl-dot span {
    margin: 5px 2px !important
}

.success-heading .heading {
    margin-bottom: 10px
}

.success-meter {
    display: flex;
    justify-content: space-evenly
}

.successdata {
    width: 245px;
    margin: auto;
    text-align: center
}

.successdata p {
    color: #fff;
    font-weight: 500
}

.successdata h1 {
    font-size: 50px;
    background-color: white;
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent
}

.success-heading {
    margin-top: 50px
}

.success {
    background: linear-gradient(90deg, hsla(210, 96%, 46%, 1) 0%, hsla(227, 97%, 24%, 1) 100%);
    padding: 66px 0 103px;
    margin-bottom: 25px
}

.empower {
    padding: 140px 0 97px;
    background: url(../img/empower.webp);
    height: 629px
}

.readytoempower {
    padding-left: 70px
}

.readytoempowerheading h2 {
    font-weight: 600;
    font-size: 1.75rem;
    color: #fff;
    margin-bottom: 30px
}

.readytoempowerdesc {
    width: 450px;
    margin-bottom: 50px
}

.readytoempowerdesc p {
    color: #fff;
    line-height: 1.7;
    font-weight: 300
}

.empower-social {
    display: flex;
    flex-direction: column;
    line-height: 2
}

.empower-social i {
    width: 40px;
    padding: 10px;
    background: linear-gradient(90deg, hsla(210, 96%, 46%, 1) 0%, hsla(227, 97%, 24%, 1) 100%);
    font-size: 20px;
    border-radius: 50%;
    text-align: center;
    color: white;
}

.empower-social strong {
    color: #fff;
    margin-top: 10px
}

.empower-social p {
    color: #fff;
    font-size: 14px
}

.empower-number-mail {
    display: flex;
    justify-content: space-between
}

.drop-message {
    background: #FFF;
    width: 100%;
    border-radius: 10px;
    padding: 0px;
    position: relative;
    top: -35%;
}

.form-drop-heading {
    padding: 23px 0 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.form-drop-heading button {
    border: none;
    background: none;
    font-weight: 600;
    outline: none;
    transition: all .8s
}

.form-drop-heading button.active {
    background: #0056b3;
    padding: 8px;
    border: none;
    font-weight: 600;
    position: relative;
    color: white;
}

.form-drop-heading button.active::before {
    content: '';
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #0056b3;
    position: absolute;
    left: 50%;
    bottom: -35%;
    transform: translate(-50%, 50%)
}

.get-registration-form {
    background: linear-gradient(90deg, #f76d1d, #ffd343);
    padding: 15px;
    position: relative
}

.get-registration-form button {
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    right: 15px;
    top: 18px;
    position: absolute
}

.get-registration-form h5 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.form-drop {
    padding: 10px 0 54px
}

.form-drop form .form-inline {
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: normal
}

.form-drop form .form-inline input,
.form-drop form .form-inline select {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    margin-left: 0;
    border: none;
    background: transparent;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.ans {
    position: relative;
    width: 100% !important;
    padding: 0 10px
}

.ans .help-block {
    font-size: 12px
}

.form-drop form .form-inline input::placeholder,
.form-drop form .form-inline select::placeholder {
    font-size: 12px;
    color: #6c757d
}

.form-drop form .form-inline select {
    font-size: 12px;
    color: #6c757d
}

.form-drop form .form-inline textarea {
    color: #6c757d;
    width: 100%;
    height: 41px;
    padding: 10px 11px;
    margin-top: 25px;
    border: none;
    font-size: 12px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-drop form .form-inline .input-company {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    border: none;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-drop form .form-inline .input-course {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    border: none;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-drop form p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 22px;
    padding: 0 20px
}

.form-comman {
    padding: 10px 0 54px;
    margin-top: 16px;
    padding: 30px 50px;
    border-top: 7px solid #ffa302
}

.form-comman form .form-inline {
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: normal
}

.form-comman form .form-inline input,
.form-comman form .form-inline select {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    margin-left: 0;
    border: none;
    background: transparent;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-comman form .form-inline input::placeholder,
.form-comman form .form-inline select::placeholder {
    font-size: 12px;
    color: #6c757d
}

.form-comman form .form-inline select {
    font-size: 12px;
    color: #6c757d
}

.form-comman form .form-inline textarea {
    color: #6c757d;
    width: 100%;
    height: 41px;
    padding: 10px 11px;
    margin-top: 25px;
    border: none;
    font-size: 12px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-comman form .form-inline .input-company {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    border: none;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-comman form .form-inline .input-course {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    border: none;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-comman form p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 22px;
    padding: 0 20px
}

.inquery-class .form-comman {
    padding: 10px 0 54px;
    margin-top: 16px;
    padding: 30px 50px;
    border-top: 7px solid #ffa302
}

.inquery-class .form-comman form .form-inline {
    justify-content: space-between;
    align-items: normal
}

.inquery-class .form-comman form .form-inline input,
.form-comman form .form-inline select {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    margin-left: 0;
    border: none;
    background: transparent;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.inquery-class .form-comman form .form-inline input::placeholder,
.form-comman form .form-inline select::placeholder {
    font-size: 12px;
    color: #6c757d
}

.inquery-class .form-comman form .form-inline select {
    font-size: 12px;
    color: #6c757d
}

.inquery-class .form-comman form .form-inline textarea {
    color: #6c757d;
    width: 100%;
    height: 29px;
    padding: 10px 11px;
    margin-top: 25px;
    border: none;
    font-size: 12px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.inquery-class .form-comman form .form-inline .input-company {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    border: none;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.inquery-class .form-comman form .form-inline .input-course {
    height: 43px;
    width: 100%;
    margin-top: 25px;
    border: none;
    padding: 0 11px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.inquery-class .form-comman form p {
    font-size: 12px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 22px;
    padding: 0 20px
}

.drop-button button {
    width: 100%;
    border: none;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(90deg, hsla(210, 96%, 46%, 1) 0%, hsla(227, 97%, 24%, 1) 100%);
    padding: 7px 0;
    border-radius: 5px;
    outline: none;
    font-size: 20px
}

.form-tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none
}

.modal-form-fill .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 40px !important;
    line-height: 40px;
    margin-left: 0;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #f8981d;
    margin-top: 17px;
    width: 76px
}

.offers-class .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 50%;
    position: absolute;
    top: 47%;
    width: 0
}

.drop-message .form-drop .ans .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    margin-left: 51px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0
}

.course-about .valide-text input[type="tel"] {
    left: 30%;
    width: 70% !important
}

.enroll-class .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 50%;
    margin-left: 24px;
    margin-top: 2px;
    position: absolute;
    top: 50%;
    width: 0
}

.student-payment .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px
}

.student-payment .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px
}

.student-payment .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #495057
}

.drop-number .select2-container--default .select2-selection--single {
    background-color: #ddd;
    border-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    color: #a0a0a0;
    height: 38px !important;
    line-height: 52px;
    margin-left: 0;
    border: none;
    border-bottom: 1px solid #f8981d;
    margin-top: 13px
}

#myModal4 .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 41px !important;
    line-height: 45px;
    margin-left: 0;
    border: none;
    width: 80px;
    margin-top: 13px
}

#commanModalCourse .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 41px !important;
    line-height: 45px;
    margin-left: 0;
    border: none;
    width: 80px;
    border-bottom: 1px solid #f8981d;
    margin-top: 13px
}

.right-oppor-form .ans .drop-number .select2-container {
    height: 30px
}

.drop-message .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 58px !important;
    margin-left: 0;
    border: none;
    margin-top: 12px
}

.modalclass .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #ddd;
    border-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    width: 95px;
    background: transparent;
    height: 38px !important;
    line-height: 34px;
    font-size: 14px;
    margin-left: 0;
    border: none;
    margin-top: 20px
}

.form-column .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 35px !important;
    line-height: 40px;
    margin-left: 0;
    border: none;
    margin-top: 13px;
    border-bottom: 1px solid #ddd
}

.form-column .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 23%;
    margin-top: 6px;
    position: absolute;
    top: 50%
}

.enroll-class-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 50%;
    margin-left: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 0
}

.dropquery-right .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 85%;
    margin-left: 21px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

#commanModalCourse .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 79%;
    position: absolute;
    top: 59%;
    width: 0
}

#myModal4 .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 110%;
    position: absolute;
    top: 59%;
    width: 0
}

.sticky-form .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 40px !important;
    padding-top: 0;
    margin-left: 0;
    margin-top: 19px;
    border: none;
    width: 101px
}

.sticky-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 110%;
    position: absolute;
    top: 50%;
    width: 0
}

.curriculum .sticky-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 80%;
    margin-left: 22px;
    margin-top: 6px;
    position: absolute;
    top: 50%;
    width: 0
}

.dropquery-right .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 35px !important;
    line-height: 23px;
    margin-left: 0;
    border: none;
    width: 80px;
    margin-top: 13px
}

.curriculumid .valide-text input[type="tel"] {
    left: 15%;
    width: 85% !important
}

.led-online-new {
    background: #f3f3f3;
    padding-top: 50px;
    padding-bottom: 50px
}

.upcoming-batches-super-heading h2 {
    text-transform: uppercase;
    border-bottom: 4px solid #FA8E2B;
    width: 193px;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 50px;
    padding-bottom: 2px
}

.upcoming-batches-heading {
    position: relative
}

.upcoming-batches-heading h3 {
    color: #0F2C39;
    font-size: 18px;
    font-weight: 600;
    margin: auto;
    padding-bottom: 5px
}

.upcoming-batches-heading .line {
    width: 155px
}

.online-class-section {
    margin-top: 40px;
    display: flex;
    justify-content: space-between
}

.online-class-list {
    width: 340px;
    background: #fff;
    padding: 35px 30px 20px;
    position: relative;
    border-radius: 9px;
    box-shadow: 0 0 12px 4px #dedede;
    overflow: hidden
}

.online-class-schedule {
    position: absolute;
    top: 0;
    left: 0
}

.magenta p {
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    background: #B2012F;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 14px;
    letter-spacing: 1px
}

.sherpa-blue p {
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    background: #003944;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 14px;
    letter-spacing: 1px
}

.blue p {
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    background: blue;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 14px;
    letter-spacing: 1px
}

.policy-cc li {
    list-style-type: disc;
    margin-left: 40px;
    margin-bottom: 2px;
    text-align: justify
}

.policy-cc {
    font-size: 14px
}

.ans-place-desc p {
    font-size: 14px
}

.online-class-price {
    text-align: center
}

.online-class-price span {
    font-size: 25px;
    font-weight: 700;
    color: #242C2E
}

.online-class-price del {
    font-size: 15px
}

.online-class-time {
    display: flex;
    justify-content: center;
    margin-top: 17px;
    margin-bottom: 17px
}

.online-class-calendar,
.online-class-clock {
    display: flex;
    align-items: center;
    margin-left: 15px
}

.online-class-calendar img,
.online-class-clock img {
    margin-right: 0
}

.online-class-calendar i,
.online-class-clock i {
    background: linear-gradient(302deg, #ffed17, #dd8336);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.online-class-calendar p,
.online-class-clock p {
    font-size: 16px;
    font-weight: 700;
    margin-left: 5px;
    color: #242C2E
}

.online-class-points {
    margin-bottom: 30px;
    padding-top: 17px
}

.online-class-points p {
    font-size: 12px;
    font-weight: 400;
    display: flex;
    margin-bottom: 10px;
    align-items: baseline
}

.online-class-points p:last-child {
    font-weight: 600
}

.online-class-points p i {
    color: #FDA42E;
    margin-right: 9px
}

.online-class-offer {
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 90px;
    height: 90px;
    background: linear-gradient(0deg, #ff7d6e, #ffc071);
    color: #fff;
    border-radius: 50%;
    text-align: center
}

.online-class-offer h4 {
    font-size: 17px;
    font-weight: 600;
    padding: 20px;
    text-align: left;
    line-height: 1
}

.online-class-button button {
    margin: auto;
    display: block;
    text-transform: uppercase
}

.online-discount button {
    margin: auto;
    display: block;
    font-size: 12px;
    font-weight: 600;
    background: linear-gradient(45deg, #052B36, #124B5E);
    border: none;
    color: #fff;
    padding: 2px 5px
}

.timing-suit {
    margin-top: 50px;
    text-align: center
}

.timing-suit h4 {
    color: #0F2C39;
    font-size: 18px;
    font-weight: 600;
    margin: auto;
    padding-bottom: 5px
}

.timing-suit p {
    font-size: 13px;
    font-weight: 400
}

.timing-suit button {
    margin-top: 15px;
    text-transform: uppercase
}

.mockup {
    margin: 50px 0 0
}

.mockup-heading h3 {
    color: #0F2C39;
    font-size: 18px;
    font-weight: 600;
    margin: auto;
    padding-bottom: 5px
}

.mockup-heading .line {
    width: 146px
}

.mockup-desc,
.project-list {
    margin-top: 25px
}

.mockup-desc span,
.project-list span {
    margin-left: 1.8em;
    font-size: 13px;
    font-weight: 400;
    text-align: justify;
    position: relative;
    margin-bottom: 15px;
    display: flex;
    align-items: baseline
}

.mockup-desc span::before,
.project-list span::before {
    content: " ";
    position: absolute;
    top: 2px;
    left: -20px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1em;
    width: .5em;
    border-bottom: .2em solid #ff5f14;
    border-right: .2em solid #ff5f14
}

.mockupwork img {
    margin-top: 10px;
    width: 90%
}

.mockupwork strong {
    font-size: 17px;
    font-weight: 600
}

.mockup-button button {
    margin: auto;
    display: block;
    margin-top: 35px;
    font-size: 14px;
    text-transform: uppercase;
    width: 50%
}

.project {
    padding: 50px 0 0
}

.project-heading h3 {
    color: #0F2C39;
    font-size: 18px;
    font-weight: 600;
    margin: auto;
    padding-bottom: 5px
}

.project-heading .line {
    width: 73px
}

.sticky-form {
    position: sticky;
    top: 80px;
    margin-top: 10px
}

.pi-place .india-row {
    width: 100%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin: auto;
    margin-bottom: 25px
}

.india-row {
    width: 290px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin: auto;
    margin-bottom: 25px
}

.india-side-row {
    width: 314px;
    background: #fff;
    padding: 1px 5px;
    margin-right: 118px;
    margin-left: 15px;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin-bottom: 25px
}

.blog-cat-details-section {
    box-shadow: 0 4px 7px 0 #0000003b;
    padding: 1rem 0
}

.india-contact,
.row-contact {
    width: 100%
}

.india-contact {
    margin-bottom: 20px
}

.row-contact strong {
    font-size: 15px
}

.row-image img {
    margin-left: 40px
}

.india-row-image,
.india-row-image {
    display: flex;
    align-items: center
}

.india-row-image p,
.india-row-image p {
    font-size: 11px;
    font-weight: 300
}

.india-contact a,
.row-contact a {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    border-right: 2px solid #6f6f6f;
    padding-right: 3px
}

.review-portion {
    display: initial
}

.india-image {
    display: flex;
    align-items: center;
    justify-content: end;
}

.india-image a i {
    background: linear-gradient(302deg, #FFA817, #dd8336);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 25px
}

.row-image a i {
    background: linear-gradient(302deg, #ffed17, #dd8336);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px
}

.row-image img {
    margin-left: 40px;
}

.review-portion .sticky-form .form-column {
    width: 257px;
    background: #fff;
    padding: 20px;
    margin-right: 0;
    margin-left: 0;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin-bottom: 20px
}

.sticky-form .form-column {
    width: 315px;
    background: #fff;
    padding: 20px;
    margin-right: 118px;
    margin-left: 15px;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin-bottom: 20px
}

.sticky-form .form-column form {
    font-size: 13px
}

.sticky-form .form-column form select,
.sticky-form .form-column form input {
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    height: 41px;
    outline: none;
    margin-top: 10px;
    padding: 0 0 0 7px
}

.sticky-form .form-column form textarea {
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    height: 41px;
    outline: none;
    font-size: 13px;
    margin-top: 20px;
    padding: 0 0 0 7px
}

.job-list .sticky-form .form-column form textarea {
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    height: 41px;
    outline: none;
    font-size: 13px;
    margin-top: 20px;
    padding: 0 0 0 7px
}

.sticky-form .form-column form select,
.sticky-form .form-column form input::placeholder,
.sticky-form .form-column form textarea::placeholder {
    color: #545454
}

.sticky-form .form-column form input,
.sticky-form .form-column form textarea {
    width: 100%
}

.sticky-form .form-column form .form-inline input {
    width: 70%
}

.sticky-form .form-column form button {
    width: 165px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #f97240;
    background: transparent;
    color: #f97540;
    text-transform: uppercase;
    margin: 10px auto 0;
    display: block
}

.enrolling {
    background: url(../img/Background_Image.png);
    background-size: cover
}

.enrolling-en {
    padding: 46px 0 0 30px
}

.enroll-class-form .form-inline {
    justify-content: space-between;
    align-items: flex-start
}

.enrolling-en .enroll-class-form .form-inline .form-group {
    width: 270px
}

.enrolling-en .en a {
    color: inherit;
    font-weight: 700
}

.enroll-class-course {
    background: #F9F9F9
}

.enrolling-img img {
    margin-top: 6px;
    width: 336px
}

#morelessons,
#morefaqs {
    display: none
}

.lessons p,
.morequries p {
    text-align: center;
    margin: 15px auto;
    width: 130px;
    font-weight: 600;
    font-size: 16px;
    color: #0037a5;
    cursor: pointer
}

.needcurri,
.stillquries {
    display: flex;
    justify-content: space-between;
    padding: 12px 25px;
    background: #f0f0f0;
    align-items: center
}

.stillquries {
    justify-content: center
}

.needcurri strong,
.stillquries strong {
    font-size: 16px;
    color: #000;
    font-weight: 500
}

.needcurri button,
.stillquries button {
    text-transform: uppercase;
    margin: inherit
}

.stillquries button {
    margin-left: 40px;
    text-transform: inherit
}

.related-courses {
    background: #fefefe;
    padding: 50px 0 20px;
}

.related-courses .related-courses-super-heading h2 {
    text-transform: uppercase;
    border-bottom: 4px solid #FA8E2B;
    width: fit-content;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 50px;
    padding-bottom: 2px
}

.related-courses .related-courses-heading .line {
    margin: auto;
    width: 150px
}

.related-courses-list {
    margin-top: 30px
}

.related-courses-list img {
    width: 50px;
    margin: 10px
}

.related-courses-list .related {
    display: flex;
    background: #fff;
    box-shadow: 0 0 8px 6px #f1f1f1;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color: #000;
    margin-bottom: 30px
}

.related-courses-list .related .related-course-name {
    padding: 0 8px
}

.related-courses-list .related .related-course-name strong {
    font-size: 12px;
    display: block
}

.related-courses-list .related .related-course-name .related-rating {
    font-size: 12px;
    margin-top: 6px
}

.related-courses-list .related .related-course-name .related-rating i {
    color: #FDAF19
}

.related-courses-list .related .related-course-name .related-rating span {
    font-weight: 500;
    margin-left: 5px
}

.login-wrapper {
    background: url(../img/Login_Page.jpg);
    background-size: cover;
    width: 100%;
    height: 665px
}

.login-form-page {
    width: 580px;
    padding: 25px 0;
    margin: auto
}

.login-form-page .login-logo {
    text-align: center
}

.login-form-page .login-heading {
    text-align: center;
    color: #fff;
    margin: 42px 0
}

.login-form form {
    display: flex;
    flex-direction: column;
    padding: 0 64px
}

.login-form form a {
    margin: 41px 0;
    color: #FDCD00
}

.login-button {
    margin: auto;
    border: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(top left, #0EADC0 0%, #FAFA7E 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #0EADC0 0%, #FAFA7E 100%);
    border-image: linear-gradient(to bottom right, #7BD3A3 0%, #03A8C4 100%);
    border-radius: 10px;
    width: 150px;
    border-image-slice: 1;
    margin-bottom: 25px
}

.login-button input {
    margin: auto;
    display: block;
    border: none;
    padding: 9px 0;
    background: -webkit-linear-gradient(#FFFE7F, #05A9C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px
}

.login-form form span {
    text-align: center;
    color: #fff
}

.login-form form .or {
    margin: 20px 0;
    text-align: center;
    color: #4FD6D2;
    position: relative
}

.login-form form .or::before {
    content: '';
    width: 160px;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 45px;
    background: #4FD6D2
}

.login-form form .or::after {
    content: '';
    width: 160px;
    height: 1px;
    position: absolute;
    top: 10px;
    right: 45px;
    background: #4FD6D2
}

.form-social-img {
    display: flex;
    justify-content: center
}

.form-social-img img {
    margin: 0 15px
}

.post-social a {
    color: #000
}

.terms-policy p {
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-top: 28px
}

.effect-16 {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #4FD6D2;
    background-color: transparent
}

.effect-16~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #4FD6D2;
    transition: .4s
}

.effect-16:focus~.focus-border,
.has-content.effect-16~.focus-border {
    width: 100%;
    transition: .4s
}

.effect-16~label {
    position: absolute;
    left: 70px;
    width: 100%;
    top: 9px;
    color: #4FD6D2;
    transition: .3s;
    z-index: -1;
    letter-spacing: .5px;
    font-size: 14px
}

.effect-16:focus~label,
.has-content.effect-16~label {
    top: -16px;
    font-size: 12px;
    color: #4FD6D2;
    transition: .3s
}

.input-lebel-effect {
    position: relative;
    z-index: 1;
    display: flex
}

.input-effect input {
    outline: none
}

.input-lebel-effect.input-effect select {
    background: transparent;
    border: none;
    color: #4FD6D2;
    border-bottom: 1px solid #4FD6D2
}

.input-effect input[type="text"] {
    color: #4FD6D2;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
    padding-left: 15px
}

.newmob label {
    color: #fff
}

.newmobsection {
    display: flex
}

.newmobsection select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    width: 15%;
    font-weight: 600
}

.newmobsection select option {
    background: #4dc3af
}

.newmobsection input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    width: 85%;
    color: #fff;
    font-weight: 600;
    padding-left: 15px
}

.otp p {
    font-size: 12px;
    text-align: center;
    color: #fff
}

.otp p a {
    color: #FDCD00
}

.otp-pass {
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px
}

.otp-pass input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    width: 50px;
    text-align: center;
    color: #fff;
    font-size: 40px
}

.time-resend {
    display: flex;
    justify-content: space-around;
    color: #fff;
    margin-top: 80px;
    font-size: 12px
}

.resend p a {
    color: #FDCD00
}

.otp-button {
    text-align: center;
    margin-top: 70px
}

.otp-button input {
    width: 370px;
    height: 60px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(45deg, #FFFF2F, #02869B);
    color: #fff;
    font-weight: 500;
    font-size: 25px
}

.mob {
    width: 100%
}

.form-social-img a {
    margin: 0 !important
}

.modalclass button.downloadclose {
    position: absolute;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    right: 25px;
    top: 19px
}

.codeLocation {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.enroll-class-form .codeLocation {
    width: 112px;
    border: 0px;
}

.phone_arrow {
    position: relative;
}

.phone_arrow::after {
    content: '';
    position: absolute;
    background-color: #f2b329;
    width: 1px;
    height: 39%;
    bottom: 10px;
    left: 0px;
}

.fcontrol .arrow-country input {
    width: 112px;
    margin: 0px;
    height: 100%;
    border-radius: 0px;
    border-right: 1px solid #d3d3d3;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
}

.courseclass .courseLocation {
    font-size: 13px;
    border-radius: 0px;
}

.show_course {
    position: relative;
}

.modalclass .select2.select2-container.select2-container--bootstrap {
    position: absolute;
    z-index: 1;
    top: 0
}

.modal-content {
    border: 0
}

@media (min-width: 576px) {
    #myModal3 .modal-dialog {
        margin: .75rem auto !important
    }
    .download-form .modal-dialog {
        max-width: 400px;
        margin: 1.75rem auto
    }
}

.download-form .modal-body,
.download-form .modal-header {
    margin: 0;
    border: 0
}

.download-form .modal-body {
    padding: 35px 0
}

.download-form .modal-header {
    padding: 0
}

.download-form .model-image img {
    border-radius: 5px
}

.download-form .modal-content {
    border-radius: 5px;
    border: 0
}

.download-form .modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 18px;
    left: 91%;
    z-index: 1;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%
}

.download-form-content h6 {
    color: #3F3F3F;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    width: 72%;
    margin: 0 auto;
    margin-bottom: 15px
}

.download-form-content p {
    color: #3F3F3F;
    margin: 0 auto;
    max-width: 86%;
    margin-bottom: 25px;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px
}

.button-green {
    border: 1px solid #00504F;
    background: transparent;
    padding: 8px 24px;
    font-weight: 500;
    border-radius: 4px;
    color: #00504F !important
}

.form-control,
input {
    font-size: 14px;
    color: #495057;
}

.valide-text {
    position: relative
}

.offers-class .valide-text input[type="tel"] {
    position: absolute;
    top: 0;
    left: 19%;
    width: 81% !important
}

.valide-text1 {
    position: relative
}

.like-curriculum .select2-container,
.enroll-class-form .select2-container {
    position: absolute;
    top: 7px
}

.form-batch .select2-container {
    position: absolute;
    top: 15px
}

.form-batch .button2:hover {
    color: #fa872a;
    background: transparent
}

.enroll-class-form .valide-text1 .form-control {
    width: 100%;
}

.dropquery-right .valide-text input[type="tel"] {
    position: absolute;
    top: 0;
    left: 16%;
    width: 84% !important
}

.sticky-form .valide-text input[type="tel"] {
    position: absolute;
    top: 0;
    left: 30%;
    width: 70% !important
}

.batch-request .valide-text1 input[type="tel"] {
    padding: 0 0 0 10px !important;
    border: 0px;
    width: auto;
    margin: 0px;
    height: 100%;
}

.phone-batch {
    border: solid 1px #ddd;
    box-shadow: 0 0 10px 3px #f1f1f1;
    height: 37px;
    border-radius: 6px;
}

.phone-batch .mobile-hidden {
    top: 0px !important;
}

.form-drop .ans .offers-class .valide-text input[type="tel"] {
    position: absolute !important;
    top: 0;
    left: 20%;
    width: 80% !important
}

.right-oppor-form-section2 .ans .drop-number .select2-container {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
    border: none;
    padding: 0 11px 0 6px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.drop-message .ans .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important
}

.ans .drop-number .select2-container {
    height: 43px;
    width: 34% !important;
    margin-top: 25px;
    margin-left: 0;
    border: none;
    padding: 0 11px 0 6px;
    outline: none;
    border: none;
    border-bottom: 1px solid #f8981d
}

.ans .drop-number .select2-container {
    position: absolute
}

.right-oppor-form .ans .drop-number .select2-container {
    width: 24% !important
}

.ans .drop-number .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    color: #6c757d
}

.dropquery .valide-text .drop-number {
    margin-top: 15px
}

.pi-place .form-column .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    font-size: 12px
}

.resolve-query-form .courseclass .select2-container {
    width: 100% !important;
}

.resolve-query-form input::placeholder,
.resolve-query-form textarea::placeholder {
    color: #495057
}

.resolve-query-form .drop-number {
    position: relative
}

.resolve-query .select2-container {
    position: absolute;
    top: 34px;
}

.resolve-query-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #495057 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 50%;
    margin-left: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 0
}

.right-oppor-form .drop-number .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #6c757d;
    padding: 0
}

.right-oppor-form-section2 .ans .drop-number .select2-container {
    border-bottom: 0
}

button.button2:hover a {
    color: #fff
}

.form-batch .button2 {
    margin-top: 23.6px;
    padding: 7px 20px
}

.clientdropquery .valide-text1 .drop-number .select2-container {
    width: 75px !important
}

.review-wrapper {
    background: #F5F6FA
}

.banner-review {
    background: url(../img/review-banner-background.jpg);
    height: 380px
}

.banner-review-content {
    padding-top: 50px;
    color: #fff;
    width: 500px;
    margin: auto
}

.banner-review-content h3 {
    font-weight: 700;
    text-align: center;
    font-size: 37px;
    margin-bottom: 27px
}

.banner-review-content strong {
    text-align: center;
    margin: auto;
    display: block;
    font-size: 25px;
    font-weight: 600;
    margin-top: 25px
}

.banner-review-content form {
    margin: 16px 0 16px -40px;
    box-shadow: 0 0 7px 4px #3a3a3a61
}

.banner-review-content form select {
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 5px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding: 0 15px
}

.banner-review-content form input {
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 15px
}

.banner-review-content form input::placeholder {
    color: #000;
    font-style: italic
}

.banner-review-content form button {
    border: none;
    width: 52px;
    height: 52px;
    background: linear-gradient(90deg, #FFF139, #FEBE16);
    color: #fff;
    font-size: 27px;
    position: absolute;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.banner-review-content form button:disabled {
    border: none;
    width: 52px;
    height: 52px;
    background: linear-gradient(90deg, #FFF139, #FEBE16) !important;
    color: #fff !important;
    font-size: 27px;
    position: absolute;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.see-more-review button {
    background: transparent;
    border: 1px solid #F8981D;
    color: #FA9875;
    padding: 4px 15px;
    background: linear-gradient(0deg, #FC664B, #F2892D);
    color: #fff;
    border-radius: 5px;
    margin: auto auto 50px !important
}

.review-filter-heading {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    border-bottom: 1px solid;
    padding-bottom: 20px;
    align-items: center
}

.review-filter-heading h4 {
    color: #1D3E5F;
    margin: 0
}

.review-filter-heading button {
    border: none;
    background: linear-gradient(180deg, #126599, #285397);
    color: #fff;
    padding: 6px 10px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px
}

.review-section {
    padding: 50px 0
}

.rev-list .heading-rating {
    display: flex;
    align-items: center
}

.rev-list .heading-rating .name-linked {
    display: grid;
    margin-left: 20px
}

.rev-list .heading-rating .name-linked strong {
    font-weight: 500
}

.rev-list .heading-rating .name-linked i {
    width: 26px;
    padding: 5px;
    background: #0296D4;
    color: #fff;
    text-align: center
}

.heading-rating .image-name img {
    width: 69px;
    border-radius: 100%;
    height: 69px
}

.review-top-section {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rating-smile1 i {
    color: #FFC016
}

.rating-smile1 span img {
    margin-left: 5px
}

.rating-smile2 {
    float: right
}

.rev-desc p {
    font-size: 14px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: justify
}

.rev-date span {
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    right: 40px;
    bottom: 10px
}

.diff-plat-review {
    padding: 17px;
    border-radius: 10px;
    box-shadow: 0 0 6px 1px #dcdcdc
}

.rev-list {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 30px;
    border-radius: 3px;
    box-shadow: 0 0 6px 0 #77777769
}

.diff-plat-review-items:first-child {
    padding-top: 0px;
}

.diff-plat-review-items {
    display: flex;
    justify-content: space-evenly;
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 5px;
    padding-top: 10px;
    align-items: center
}

.diff-plat-review-items-img {
    width: 38px
}

.diff-plat-review-items-img img {
    width: 100%
}

.diff-plat-review-rating p {
    font-size: 23px;
    font-weight: 600;
    color: #015368;
    margin-bottom: -10px
}

.diff-plat-review-rating p span {
    font-size: 16px;
    color: #b9b9b9;
    font-weight: 500
}

.diff-plat-review-rating i {
    font-size: 10px;
    width: 125px;
    display: flex;
    margin-top: 12px
}

.filter-review {
    margin-top: 0
}

.filter-review .filter-heading h4 {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 25px;
    background: linear-gradient(0deg, #FC664B, #F2892D);
    color: #fff
}

.filter-form {
    margin-bottom: 25px
}

.filter-review .filter-form form select {
    font-size: 12px;
    width: 100%;
    margin: 9px 0;
    background: transparent;
    padding: 7px;
    border: none;
    box-shadow: 0 0 6px 2px #dadada8f;
    border-radius: 20px;
    color: #a0a0a0
}

.filter-review .filter-form form input {
    text-transform: uppercase;
    width: 100%;
    margin-top: 15px;
    border: none;
    background: linear-gradient(0deg, #FC664B, #F2892D);
    color: #fff;
    border-radius: 20px;
    padding: 7px;
    font-size: 14px
}

.new-review {
    margin-top: 40px;
    box-shadow: 0 0 20px 0 #9e9e9e3d;
    padding: 20px;
    width: 257px;
}

.new-review-heading {
    margin-bottom: 10px;
    text-align: center
}

#navbarTogglerDemo01 {
    overflow: hidden
}

.new-review .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 12px
}

.new-review-heading strong {
    font-size: 14px;
    color: #696969
}

.new-review form input[type="file"] {
    margin-bottom: 0
}

.new-review .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 12px;
    color: #5f5f5f;
    font-weight: 400
}

.new-review form textarea {
    line-height: 8px
}

.new-review form input,
.new-review form textarea,
.new-review form select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd !important;
    font-size: 12px;
    width: 100%;
    margin-top: 20px;
    padding: 7px;
    color: #5f5f5f
}

.text-error span.select2.select2-container {
    width: 100% !important;
    border-bottom: 1px solid #ddd !important
}

.new-review form input,
.new-review form textarea,
.new-review form select.new-review .select2-container .select2-selection--single {
    background: transparent;
    border: none;
    font-size: 12px;
    width: 100%;
    padding: 7px;
    color: #5f5f5f
}

.new-review .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 65px !important;
    text-align: initial;
    padding-left: 6px
}

.new-review select {
    padding: 7px 7px 7px 2px !important
}

.new-review .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px
}

.new-review .help-block {
    font-size: 12px
}

.new-review .select2-container--default .select2-selection--single {
    box-shadow: none;
    background-color: transparent
}

.new-review .help-block {
    display: flex
}

.new-review .help-blockp:last-child {
    margin-top: 0 !important
}

.new-review form input[type="text"]:first-child {
    margin-top: 10px
}

.new-review form button {
    background: transparent;
    border: 1px solid #F8981D;
    color: #FA9875;
    padding: 4px 15px;
    text-transform: uppercase;
    background: linear-gradient(0deg, #FC664B, #F2892D);
    color: #fff;
    border-radius: 5px;
    margin-top: 30px;
    margin-left: 20%
}

.share-review {
    background: #006CFD;
    width: 100%;
    display: flex;
    margin: 40px 0;
    padding: 5px;
    justify-content: center;
    border-radius: 30px;
    align-items: center;
    box-shadow: 0 0 20px 0 #9e9e9e3d
}

.share-review p {
    color: #fff;
    font-weight: 500;
}

.course-cat .course-cat-heading {
    text-align: center;
    background: #fff;
    margin-bottom: 15px;
    padding: 7px;
    font-size: 15px;
    box-shadow: 3px 3px 5px 0 #b1b1b166
}

.course-cat .course-cat-heading strong {
    font-weight: 500;
    text-transform: uppercase
}

.course-cat .course-cat-list {
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 3px 3px 5px 3px #b1b1b166
}

.course-cat-list img {
    width: 50px
}

.course-cat .course-cat-list p {
    margin-left: 15px;
    font-size: 14px;
    font-weight: 400
}

.course-cat .course-cat-list p a {
    color: #000
}

.pagination {
    justify-content: space-between;
    align-items: center
}

.pagination .previous {
    width: 85px;
    border: 1px solid #FF9600;
    padding: 10px 4px;
    font-size: 15px;
    text-align: center;
    color: #ff9600;
    background: #fbfbfb
}

.pagination .next {
    color: #fff !important;
    width: 85px;
    background: #ff9600;
    padding: 10px 4px;
    font-size: 15px;
    text-align: center;
    color: #ff9600
}

.pagi .pagination-number {
    background: #fff;
    padding: 6px 14px;
    border: 1px solid #C8C8C8;
    color: #C8C8C8
}

.banner-review-content-icons {
    justify-content: space-evenly;
    display: flex;
    width: 310px;
    margin: auto;
    margin-bottom: 25px
}

.banner-review .select2-container--default {
    line-height: 52px !important
}

.all-course-box {
    transition: all .5s
}

.all-corses-term-cond a,
.all-corses-term-cond a:hover {
    display: unset !important;
    background: unset !important;
    color: unset !important;
    padding: unset !important;
    width: unset !important;
    border: unset !important;
    outline: unset !important;
    text-align: unset !important;
    transition: unset !important;
    font-size: unset !important;
    margin-bottom: unset !important;
    font-weight: unset !important;
    color: #007bff !important;
    box-shadow: unset !important;
}

.all-course-box-title {
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 20px;
    align-items: center
}

.job-course-desc {
    margin-left: 45px;
    margin-right: 15px
}

.all-course-img img {
    width: 80px;
    height: 80px;
    transform: translate(18px, 18px)
}

.rating-smile1 {
    margin-bottom: 19.5px;
    font-size: 13px
}

.all-course-box-content h4 {
    font-weight: 600;
    margin-bottom: 6px;
    color: #4a4a4a;
    font-size: 16px
}

.all-course-box-content span.stats {
    margin-right: 13px
}

.course-info ul {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 400;
    color: #000
}

.all-course-highlights {
    font-size: 13px;
    display: grid;
    text-align: start;
    width: 21%
}

.all-course-btn a {
    text-decoration: none;
    color: #fff
}

.all-course-btn {
    padding: 7px 18px;
    border: none;
    background: linear-gradient(45deg, #F48631, #FB6D45);
    color: #fff;
    border-radius: 4px;
    margin-bottom: 16px
}

.all-course-box:hover {
    background: #f9f9f9;
    margin-left: -5px;
    width: 100%;
    cursor: pointer
}

.stats span {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 300
}

#discountcall .close {
    right: 117px !important
}

@media only screen and (max-width: 767px) {
    .ccc-button-background {
        margin-bottom: 20px;
    }
    .right-side-newpopup {
        padding: 20px 10px !important;
    }
    .newcoursepopup-course .codeLocation {
        width: 80px !important;
    }
    .ccc img {
        display: none;
    }
    .mp-training-FREQUENTLY.ASKED.Questions {
        padding: 40px 0px;
    }
    .select-technology p {
        max-width: 95%;
    }
    .placement-video {
        display: flow-root;
        margin-bottom: 32px;
        padding: 10px 0;
        flex-wrap: wrap
    }
    .all-courses-banner .videowatch {
        padding: 30px 0
    }
    .all-courses-banner-content.mb-5 {
        margin-bottom: inherit !important
    }
    .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
        font-size: 17px
    }
    .cc-achievement {
        padding: 2px 0 !important
    }
    .cc-achie-heading h2 {
        font-size: 13px !important;
        color: #003f60;
        margin-bottom: 17px !important
    }
    .course-banner-sections-left {}
    .inquery-class .form-comman {
        padding: 10px 0 54px;
        margin-top: 16px;
        padding: 30px 2px;
        border-top: 7px solid #ffa302
    }
    .leadcls .form-comman {
        padding: 10px 0 54px;
        margin-top: 16px;
        padding: 30px 2px;
        border-top: 7px 0pxsolid #ffa302
    }
    .leadcls .form-comman h3 {
        font-size: 13px;
        padding: 1px 23px
    }
    .inquery-class .form-comman h3 {
        font-size: 13px;
        padding: 1px 23px
    }
    .inquery-class .form-comman form .form-inline {
        justify-content: space-between;
        align-items: normal
    }
    .form-comman h3 {
        font-size: 13px
    }
    #discountcall .close {
        right: 48px !important
    }
    #course-popups .modal-body .modal-image {
        position: relative;
        display: none
    }
    #inquiry_popup_form .modal-body .modal-image {
        position: relative;
        display: none
    }
    .form-comman form .form-inline {
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: normal
    }
    .fix-enquiry {
        display: none
    }
    .support-page {
        background-position: 10% 0;
        padding: 25px 0 35px;
        background: #fd9a09
    }
    .speciality-list .speciality-items {
        width: 100%;
        display: flex;
        margin-top: 10px;
        border: 1px solid #ffffff38;
        justify-content: space-evenly;
        padding: 8px 10px;
        border-radius: 6px;
        align-items: center
    }
    .course-banner-sections-left .sub-heading p {
        font-size: 15px;
        font-weight: 400;
        display: none
    }
    .banner-heading {
        margin: 0 !important
    }
    .button2 {
        border: 1px solid #fa872a;
        color: #FA872A;
        background: transparent;
        padding: 10px 25px;
        border-radius: 4px;
        margin-right: 8px;
        margin-bottom: 10px;
        width: 100% !important;
        margin-bottom: 1em;
    }
    .button-intro {
        color: #fff;
        font-size: 17px;
        background: #fa872a;
        border: none;
        font-weight: 400;
        margin-right: 4px;
        padding: 10px 24px;
        border-radius: 4px;
        width: 100%
    }
    .course-desc {}
    .course-video {
        text-align: center;
        position: relative;
        margin-top: 160px !important
    }
    .bookmark-comments {
        display: none !important
    }
    .placement-video .button3 {
        color: #fff;
        font-size: 17px;
        background: #fa872a;
        border: none;
        font-weight: 400;
        margin-right: 4px;
        padding: 10px 0;
        border-radius: 4px;
        width: 100%
    }
    .button3 {
        color: #fff;
        font-size: 17px;
        background: #fa872a;
        border: none;
        font-weight: 400;
        margin-right: 4px;
        padding: 10px 24px;
        border-radius: 4px;
        width: 100%
    }
    .course-page-content a {
        display: block;
        text-align: center
    }
    .course-page-desc {
        margin-bottom: 4px !important
    }
    .eduction-cost>thead>tr>th,
    .eduction-cost>tbody>tr>th,
    .eduction-cost>tfoot>tr>th,
    .eduction-cost>thead>tr>td,
    .eduction-cost>tbody>tr>td,
    .eduction-cost>tfoot>tr>td {
        border-right: 1px solid #ddd;
        padding: 11px 25px !important;
        vertical-align: middle !important
    }
    .course-about-btn {
        margin-top: 25px
    }
    .mockup-button1 .button4 {
        margin-top: 0
    }
    .programme-table {
        border-right: 0 !important
    }
    .blog-list {
        display: grid
    }
    .show_two_blog .blog-heading {
        margin-left: 0;
        margin-top: 15px
    }
    .certificate-image {
        max-width: 100%;
        height: auto
    }
    .course-details-logo-banner h3 {
        top: 5px;
        left: 10px;
        font-size: 13px;
        padding: 4px 10px 5px
    }
    .blog-title-details-container {
        padding: 0 !important;
        margin-bottom: 40px
    }
    .button6.pull-right {
        float: none;
        display: block;
        margin-top: 10px;
        text-align: center
    }
    .abt-accordion .card .card-header h2 button span {
        font-size: 12px;
        margin-right: 4px
    }
    .course-page-sec-title h4 {
        color: #fff;
        font-size: 11px !important;
        font-weight: 600;
        margin-bottom: 20px
    }
    .upcoming-batches-heading h3 {
        color: #0F2C39;
        font-size: 12px !important;
        font-weight: 600;
        margin: auto;
        padding-bottom: 5px
    }
    .question-heading h3 {
        font-size: 13px !important;
        font-weight: 600;
        text-align: center
    }
    .course-ratings .rating-img {
        flex-wrap: inherit;
        line-height: 23px
    }
    .corporate-training-curriculum {
        margin-top: 0
    }
    .feature-img-heading {
        width: 100% !important
    }
    .mobile-mp-icon img {
        margin-right: 15px
    }
    .placement-faqs-accordian h2 button span {
        width: 88% !important;
        text-align: start !important
    }
    #curriculumid {
        overflow: hidden
    }
    .diff-plat-review {
        margin-top: 25px
    }
    .placement-form-st .form-column {
        width: 100% !important
    }
   
    .validation {
        text-align: left
    }
    .validation form input[type=tel] {
        width: 100% !important
    }
    .validation .help-blocks {
        margin-left: 0 !important
    }
    .all-course-box-title {
        padding: 0
    }
    .all-course-img img {
        transform: translate(-6px, 18px)
    }
    .job-course-desc {
        margin-left: 0;
        width: 100%;
        margin-right: 0
    }
    .all-course-box-title .one,
    .all-course-box-title .two,
    .all-course-box-title .three,
    .all-course-box-title .four,
    .all-course-box-title .five,
    .all-course-box-title .six,
    .all-course-box-title .seven,
    .all-course-box-title .eight,
    .all-course-box-title .nine,
    .all-course-box-title .ten {
        width: 100%
    }
    .all-course-highlights {
        margin-bottom: 10px;
        width: 100%
    }
    .all-course-box {
        margin-bottom: 20px
    }
    .few_info_below {
        display: none
    }
    .faq-atj .faq-atj-link a {
        padding: 10px 0;
        border-right: none;
        font-size: 16px
    }
    .faq-sticky-form .form-column {
        width: 88% !important
    }
    .faq-accordion .card .card-header h2 button span {
        font-size: 12px
    }
    .faq-ask-question-content h2 {
        font-size: 16px
    }
    .banner-faq-page-heading h1 {
        font-size: 25px
    }
    .all-course-box-title {
        display: grid
    }
    .all-course-img {
        text-align: center
    }
    .all-course-box-content h4 {
        margin: 0;
        margin-bottom: 10px;
        margin-top: 10px
    }
    .all-course-btn {
        margin-top: 10px
    }
    .batch-box-main {
        display: contents
    }
    .batch-box {
        width: 100%
    }
    .batch-box-section {
        margin-bottom: 15px
    }
}

.all-courses-banner {
    background: url(../img/All_Course_Page_Banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 380px
}

.all-courses-banner-content {
    color: #fff
}

.all-courses-banner-content h3 {
    font-size: 45px;
    font-weight: 700
}

.all-courses-banner-content .line {
    width: 60px
}

.all-courses-banner-content p {
    font-size: 17px;
    margin: auto;
    font-weight: 300;
    margin-top: 10px
}

.all-courses-data {
    padding: 50px 0
}

.blog-det-breadcum>span {
    font-size: 13px !important
}

.breadcum-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px
}

.breadcum span {
    font-size: 17px;
    font-weight: 300
}

.breadcum span a {
    color: #000
}

.search-all-courses form {
    display: flex
}

.search-all-courses {
    position: relative
}

.search-all-courses form input {
    width: 400px;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 13px 2px #ddd;
    padding: 6px 10px;
    position: relative
}

.search-all-courses form input::placeholder {
    font-size: 14px
}

.search-all-courses form button {
    position: absolute;
    right: 0;
    padding: 5px 10px;
    border: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #FF9000;
    color: #fff
}

.breadcum i {
    margin: 0 6px
}

.corptab {
    float: left;
    box-shadow: 0 2px 8px 0 #00000057;
    width: 27%;
    padding: 25px 15px
}

.corp-tablink-group>a {
    display: block;
    background: transparent;
    color: #000;
    padding: 10px 14px;
    width: 100%;
    border: 1px solid #ff8500;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 400;
    text-decoration: none
}

.corp-tablink-group>a span {
    float: right;
    font-size: 15px;
    background: #fff;
    color: #000;
    padding: 0 7px;
    text-align: center;
    border-radius: 14px;
    font-weight: 400;
    border: 1px solid #ff8500
}

.corp-tablink-group>a:hover {
    background: linear-gradient(90deg, #f7501c, #ffaa1c);
    color: #fff;
    box-shadow: 4px 4px 9px 3px #e2e2e2
}

.corp-tablink-group>a.active {
    background: linear-gradient(90deg, #f7501c, #ffaa1c);
    color: #fff;
    box-shadow: 4px 4px 9px 3px #e2e2e2
}

.corptabcontent {
    float: left;
    padding: 19px 0 0 30px;
    width: 73%
}

.heading-category {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    cursor: pointer
}

.heading-category i {
    font-size: 15px;
    background: #fff;
    color: #000;
    padding: 2px 7px;
    text-align: center;
    border-radius: 14px;
    font-weight: 700;
    box-shadow: 0 0 10px 4px #dedede
}

.heading-category strong {
    font-size: 17px;
    font-weight: 400;
    margin-left: 6px;
    letter-spacing: 1px
}

.all-course-category .all-course-heading-filter {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 20px
}

.all-course-category .master-program-heading {
    margin-bottom: 25px;
    margin-top: 25px
}

.all-course-category .all-course-heading-filter button {
    border: none;
    background: linear-gradient(180deg, #126599, #285397);
    color: #fff;
    padding: 6px 10px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px
}

.all-course-heading strong {
    font-size: 17px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative
}

.all-course-heading span {
    font-size: 15px;
    background: #fff;
    color: #000;
    padding: 0 7px;
    text-align: center;
    border-radius: 14px;
    font-weight: 400;
    border: 1px solid #ff8500
}

.all-course-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.all-course-list {
    margin-bottom: 40px
}

.all-course-listing {
    width: 240px;
    border-radius: 16px;
    box-shadow: 0 0 12px 4px #e2e2e2;
    padding-bottom: 15px;
    height: 359px
}

.all-course-listing img {
    width: 100%;
    height: auto
}

.all-course-listing-desc {
    padding: 18px 15px
}

.all-course-listing-desc p {
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 23px
}

.all-course-listing-desc p span {
    color: #0b3158;
    font-weight: 700
}

.all-course-listing-desc a {
    color: #ff8400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    text-decoration: none
}

.all-course-listing-desc a span {
    font-size: 12px;
    font-weight: 600
}

.all-course-listing-rating {
    font-size: 10px;
    float: right
}

.all-course-listing-rating i {
    margin-right: 3px
}

.all-course-listing-rating i.fa {
    color: #ffbf15
}

.master-program-heading strong {
    font-size: 17px;
    position: relative
}

.master-program-heading strong::before {
    content: '';
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left: 0;
    background: linear-gradient(90deg, #ffab1d, #f8511c)
}

.all-course-heading strong::before {
    content: '';
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left: 0;
    background: linear-gradient(90deg, #ffab1d, #f8511c)
}

.master-program-heading {
    margin-bottom: 40px
}

#more-program {
    display: none
}

.otp-fill .form-inline .help-block {
    margin-top: 0 !important
}

.more-master {
    text-align: center
}

.more-master span {
    text-align: center;
    color: #ff8400;
    font-weight: 500;
    cursor: pointer
}

.more-master i.fa {
    text-align: center;
    color: #ff8400;
    font-weight: 600;
    cursor: pointer
}

.discover-more {
    float: right;
    padding: 19px 0 0 30px;
    width: 75%
}

.discover-more .discover-more-heading strong {
    font-size: 17px;
    text-transform: uppercase
}

.discover-more-categories {
    display: flex;
    flex-wrap: wrap
}

.discover-more-categories a {
    padding: 4px 15px;
    border: 1px solid #000;
    border-radius: 4px;
    background: transparent;
    margin: 15px 15px 0 0
}

.discover-more-categories a:hover {
    text-decoration: none;
    background: linear-gradient(90deg, #fea11d, #f85a1c);
    color: #fff;
    border: none;
    text-transform: uppercase;
    box-shadow: 0 0 4px 4px #ddd
}

.dropquery {
    box-shadow: 0 0 8px 3px #dadada6e;
    margin: 30px 0
}

.dropquery .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 35px;
    padding-top: 7px;
    margin-left: 0;
    border: none;
    width: 105px
}

.dropquery .valide-text .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    font-size: 13px;
    line-height: 24px;
    height: 24px
}

.nit .nit-form .select2-selection__placeholder {
    font-weight: 400
}

.nit .nit-form .select2-container--bootstrap .select2-selection--single {
    background-color: transparent;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 35px;
    margin-top: 15px;
    width: 100%;
    padding: 10px 5px !important;
    border: none;
    width: 413px;
    display: inline-table
}

.nit-form span.select2.select2-container.select2-container--bootstrap {
    border-bottom: 1px solid #fc944c;
    position: relative
}

.mycitysection .help-block {
    position: absolute !important;
    top: 57px !important
}

.nit-form .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 7px;
    overflow: hidden;
    font-weight: 400 !important;
    color: #858585;
    text-overflow: ellipsis;
    white-space: nowrap
}

.corptab .dropquery .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    margin-left: 63px;
    border-width: 6px 4px 0;
    height: 0;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0
}

.dropquery .valide-text input[type="tel"] {
    position: absolute
}

.corptab .dropquery .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px
}

.dropquery .help-block {
    font-size: 11px
}

.dropquery .phone_arrow .help-block {
    left: 28%;
}

.dropquery-heading {
    background: #f8981d;
    color: #fff;
    text-align: center;
    padding: 6px;
    margin-bottom: 10px
}

.dropquery-heading h5 {
    font-size: 15px;
    margin: 0
}

.dropquery form input,
.dropquery form select,
.dropquery form textarea {
    margin-top: 15px !important;
    background: #fff
}

.dropquery form {
    padding: 0 10px 20px
}

.dropquery form input,
.dropquery form textarea {
    border: none;
    border-bottom: 1.9px solid #f8981d !important;
    font-size: 13px;
    width: 100%;
    padding: 7px 10px;
    color: #888
}

.dropquery form input::placeholder {
    color: #888
}

.dropquery .drop-number {
    position: relative
}

.dropquery .select2-container {
    position: absolute;
    top: 15px
}

.drop-number {
    display: block
}

.drop-number select {
    border: none
}

.dropquery form .drop-number select {
    margin: 0;
    font-size: 13px;
    color: #888
}

.dropquery form .drop-number input {
    margin: 0;
    border: none
}

.dropquery form .drop-lower-section select {
    height: 34px;
    width: 100%;
    font-size: 13px;
    border: none;
    color: #888;
    padding: 0 5px;
    border-bottom: 1.9px solid #f8981d
}

.dropquer form .drop-lower-section select::placeholder {
    color: #adadad
}

.dropquery form .drop-lower-section textarea {
    width: 100%;
    border: none;
    padding: 5px;
    border-bottom: 1.9px solid #f8981d
}

.dropquery form .drop-lower-section textarea::placeholder {
    font-size: 13px;
    color: #888
}

.dropquery form .drop-lower-section input[type=date] {
    font-size: 13px;
    width: 100%;
    padding: 7px 0 7px 7px;
    height: 34px;
    border-bottom: 1.9px solid #f8981d
}

.dropquery form .drop-lower-section input[type=date]::placeholder {
    border: 1px solid #adadad
}

.dropquery form input[type=submit] {
    border: none;
    background: linear-gradient(90deg, #f2b627, #fd904f);
    border-radius: 20px;
    box-shadow: 0 0 5px 4px #ddd;
    color: #fff;
    font-weight: 600
}

input:focus {
    outline: none
}

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, 0.1);
    margin-top: .25rem;
    border-radius: .5rem;
    padding: .5rem
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.ui-datepicker-calendar thead th {
    padding: .25rem 0;
    text-align: center;
    font-size: .75rem;
    font-weight: 400;
    color: #78909C
}

.ui-datepicker-calendar tbody td {
    width: 2rem;
    text-align: center;
    padding: 0
}

.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: .25rem;
    line-height: 2rem;
    transition: .3s all;
    color: #546E7A;
    font-size: .875rem;
    text-decoration: none
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: #ec420229
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #ec4202;
    color: #fff
}

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: .5rem;
    border-radius: .25rem;
    transition: .3s all
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1
}

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: .5rem;
    background-position: 50%;
    transform: rotate(180deg)
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%
}

.ui-datepicker-header a>span {
    display: none
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: .25rem;
    font-size: .875rem;
    font-weight: 500;
    padding-bottom: .25rem
}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: .75rem
}

.inline-photo {
    -webkit-transition: all 300ms .25s ease-in-out;
    transition: all 300ms .25s ease-in-out;
    transition-delay: 1.5s
}

.inline-photo.is-visible {
    opacity: 1;
    transform: translate(0px, 0px)
}

#sidemodalclass .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 41px !important;
    line-height: 45px;
    margin-left: 0;
    border: none;
    width: 80px;
    border-bottom: 1px solid #7d7d7d;
    margin-top: 7px
}

.sticky-form .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 41px !important;
    line-height: 45px;
    margin-left: 0;
    border: none;
    width: 100px;
    border-bottom: 1px solid #ddd;
    margin-top: 18px
}

#sidemodalclass.modal .modal-dialog {
    position: fixed;
    margin: auto;
    width: 520px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

#sidemodalclass.modal .modal-content {
    height: auto;
    overflow-y: auto;
    border-radius: 0
}

#sidemodalclass.modal .modal-content .modal-header {
    background: #083553;
    color: #fff;
    border-radius: 0;
    align-items: center;
    padding: 11px
}

#sidemodalclass.modal .modal-content .modal-header h4 {
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 16px
}

#sidemodalclass.modal .modal-content .modal-header .close {
    position: absolute;
    right: 30px;
    color: #fff;
    opacity: 1;
    outline: none
}

#sidemodalclass.modal .modal-body {
    padding: 15px
}

#sidemodalclass.modal.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity .3s linear, right .3s ease-out;
    -moz-transition: opacity .3s linear, right .3s ease-out;
    -o-transition: opacity .3s linear, right .3s ease-out;
    transition: opacity .3s linear, right .3s ease-out
}

#sidemodalclass.modal.fade.show .modal-dialog {
    right: 0
}

.dropquery-right p {
    font-size: 12px;
    width: 350px;
    margin: 10px auto 20px;
    text-align: center;
    font-weight: 300
}

.dropquery-right form input,
.dropquery-right form select,
.dropquery-right form textarea {
    margin-top: 15px;
    background: #fff
}

.dropquery-right form {
    padding: 0 10px 20px
}

.dropquery-right form input,
.dropquery-right form textarea {
    border: none;
    border-bottom: 1px solid #7d7d7d !important;
    font-size: 13px;
    width: 100%;
    font-size: 14px;
    padding: 7px 10px;
    height: 48px;
    margin-top: 25px
}

.dropquery-right form input::placeholder {
    color: #888
}

.dropquery-right form .drop-number {
    margin-top: 25px
}

.dropquery-right form .drop-number select {
    border: none;
    margin: 0;
    font-size: 13px;
    color: #888
}

.phone-batch .drop-number .help-block:last-child {
    right: -48px;
}

.dropquery-right form .drop-number input {
    margin: 0;
    border: none
}

.dropquery-right form .drop-number .phone_arrow input {
    padding: 7px 10px 7px 20px;
}

.dropquery-right form input[type=submit] {
    border: none;
    background: #083553;
    border-radius: 4px;
    box-shadow: 3px 3px 11px 3px #e2e2e29e;
    color: #fff;
    font-weight: 400;
    width: 145px;
    text-align: center;
    display: block;
    margin: 30px auto 0
}

.dropquery-right .dropquery-right-img {
    float: right
}

.nodisplay {
    display: none
}

.display {
    display: block
}

#myModal3 .modal-body {
    padding: 20px 0px 15px
}

#myModal3 .modal-dialog {
    min-width: 96%
}

#myModal3 .modal-dialog .modal-content {
    background: transparent !important
}

#myModal3 .modal-dialog .modal-content .modal-body {
    background: #fff
}

#myModal3 .modal-dialog .modal-content .modal-header {
    align-items: center;
    padding: 1.2rem 30px;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
}

#myModal3 .modal-dialog .modal-content .modal-header .search-courses {
    align-items: center
}

.search-courses .search-input {
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    width: 57em;
    background: white;
    color: #000;
    box-shadow: none;
    border-radius: 5px;
}

.search-courses .search-input::placeholder {
    color: #888
}

#myModal3 .modal-dialog .modal-content .modal-header .search-courses i {
    margin-left: -20px;
    color: #fff;
    padding: 5px;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    position: relative;
    right: 11px;
    border-radius: 4px;
}

.angle-back .fa-arrow-left:before {
    content: "\f060";
    font-size: 25px;
}

#myModal3 .modal-dialog .modal-content .modal-header .menuclose {
    margin: 0;
    width: 28px;
    background: transparent;
    height: 28px;
    position: relative;
    border: none;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#myModal3 .fa-angle-left:before {
    font-size: 18px;
    bottom: 2px;
    position: absolute;
    left: 4px;
    border: 2px solid #fff;
    padding: 5px 9px;
    border-radius: 8px;
}

.master-new-section-design .first-section {
    padding: 12px;
    background-color: white;
    border-radius: 8px;
    box-shadow: #BAE3FA 0px 4px 15.5px 0px;
    width: auto;
}

.top-section-cover {
    display: flex;
    align-items: center;
    gap: 15px;
}

.top-section-cover img {
    width: 35px;
    height: 35px;
}

.master-new-section-design .first-section .top-section-cover p {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 0px;
}

.master-new-section-design .first-section p {
    color: #585C79;
    font-weight: 500;
    font-size: 11px;
    margin-top: 15px;
}

.master-new-section-design .first-section .logos {
    display: flex;
    gap: 10px;
}

.master-new-section-design .first-section .logos .box1 {
    width: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 29px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px 0px;
    margin-top: 10px;
    border-radius: 3px;
}

.master-new-section-design .first-section .logos .box1 img {
    width: 80px;
    object-fit: scale-down;
}

button#mobile-icon-disable {
    background: transparent;
    border-radius: 50px;
    width: 28px;
    height: 28px;
    color: white;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0px;
    padding-top: 2px;
    border: none;
}

#myModal3 .modal-dialog .modal-content .modal-header .close .angle-back {
    top: 3px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill button.videoreviewclose span {
    position: absolute;
    right: 10px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    margin-top: -39px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill .form-heading {
    display: flex;
    align-items: center;
    justify-content: center
}

.modalclass.modal .modal-content .modal-body .modal-form-fill .form-heading h4 {
    font-size: 20px;
    margin-bottom: -5px;
    color: #f9753e
}

.modalclass.modal .modal-content .modal-body .modal-form-fill .form-heading img {
    margin-right: 10px
}

.modalclass .modal-dialog {
    max-width: 720px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill {
    width: 330px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form input {
    width: 100%;
    height: 42px;
    margin-top: 16px;
    padding-left: 10px;
    border: none;
    border-bottom: 1px solid #f8981d;
    background: #f7fbff;
    border-radius: 0px;
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form input::placeholder {
    font-size: 14px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form .phone-full {
    display: flex;
    margin-bottom: 22px;
    align-items: center;
    border: 1px solid #767676;
    border-radius: 2px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form .phone-full select {
    height: 35px;
    border: none;
    color: #767676;
    padding-left: 10px;
    font-size: 14px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form .phone-full input {
    margin: 0;
    border: none;
    font-size: 14px;
    padding-left: 10px;
    color: #767676
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form .phone-full span {
    background: #fff;
    font-weight: 400;
    color: #767676;
    font-size: 14px;
    position: relative;
    padding: 0 5px
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form .phone-full span::before {
    content: '';
    width: 1.5px;
    height: 25px;
    background: #767676;
    position: absolute;
    left: 0
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form .phone-full span::after {
    content: '';
    width: 1.5px;
    height: 25px;
    background: #767676;
    position: absolute;
    right: 0
}

.modalclass.modal .modal-content .modal-body .modal-form-fill form button {
    width: 100%;
    height: 40px;
    border: none;
    background: linear-gradient(90deg, #f2b627, #fd904f);
    color: #fff;
    font-weight: 600;
    outline: none;
    box-shadow: 0 0 8px 3px #b1b1b19e;
    margin-top: 30px
}

.modalclass.modal .modal-content {
    width: 720px
}

.modalclass.modal .modal-content .modal-body {
    padding: 40px 50px 50px 0;
    display: flex;
    background: #f7fbff;
    justify-content: space-between
}

.modalclass.modal#course-popups .modal-content .modal-body {
    padding: 0 50px 30px 0;
    display: flex;
    background: #f7fbff;
    justify-content: space-between
}

.modalclass.modal#inquiry_popup_form .modal-content .modal-body {
    padding: 0 50px 30px 0;
    display: flex;
    background: #f7fbff;
    justify-content: space-between
}

.modalclass.modal .modal-content .modal-body .modal-form-fill button.videoclose {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%
}

.modalclass.modal .modal-content .modal-body .modal-form-fill button.downloadclosemaster {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 18px;
    left: 91%;
    z-index: 1;
    font-size: 14px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%
}

#VideoPlay button.youtubeclose {
    position: absolute;
    font-size: 20px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #575757;
    border-radius: 50%;
    top: 3px;
    right: 3px
}

#CromaVideoPlay button.youtubeclose {
    position: absolute;
    font-size: 20px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #575757;
    border-radius: 50%;
    top: 3px;
    right: 3px
}

#corporateVideoPlay button.youtubeclose {
    position: absolute;
    font-size: 20px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #575757;
    border-radius: 50%;
    top: 3px;
    right: 3px
}

#CromaVideoPlay button.cromayoutubeclose {
    position: absolute;
    font-size: 20px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #575757;
    border-radius: 50%;
    top: 3px;
    right: 3px
}

.videoclose {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

button.videoclose {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#course-popups button.close {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    padding: 0
}

#inquiry_popup_form {
    z-index: 1051
}

#course-popups {
    z-index: 1051
}

#inquiry_popup_form button.close {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    padding: 0
}

.downloadclose {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

button.downloadclose {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modalclass.modal .modal-content .modal-body .modal-form-fill button.close span {
    position: absolute;
    font-size: 25px;
    width: 28px;
    height: 28px;
    border: 2px solid #000000;
    border-radius: 50%;
    top: 25px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: #000;
    
}

.offers-class .modal-body {
    display: flex;
    padding: 0
}

.offers-class .modal-form-fill button.close span {
    position: absolute;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    right: 24px
}

.offers-class .modal-body .modal-image,
.offers-class .modal-body .modal-form-fill {
    width: 50%
}

.modal-body .modal-image {
    position: relative
}

.offers-class .modal-body .modal-form-fill {
    padding: 20px 25px 0 0
}

.offers-class .modal-body .modal-form-fill .form-heading {
    display: flex;
    align-items: center
}

.form-heading h4 {
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 20px
}

.offers-class .modal-image img {
    height: 396px
}

.offers-class .modal-form-fill form input:first-child {
    margin-top: 10px
}

.offers-class .modal-form-fill form input {
    margin-top: 15px;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #b7b7b7;
    border: none;
    border-bottom: 1px solid #f8981d
}

.resetform {
    display: none;
}

.offers-class .modal-form-fill form button {
    background: linear-gradient(90deg, #f76d1d, #ffd343);
    text-align: center;
    border: none;
    margin-top: 25px;
    width: 100%;
    padding: 10px;
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    border-radius: 6px
}

.offer-mobile {
    display: flex;
    font-size: 13px;
    align-items: baseline;
    padding: 4px 0;
    justify-content: center;
    margin-top: 3px
}

#offerEnding .times {
    margin: 0 3px;
    align-items: center;
    font-size: 12px;
    font-weight: 600
}

#offerEnding .times .time-ends {
    color: #0058a2;
    padding: 0px 2px;
    font-size: 12px;
    font-weight: 600
}

.offer-mobile .times {
    margin: 0 5px;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    color: #656565;
    align-items: center
}

.offer-mobile .times .time-ends {
    background: #0058a2;
    text-align: center !important;
    padding: 2px 7px;
    margin-right: 3px;
    color: #fff
}

.time {
    margin: 0 5px;
    display: flex
}

.times .time-ends {
    width: 32px
}

.time .time-end {
    background: #C67003;
    text-align: center !important;
    padding: 0 3px;
    margin-right: 3px;
    width: 23px
}

.mid-month {
    position: absolute;
    color: #fff;
    top: 15px;
    left: 14%;
    font-size: 21px
}

.off30 {
    position: absolute;
    top: 18%;
    color: #fff;
    font-weight: 700;
    font-size: 27px;
    left: 32.5%;
    transform: skewX(10deg) rotateZ(-2deg)
}

#endingtime {
    display: flex;
    margin-right: 8px;
    margin-left: 8px
}

#endingtimemobile {
    display: flex
}

.mobile-categories-header {
    display: flex;
    justify-content: space-between
}

.modal-courses-tab .tab {
    display: flex
}

.coursetablinks {
    background: transparent;
    border: 1px solid #0575E6;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 500;
    margin-right: 0;
    border-radius: 5px;
    font-size: 14px !important;
    width: 218px;
}

.coursetablinks i.fa-solid.fa-crown {
    color: #FFB743;
    font-size: 18px;
}

#myModal4 .modal-dialog button.close {
    position: absolute;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    right: 25px;
    top: 75px
}

#myModal4 .modal-dialog {
    max-width: 800px
}

#myModal4.modal .modal-content {
    width: 800px
}

#myModal4.modal .modal-content .modal-body {
    display: flex;
    padding: 0
}

#myModal4.modal .modal-content .modal-body .guide-modal-left {
    width: 50%;
    background: #083553;
    padding: 40px;
    color: #fff
}

#myModal4.modal .modal-content .modal-body .guide-modal-left p {
    margin-bottom: 40px;
    font-size: 23px;
    font-weight: 300
}

#myModal4.modal .modal-content .modal-body .guide-modal-left p strong {
    font-weight: 600
}

#myModal4.modal .modal-content .modal-body .guide-modal-left ul li {
    position: relative;
    margin-left: 30px;
    line-height: 2;
    font-size: 14px;
    font-weight: 300
}

#myModal4.modal .modal-content .modal-body .guide-modal-left ul li strong {
    font-weight: 400;
    font-size: 15px
}

#myModal4.modal .modal-content .modal-body .guide-modal-left ul li::before {
    content: " ";
    position: absolute;
    top: 2px;
    left: -20px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.2em;
    width: .5em;
    border-bottom: .2em solid #fff;
    border-right: .2em solid #fff
}

#myModal4.modal .modal-content .modal-body .guide-modal-right {
    width: 50%;
    padding: 48px 30px 40px
}

.sticky-form .form-contact .form-column .help-block {
    font-size: 10px;
}

.sticky-form .form-contact .form-column .valide-text2 .drop-number .help-block:last-child {
    left: 34px;
}

.valide-text2 .drop-number:first-child .help-block,
.valide-text1 .drop-number:first-child .help-block {
    bottom: -18px;
}

.sidemodalclass .phone_arrow::after {
    bottom: 15px;
}

#myModal4.modal .modal-content .modal-body .guide-modal-right h4 {
    font-size: 21px;
    color: #969696;
    font-weight: 400;
    text-align: center;
    margin-bottom: 25px
}

#myModal4.modal .modal-content .modal-body .guide-modal-right p {
    font-size: 11px;
    font-weight: 400;
    padding: 10px;
    margin-top: 17px
}

#myModal4.modal .modal-content .modal-body .guide-modal-right form input,
#myModal4.modal .modal-content .modal-body .guide-modal-right form select {
    width: 100%;
    margin: 16px 0 0;
    padding: 8px 10px;
    color: #757575;
    font-size: 14px;
    border: 1px solid #c4c4c4;
    border: none;
    border-bottom: 1px solid #f8981d
}

#myModal4.modal .modal-content .modal-body .guide-modal-right form button {
    width: 100%;
    margin: 7px 0;
    border: none;
    background: linear-gradient(45deg, #f2b627, #fd914f);
    color: #fff;
    outline: none;
    padding: 8px;
    font-weight: 500;
    border-radius: 4px
}

#myModal4.modal .modal-content .modal-body .guide-modal-right form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position-x: 281px
}

#commanModalCourse .modal-dialog button.close {
    position: absolute;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #575757;
    border-radius: 50%;
    right: 25px;
    top: 75px
}

#commanModalCourse .modal-dialog {
    max-width: 800px
}

#commanModalCourse.modal .modal-content {
    width: 800px
}

#commanModalCourse.modal .modal-content .modal-body {
    display: flex;
    padding: 0
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-left {
    width: 50%;
    background: #083553;
    padding: 40px;
    color: #fff
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-left p {
    margin-bottom: 40px;
    font-size: 23px;
    font-weight: 300
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-left p strong {
    font-weight: 600
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-left ul li {
    position: relative;
    margin-left: 30px;
    line-height: 2;
    font-size: 14px;
    font-weight: 300
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-left ul li strong {
    font-weight: 400;
    font-size: 15px
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-left ul li::before {
    content: " ";
    position: absolute;
    top: 2px;
    left: -20px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.2em;
    width: .5em;
    border-bottom: .2em solid #fff;
    border-right: .2em solid #fff
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-right {
    width: 50%;
    padding: 48px 40px 40px
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-right h4 {
    font-size: 21px;
    color: #969696;
    font-weight: 400;
    text-align: center;
    margin-bottom: 25px
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-right p {
    font-size: 11px;
    font-weight: 400;
    padding: 10px;
    margin-top: 17px
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-right form input,
#myModal4.modal .modal-content .modal-body .guide-modal-right form select {
    width: 100%;
    margin: 16px 0 0;
    padding: 8px 10px;
    color: #757575;
    font-size: 14px;
    border: 1px solid #c4c4c4;
    border: none;
    border-bottom: 1px solid #f8981d
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-right form button {
    width: 100%;
    margin: 7px 0;
    border: none;
    background: linear-gradient(45deg, #f2b627, #fd914f);
    color: #fff;
    outline: none;
    padding: 8px;
    font-weight: 500;
    border-radius: 4px
}

#commanModalCourse.modal .modal-content .modal-body .guide-modal-right form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position-x: 281px
}

.coursetablinks.active {
    color: #fff;
    background-color: #0575E6;
    border-radius: 5px;
    font-size: 14px !important;
}

.all-master-program {
    margin: 10px 0
}

.modal-course-list {
    width: 230px;
    box-shadow: 0 0 5px 1px #0606062e;
    margin-bottom: 18px;
    margin-right: 8px
}

.cortablinks i {
    color: #000;
}

.mptablinks i {
    color: #000;
}

.modal-course-list.cortablinks.active {
    border-right: 5px solid #062c37
}

.modal-course-list:hover {
    border-right: 5px solid #062c37
}

.modal-course-list img {
    max-width: 45px;
    height: 45px
}

.modal-course-list a {
    text-decoration: none
}

.modal-course-list a span {
    font-size: 13px;
    color: #000;
    font-weight: 500
}

.all-program-courses,
.master-program-courses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.modal-course-vertical-tab .tab,
.mp-course-vertical-tab .tab {
    float: left;
    background-color: #f1f1f1;
    width: 22%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 400px;
    padding: 12px 12px;
    margin-right: 10px;
}

.browse-category .dropdown-item.active,
.browse-category .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #f97242
}

.modal-course-vertical-tab,
.mp-course-vertical-tab {
    width: 100%;
    margin-top: 1em
}

.modal-course-vertical-tab .tab button,
.mp-course-vertical-tab .tab button {
    display: flex;
    background-color: inherit;
    color: #323232;
    padding: 9px 15px 9px 15px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 12px;
    position: relative;
    gap: 12px;
    align-items: center;
}

.modal-course-vertical-tab .tab button.active,
.mp-course-vertical-tab .tab button.active {
    background-color: #D9D9D9;
    color: #000000;
    border-radius: 5px;
}

.modal-course-vertical-tab .tab button.active::after,
.mp-course-vertical-tab .tab button.active::after {
    content: '>';
    position: absolute;
    right: 7px;
    font-size: 20px;
    top: 4px;
    background: #BFBFBF;
    padding: 0px 11px;
    color: white;
    border-radius: 5px;
    padding: 9px;
    display: flex;
    align-items: center;
    height: 28px;
}

button.coursetablinks.showCategoryMaster {
    margin-left: 12px;
    border-radius: 5px;
}

.modal-course-vertical-tab .tab span,
.mp-course-vertical-tab .tab span {
    display: block;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #323232
}

.all-courses {
    display: flex;
    padding: 0px 0px 0px 0px;
    height: 400px;
    justify-content: space-between;
}

.master-courses {
    padding: 15px 15px !important;
    background: #DEF2FE;
    width: 70%;
}

.top-main-master-section {
    width: auto;
    border-radius: 8px;
}

.browse-category .dropdown-menu::-webkit-scrollbar,
.tab::-webkit-scrollbar {
    width: 6px
}

.browse-category .dropdown-menu::-webkit-scrollbar-track,
.tab::-webkit-scrollbar-track {
    background: #f1f1f1
}

.browse-category .dropdown-menu::-webkit-scrollbar-thumb,
.tab::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    border-radius: 6px
}

.feedbackmodelsection::-webkit-scrollbar {
    width: 4px
}

.feedbackmodelsection::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #253b4b, #4f7da0);
    border-radius: 6px
}

.master-courses2 {
    padding: 15px 15px !important;
    background: #F1FAFF;
    width: 100%;
}

.master-courses-heading_ {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    font-size: 14px;
}

.master-courses-heading_ i {
    color: #FFB743;
    font-size: 18px;
}

.master-courses-heading {
    margin-left: 3px;
    margin-bottom: 10px;
}

.popular-courses-heading strong,
.master-courses-heading strong {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.popular-courses-description {
    display: flex;
    gap: 10px;
}

.popular-courses-description ul {
    width: auto;
    margin-left: 14px
}

.popular-courses-description ul li {
    margin-bottom: 3px;
    margin-top: 4px
}

.popular-courses-description ul li a {
    font-size: 11px;
    width: auto;
    color: #6d6d6d;
    text-decoration: none;
    position: relative;
    transition: all 500ms ease-in-out;
    display: inline-block;
    max-width: 300px;
}

.popular-courses-description ul li a:hover {
    color: #0575E6;
    padding-left: 10px;
}

.popular-courses-description ul li a:hover::before {
    border-left-color: #0575E6;
}

.popular-courses-description ul li a::before {
    content: '';
    border: 5px solid transparent;
    border-left-color: #6e6e6e;
    position: absolute;
    left: -12px;
    top: 3px
}

.all-courses .popular-courses {
    padding: 20px 0px 20px 15px;
    width: 100%;
    background: #F1FAFF;
}

.result ul li a {
    font-size: 14px;
    width: 285px;
    color: #6d6d6d;
    text-decoration: none;
    position: relative;
    transition: all 500ms ease-in-out;
    display: inline-block
}

.result ul li a:hover {
    color: #0575E6 !important;
    padding-left: 10px
}

.result ul li a:hover::before {
    border-left-color: #0575E6
}

.result ul li a::before {
    border-left-color: #6e6e6e;
    position: absolute;
    left: -20px;
    top: 0;
    content: "\f0a4";
    margin-right: 10px;
    color: inherit;
    font-size: inherit;
    font-family: "FontAwesome"
}

.all-master-courses {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 14px;
}

.box-for-master-in-all-program {
    background: white;
    width: auto;
    border-radius: 5px;
    padding: 12px 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 12px;
    position: relative;
}

.box-for-master-in-all-program img {
    width: 35px;
    height: 35px;
}

.box-for-master-in-all-program .arrow-box {
    background: #0575E6;
    padding: 18px 18px;
    color: white;
    position: absolute;
    right: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.box-for-master-in-all-program .arrow-box i {
    font-weight: 900;
    transform: rotate(90deg);
    font-size: 15px;
}

.box-for-master-in-all-program p {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-right: 60px;
}

.master-new-section-design {
    width: auto;
    border-radius: 5px;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 12px;
    position: relative;
}

.master-new-section-design a{
    width:100%;
}

.master-new-section-design .arrow-box {
    background: #0575E6;
    padding: 18px 18px;
    color: white;
    position: absolute;
    right: 0px;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    transition: all 0.3s ease-in-out;
}

.master-new-section-design .arrow-box i {
    font-weight: 900;
    transform: rotate(90deg);
    font-size: 15px;
}

.master-new-section-design p {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-right: 60px;
}

.modal-body.for-whole-body {
    padding: 16px;
}

.for-whole-body h3 {
    position: relative;
    font-size: 18px;
    margin-bottom: 20px;
}

.for-whole-body h3::after {
    content: "";
    width: 55%;
    height: 1px;
    position: absolute;
    bottom: 10px;
    right: 15px;
    background: #dfdfdf;
}

.modal-content.for-new-serach-box {
    position: absolute;
    top: 52px;
    left: 465px;
    width: 463px;
    z-index: 1008;
}

.icon-with-text {
    display: flex;
    gap: 9px;
    align-items: center;
    background: #F4F4F4;
    padding: 10px;
    border-radius: 50px;
}

.icon-with-text p {
    font-size: 10px;
    font-weight: 600;
    color: #000;
}

.all-the-trending-course {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    row-gap: 9px;
}

.master-course-description {
    width: 250px
}

.master-course-description:hover {
    text-decoration: none
}

.master-course-description:hover li::before {
    background: #ff6c00
}

.master-course-description:hover li::after {
    background: #ff6c00
}

.master-course-description-heading {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.master-course-description-heading strong {
    width: 83%;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #6d6d6d;
    margin-bottom: 6px;
}

.master-course-description-list {
    margin-left: 17%
}

.master-course-description-list ul li {
    font-size: 11px;
    line-height: 2.5;
    position: relative;
    color: #6d6d6d
}

.master-course-description-list ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #6d6d6d;
    border-radius: 50%;
    position: absolute;
    left: -27px;
    top: 12px
}

.master-course-description-list ul li::after {
    content: '';
    width: 2px;
    height: 30px;
    background: #6d6d6d;
    position: absolute;
    top: 60%;
    left: -11.5%
}

.master-course-description-list ul li:last-of-type::after {
    height: 0
}

.modal-courses-tab {
    margin: 0;
    padding: 0px 15px;
}

#more-program-list {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between
}

.moreprograms {
    position: absolute;
    right: -40px;
    top: 9px
}

.moreprograms p {
    font-size: 30px;
    font-weight: 500;
    border: 1px solid #ec3408;
    line-height: .7;
    width: 23px;
    height: 23px;
    text-align: center;
    cursor: pointer;
    color: #ec3408
}

.browse-category .dropdown-menu a {
    font-size: 12px;
    border-bottom: 1px solid #e2e2e2;
    padding: 9px 22px
}

.browse-category .dropdown-menu a:hover {
    color: #fff;
    background: #f97242
}

.master-program-mobile-banner {
    display: none
}

.master-program-banner {
    background: #f6f6f6;
    padding-bottom: 35px;
    padding-top: 35px
}

.mp-banner-desc h2 {
    color: #fdc810;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 33px
}

.mp-banner-desc h1 {
    color: #fdc810;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 33px
}

.mp-banner-desc p span {
    color: #fff;
    font-size: 12px
}

.mp-banner-desc p span:first-child {
    margin-right: 30px
}

.mp-banner-desc p span i {
    color: #fdc810;
    margin-right: 4px
}

.mp-desc p {
    color: #fff;
    font-size: 11.4px;
    margin-top: 35px;
    margin-bottom: 25px;
    width: 588px;
    height: 34px
}

.mp-desc .line {
    width: 85px;
    background: #f5c11a
}

.mp-explain {
    color: #fff;
    display: flex;
    margin-top: 25px;
    position: relative
}

.mp-schedule {
    color: #fff;
    width: 496px;
    font-size: 14px;
    line-height: 1.4em
}

.mp-fee {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 8px;
    margin-right: 14px
}

.mp-schedule strong {
    margin-right: 25px;
    font-weight: 500
}

.mp-banner-heading {
    display: flex;
    position: relative
}

.mp-desc {
    position: relative
}

.mp-banner-icon {
    margin-right: 20px
}

mp-fee {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 8px;
    margin-right: 15px
}

.mp-fee::after {
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    top: 9px;
    right: -8px;
    background: #fff
}

.mp-fee:last-child::after {
    content: none
}

.rupee-sign {
    margin-right: 10px
}

.rupee-sign span {
    font-size: 35px;
    position: relative
}

.mp-fee-explain p {
    font-size: 10px
}

.mp-format {
    display: flex;
    margin-top: 25px;
    margin-bottom: 50px;
    position: relative
}

.mp-format .mp-play-format {
    margin-right: 15px;
    position: relative
}

.mp-fee-explain strong,
.mp-fee-explain {
    font-weight: 500;
    font-size: 13px
}

.mp-buttons {
    display: flex;
    position: relative;
    bottom: 18px
}

.mp-buttons button {
    margin: inherit;
    margin-right: 45px;
    padding: 10px 45px
}

.mp-banner-girl {
    background-color: #06303e;
    background-repeat: no-repeat;
    position: absolute;
    top: 94px;
    right: 0;
    left: 0;
    background-position: 502px 43px
}

.future-box {
    display: flex;
    justify-content: space-between
}

.future-content {
    border-right: 2px solid #aeaeae38;
    width: 230px
}

.future-content h4 {
    font-size: 18px;
    margin-top: 20px;
    color: #093442;
    font-weight: 600;
    margin-bottom: 15px
}

.future-content p {
    font-size: 13px;
    text-align: justify;
}

.all-tools {
    margin-top: 48px;
    margin-bottom: 32px
}

.all-tools strong {
    font-size: 28px;
    color: #0F2C39
}

.all-tools span {
    font-weight: 500
}

.future-content img {
    margin-left: 52px
}

.tools {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.tools-small {
    width: 127px;
    text-align: center;
    margin-bottom: 25px
}

.tools-small img {
    width: 65px;
    text-align: center;
    margin-bottom: 25px;
    height: auto
}

.tools-img {
    width: 176px;
    text-align: center;
    margin-bottom: 15px
}

.tools-img img {
    max-width: 150px
}

.right-pannel {
    width: 330px;
    /* position: absolute; */
    border-radius: 6px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    border-top: 6px solid #ff8d5b;
    background-color: #fff;
    padding: 14px 20px 12px
}

.right-pannel ul {
    margin: 0;
    padding-left: 0;
    position: relative
}

.right-pannel ul li {
    position: relative;
    padding-left: 45px;
    display: inline-block;
    width: 100%
}

.right-pannel ul li:last-child {
    font-size: 15px
}

.right-pannel ul li::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9f9f9f
}

.right-pannel ul li::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 2px;
    height: 77px;
    background: #9f9f9f
}

.right-pannel ul li:last-child::before {
    content: " ";
    background: url(../img/mp-Certificate.png);
    width: 57px;
    height: 35px;
    left: -19px;
    top: -2px
}

.right-pannel ul li:last-child::after {
    content: none
}

.right-pannel ul li span {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    color: #989898;
    font-weight: 500
}

.right-pannel ul li a {
    display: block;
    font-size: 12px;
    margin-bottom: 18px;
    position: relative;
    line-height: 1;
    color: #2b2b2b;
    font-weight: 600;
    text-decoration: none
}

.right-pannel button {
    margin: 25px auto 15px;
    display: block
}

.mp-curriculum-super-heading {
    margin: 0 auto 20px
}

.mp-curriculum-super-heading h2 {
    text-transform: uppercase;
    color: #0F2C39;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 2px
}

.mp-curriculum-super-heading h2 span {
    text-transform: capitalize;
    font-weight: 400
}

.program-over ul {
    margin-left: 25px
}

.mp-eligibility ul li::before {
    content: none
}

.mp-eligibility ul {
    margin-left: 0
}

.mp-eligibility ul li img {
    margin-right: 10px;
    max-width: 35px
}

.mp-data-science {
    display: flex;
    justify-content: space-between
}

.mp-data-section {
    width: 30%;
    box-shadow: 0 0 9px 0 #ddd;
    border-radius: 8px;
    padding: 10px 20px
}

.mp-data-section p img {
    display: block;
    margin-bottom: 5px
}

.mp-curriculum-super-heading .line {
    width: 135px
}

.progress-overview {
    padding: 80px 0 40px
}

#progress-overview .curriculum-super-heading {
    margin: 0 0 50px
}

#progress-overview .curriculum-super-heading h2 {
    margin: 0;
    border-bottom: none
}

#progress-overview .curriculum-accordian {
    margin-top: 0
}

.mp-program-overview-image {
    max-width: 100%;
    height: auto
}

.tools-covered-super-heading {
    display: flex;
    width: 313px;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 2px;
    align-items: baseline
}

.tools-covered-super-heading span {
    font-size: 30px;
    font-weight: 400;
    margin-left: 5px
}

.mp-tool {
    margin-bottom: 50px
}

.mp-tool .line {
    width: 115px
}

.tools-new {
    background: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: 0 0 8px 7px #f1f1f1
}

.mp-training-faq {
    padding: 50px 0
}

.mp-career-course {
    position: sticky;
    top: 80px;
    margin-top: -15px
}

.mp-career-assistance {
    background: #fff;
    padding: 9px;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin: 16px auto 15px;
    top: 80px;
    border-radius: 10px
}

.mp-career-assistance .career-heading strong {
    margin-left: 15px;
    font-size: 20px
}

.mp-career-assistance ul li {
    font-size: 13px;
    font-weight: 500;
    line-height: 2.4;
    margin-left: 10px;
    color: #3c3c3c
}

.mp-career-assistance button {
    margin: auto;
    display: block;
    margin-bottom: 15px;
    background: transparent;
    border: 1px solid #fa872a;
    color: #FA872A
}

.mp-course-list {
    padding: 25px;
    padding-left: 80px;
    background: #f2f2f2;
    border: 1px solid #888;
    border-radius: 10px;
    box-shadow: 0 0 3px 2px #ddd;
    margin-bottom: 50px
}

.mp-course-list::before {
    content: "";
    width: 1px;
    height: calc(100% - 79px);
    position: absolute;
    top: 36px;
    left: 52px;
    background: #848da0;
    display: inline-block
}

.mp-course-marking strong {
    padding: 5px 15px;
    background: #056889;
    color: #fff;
    border-radius: 10px 10px 10px 0;
    font-weight: 500
}

.mp-course-marking {
    position: relative
}

.mp-course-marking::before {
    width: 12px;
    height: 12px;
    content: "";
    display: inline-block;
    background: #848da0;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: -49px
}

.mp-course-heading-video {
    display: flex;
    padding: 40px 0 30px;
    align-items: center
}

.mp-course-heading {
    width: 70%;
    padding-right: 70px;
    border-right: 1px solid #ff9c00
}

.mp-course-video {
    width: 30%;
    text-align: center;
    cursor: pointer
}

.mp-course-heading strong {
    font-size: 21px;
    font-weight: 600
}

.mp-course-heading p {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    text-align: justify
}

.mp-course-content .card-header {
    background: #fff;
    border-bottom: none
}

.mp-course-content .card {
    border: 1px solid #ddd !important;
    border-radius: 6px !important
}

.mp-course-listing {
    background: #f2f2f2;
    margin: 0 15px 15px
}

.mp-course-listing ul li strong {
    font-weight: 600 !important;
    color: #565656
}

.mp-course-listing ul {
    list-style: none
}

.mp-course-listing ul ul ul {
    list-style: disc;
    margin-left: 19px
}

.mp-course-listing ul ul ul ul {
    list-style: square
}

.mp-course-listing ul ul ul ul ul {
    list-style: circle
}

.mp-course-listing ul ul ul ul ul ul {
    list-style: disc
}

.mp-course-listing ul ul ul ul ul ul ul {
    list-style: square
}

.mp-course-listing ul li::before {
    content: none
}

.mp-course-listing ul li {
    line-height: 2;
    text-align: justify
}

.course-about .about-accordian ul {
    list-style: none
}

.course-about .about-accordian ul li::marker {
    color: #FB6D45;
    font-size: 18px;
    line-height: .9
}

.course-about .about-accordian ul ul ul {
    list-style: disc
}

.course-about .about-accordian ul ul ul ul {
    list-style: circle
}

.course-about .about-accordian ul li::before {
    content: none;
    color: #FB6D45
}

.course-about .about-accordian ul li {
    line-height: 1.7
}

.course-about .about-accordian ul ul p::before {
    content: " ";
    position: absolute;
    top: 3px;
    left: -16px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1em;
    width: .5em;
    border-bottom: .2em solid #ff5f14;
    border-right: .2em solid #ff5f14
}

element.style {
    font-size: 13px
}

.course-about .about-accordian .card-body p {
    padding-left: 0;
    margin-bottom: 0
}

.course-about .about-accordian ul li {
    line-height: 1.7
}

.course-about .about-accordian .card-body ul li {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 0;
    margin-bottom: 11px;
    margin-top: 10px;
    text-align: justify
}

.course-about .about-accordian #heading_119 .card-body ul li {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 0;
    margin-top: 0;
    text-align: justify
}

.course-about .about-accordian .card-body ul li:first-child {
    margin-top: 0
}

.course-about .about-accordian .card-body ul ul {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 22px
}

.course-about .about-accordian .card-body ul ul ul {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 30px
}

.course-about .about-accordian .card-body ul ul ul li {
    line-height: 1.7
}

.course-about .about-accordian .card-body ul ul li {
    margin-bottom: 0;
    margin-top: 0
}

.course-about .about-accordian .card-body ul ul ul ul {
    margin-left: 20px
}

.course-about .about-accordian .card-body ul li ul p {
    margin-bottom: 15px
}

.curriculum-accordian .accordion ul {
    list-style: none
}

.curriculum-accordian .accordion ul li::marker {
    color: #FB6D45;
    font-size: 18px;
    line-height: .9
}

.curriculum-accordian .accordion ul ul ul {
    list-style: disc
}

.curriculum-accordian .accordion ul ul ul ul {
    list-style: circle
}

.curriculum-accordian .accordion ul li::before {
    content: none
}

.curriculum-accordian .accordion ul li {
    line-height: 1.7
}

.curriculum-accordian .accordion ul p::before {
    content: " ";
    position: absolute;
    top: 3px;
    left: -16px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1em;
    width: .5em;
    border-bottom: .2em solid #ff5f14;
    border-right: .2em solid #ff5f14
}

.faq-career .curriculum-accordian .accordion .card-body p {
    padding-left: 17px;
    margin-bottom: 0;
    text-align: justify
}

.faq-career .curriculum-accordian .accordion .card-body ul {
    padding-left: 36px;
    margin-bottom: 0;
    text-align: justify;
    margin-top: 8px
}

.faq-career .curriculum-accordian .accordion .card-body ul ::before {
    content: " ";
    position: absolute;
    top: 3px;
    left: -16px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1em;
    width: .5em;
    border-bottom: .2em solid #ff5f14;
    border-right: .2em solid #ff5f14
}

.faq-career .curriculum-accordian .accordion .card-body ul li {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 0;
    margin-bottom: 4px;
    text-align: justify
}

.curriculum-accordian .accordion .card-body p {
    padding-left: 0;
    margin-bottom: 0;
    text-align: justify
}

.curriculum-accordian .accordion .card-body ul li {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: justify
}

.curriculum-accordian .accordion .card-body.program-over ul li::before {
    content: " ";
    position: absolute;
    top: 2px;
    left: -20px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1em;
    width: .5em;
    border-bottom: .2em solid #ff5f14;
    border-right: .2em solid #ff5f14
}

.curriculum-accordian .accordion .card-body .mp-eligibility ul li::before {
    content: none
}

.curriculum-accordian .accordion .card-body ul ul {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 22px
}

.curriculum-accordian .accordion .card-body ul ul ul {
    position: relative;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 1.7;
    margin-left: 30px
}

.curriculum-accordian .accordian .card-body ul ul ul li {
    line-height: 1.7
}

.curriculum-accordian .accordion .card-body ul ul>li {
    margin-bottom: 0
}

.curriculum-accordian .accordian .card-body ul ul ul ul {
    margin-left: 20px
}

.curriculum-accordian .accordian .card-body ul li ul p {
    margin-bottom: 15px
}

.curriculum-accordian .accordion .program-over p {
    margin-bottom: 11px
}

.curriculum-accordian .accordion .program-over ul li {
    margin-bottom: 0
}

.course-content-header p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 17px;
    cursor: pointer
}

.course-content-header p span {
    font-weight: 500
}

.mp-certificate {
    margin-left: 7px
}

.mp-certificate strong {
    font-size: 21px;
    color: #f48133;
    margin-left: 9px
}

.mp-certificate p {
    margin-left: 63px;
    line-height: .5;
    font-size: 12px
}

.cc-achievement {
    padding: 45px 0;
    background: #f6f6f6;
    background-image: url(../img/master-certificate.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right
}

.cc-achie-heading h2 {
    font-size: 24px;
    color: #003f60;
    margin-bottom: 50px
}

.cc-achie-sections strong {
    color: #003f60
}

.cc-achie-sections {
    margin-bottom: 30px
}

.cc-achie-sections p {
    font-size: 14px
}

.cc-achie-button {
    display: flex
}

.cc-achie-button button {
    margin: 0;
    margin-right: 35px
}

.project-super-heading {
    display: flex;
    width: 313px;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 2px;
    align-items: baseline
}

.project-super-heading h2 {
    text-transform: uppercase;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 2px
}

.project-super-heading span {
    font-size: 30px;
    font-weight: 400;
    margin-left: 5px
}

.project-super-heading .line {
    width: 140px
}

.indusry-projects {
    padding: 80px 0
}

.master-course-certification {
    padding: 80px 0
}

.placement-points {
    margin-bottom: 20px
}

.placement-points strong {
    font-weight: bolder;
    font-size: 16px;
    text-transform: uppercase;
    color: #004566
}

.placement-points p {
    margin-top: 10px;
    font-size: 13px;
    text-align: justify
}

.placement-faqs-accordian h2 button {
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.placement-faqs-accordian .accordion .card .card-body p {
    text-align: justify
}

.placement-faqs-accordian .accordion .card .card-header {
    padding: .35rem 1.25rem
}

.placement-faqs-accordian h2 button i {
    color: #004566
}

.placement-faqs-accordian h2 button span {
    color: #004566;
    font-weight: 600;
    text-decoration: none !important;
    text-align: justify;
    width: 97%
}

.placement-faqs-accordian h2 button span:hover {
    color: #004566;
    font-weight: 600
}

.placement-faqs-accordian .accordion .card .card-body p span {
    font-size: 13px;
    line-height: 1.7;
    text-align: justify
}

.placement-faqs-accordian .card-body p {
    padding-left: 15px !important
}

.placement-faqs-accordian .placement-text p {
    padding-left: 15px
}

.placement-section .recuirment {
    margin-bottom: 0
}

.recuirment {
    margin-top: 30px
}


.recuirement-firms {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0;
    align-items: center;
    justify-content: space-between
}

.recuirment-firm-images {
    text-align: center;
    margin-bottom: 15px
}

.mpadmission {
    padding: 50px 0 50px;
    background: #f6f6f6
}

.admission-desc {
    display: flex;
    justify-content: space-between
}

.admission-content {
    border: 1px solid #ddd;
    width: 30%;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 5px 2px #ddd;
    background-color: #fff
}

.admission-content-heading {
    margin-bottom: 25px
}

.admission-content-heading img {
    margin-right: 10px
}

.admin-desc p {
    font-size: 12px;
    margin-bottom: 25px;
    text-align: justify
}

.admin-button button {
    width: 100%
}

.mp-fee-structure {
    background: #f89538;
    padding: 40px 0;
    overflow: hidden
}

.mp-fee-scholar {
    padding: 80px 0
}

.scholar-fee img {
    position: absolute;
    right: -100px;
    top: -30px
}

.scholar-item {
    background: #fff;
    padding: 35px 30px 20px;
    position: relative;
    border-radius: 9px;
    overflow: hidden
}

.scholar-item .online-class-calendar img {
    width: auto !important
}

.chance-win strong {
    color: #fff;
    font-weight: 500;
    font-size: 22px
}

.chance-win strong span {
    font-size: 25px;
    font-weight: 600
}

.chance-win strong span sub {
    font-size: 13px;
    font-weight: 400;
    bottom: 0
}

.chance-win button {
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    display: block;
    margin-top: 80px;
    text-transform: uppercase
}

.mpfaq {
    padding: 80px 0;
    background: #f6f6f6
}

.mp-master-curri-super-heading {
    margin-bottom: 30px
}

.mp-master-curri-super-heading h2 {
    text-transform: uppercase;
    color: #0F2C39;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 2px
}

.mp-curri {
    padding: 80px 0
}

.mp-curri-form-desc {
    display: flex;
    width: 100%
}

.mp-curri-form .form-inline {
    justify-content: space-between
}

.mp-curri-form .form-inline input {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    font-size: 13px;
    margin-top: 25px;
    background: transparent;
    color: #6b6b6b;
    border: none;
    border-bottom: 1px solid #f8981d
}

.mp-curri-form .form-inline textarea {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #6b6b6b;
    border: none;
    border-bottom: 1px solid #f8981d
}

.mp-curri-desc {
    padding: 55px 40px;
    background: linear-gradient(90deg, #00567f, #023d5c);
    color: #fff;
    width: 60%
}

.mp-curri-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    position: absolute;
    top: 30%;
    width: 0;
    right: 10%
}

.mp-curri-form .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 4px
}

.mp-curri-form .help-block strong {
    font-size: 11px
}

.mp-curri-form span.select2.select2-container.select2-container--bootstrap {
    position: absolute;
    top: 31px;
    z-index: 1
}

.mp-curri-desc p {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px
}

.mp-curri-desc p strong {
    font-weight: 600;
    font-size: 27px
}

.mp-curri-form {
    background: #f8f8f8;
    width: 100%;
    box-shadow: 10px 0 16px 3px #ddd;
    padding: 40px 10px;
}

.mp-curri-form strong {
    color: #5e5e5e;
    text-align: center;
    display: block;
    font-size: 25px;
    margin-bottom: 25px
}

.mp-curri-points ul li {
    line-height: 2.5;
    position: relative;
    margin-left: 30px;
    padding-left: 5px;
    font-size: 14px
}

.mp-curri-points ul li::before {
    content: " ";
    position: absolute;
    top: 8px;
    left: -20px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.3em;
    width: .5em;
    border-bottom: .2em solid #fff;
    border-right: .2em solid #fff
}

.terms {
    padding: 0 18px;
    font-size: 13px
}

.mp-curri-form button {
    width: 300px;
    margin-top: 25px
}

.mp-faq-dots .owl-dots {
    position: absolute;
    right: -190px;
    bottom: 10px
}

.mp-faq-dots .owl-dots .owl-dot span {
    width: 40px !important;
    height: 5px !important;
    background: #fff !important
}

.mp-faq-dots .owl-dots .owl-dot:active span {
    background: #9b5300 !important
}

#MasterVerticalModal .modal-content,
#MasterHorizontalModal .modal-content {
    background: none;
    border: none
}

.banner-job {
    background: url(../img/job-banner.jpg);
    height: 350px
}

.banner-job-content {
    color: #fff
}

.banner-job-content h3 {
    font-weight: 700;
    margin-bottom: 20px
}

.banner-job-content form {
    margin-top: 20px
}

.banner-job-content form input {
    width: 350px;
    height: 43px;
    border: none;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 15px
}

.banner-job-content form button {
    border: none;
    width: 42px;
    height: 43px;
    background: linear-gradient(90deg, #FFF139, #FEBE16);
    color: #fff;
    font-size: 27px;
    position: absolute;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.job-list {
    background: #fbfbfb;
    padding-bottom: 50px
}

.job-listing-heading {
    color: #fd9001;
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    border-bottom: 1px solid;
    align-items: center;
    text-transform: uppercase
}

.job-list .job-sticky .help-block {
    position: absolute !important
}

.desc-job {
    font-size: 14px;
    margin-bottom: 40px;
    text-align: justify
}

.job-listing {
    margin-bottom: 35px
}

.job-listing-one {
    display: flex;
    background: #f2f2f2;
    border: 1px solid #6b6b6b;
    padding: 25px;
    margin-bottom: 35px
}

.job-course-img {
    margin-right: 25px
}

.job-course-img img {
    width: 125px
}

.carrer-form .job-course-img {
    margin-right: 0
}

.job-course-heading {
    display: flex;
    justify-content: space-between
}

.job-course-heading h4 {
    font-weight: 600;
    margin-bottom: 4px;
    color: #000
}

.job-course-heading h4 a {
    color: #000
}

.job-course-heading .date-post {
    color: #013c88;
    font-size: 11px;
    font-weight: 500
}

.job-course-description {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: justify
}

.job-leftsection {
    width: 435px
}

.job-exsala {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative
}

.job-exsala::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 355px;
    height: 3px;
    background: linear-gradient(90deg, #007eab, #085076)
}

.job-exp,
.job-salary,
.job-location {
    font-size: 13px
}

.job-exp i,
.job-salary i,
.job-location i {
    color: #424242
}

.jobbrief {
    display: flex;
    align-items: flex-end
}

.jobbrief p {
    font-size: 13px;
    font-weight: 400;
    width: 375px
}

.jobbrief button {
    height: 34px;
    width: 134px
}

.job-sticky .help-block {
    position: static
}

.carrer-form-clear {
    overflow: hidden
}

.job-sticky {
    margin-bottom: 35px
}

.allclient-banner-heading {
    margin-top: 120px
}

.allclient-banner-heading h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.allclient-banner-desc i {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.6;
    text-align: center;
    display: block
}

.allclient-figure {
    width: 227px;
    background: #fff;
    box-shadow: 0 0 8px 3px #4646464d;
    border-radius: 10px;
    text-align: center;
    padding: 27px 0;
    border-top: 8px solid #053554
}

.allclient-selections {
    display: flex;
    margin-top: -60px;
    justify-content: space-around
}

.allclient-figure strong {
    color: #ff9c01;
    font-size: 23px
}

.allclient-figure p {
    font-size: 14px;
    color: #828282;
    font-weight: 500
}

.client-placement {
    margin-top: 50px
}

.client-list {
    margin-bottom: 50px
}

.client-logo-list {
    width: 165px;
    padding: 5px;
    margin: 15px;
    border-radius: 6px
}

.client-logo-list img {
    width: auto !important;
    margin: auto
}

.allclients .owl-dots .owl-dot span {
    width: 60px !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 0 !important
}

.allclients .owl-dots .owl-dot:hover span {
    background: #ff9b00 !important
}

.allclients .owl-dots .owl-dot.active span {
    background: #ff9b00 !important
}

.clientdropquery {
    padding: 20px 15px;
    border: 1px solid #ddd;
    border-radius: 10px
}

.clientdropquery .select2-container {
    position: absolute;
    top: 20px
}

.clientdropquery .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #7a8088 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 58px;
    position: absolute;
    top: 69%;
    width: 0
}

.clientdropquery .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    color: #505050;
    line-height: 54px
}

.clientdropquery-heading h5 {
    text-align: center;
    margin-bottom: 15px
}

.clientdropquery form input,
.clientdropquery form select {
    padding: 10px;
    margin-top: 15px;
    font-size: 13px;
    width: 100%;
    border: 1px solid #ddd
}

.clientdropquery form p {
    font-size: 10px;
    margin-bottom: 15px;
    margin-top: 20px
}

.clientdropquery form select {
    color: #888;
    height: 38px
}

.clientdropquery form .button1 {
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 15px
}

.corporate-client-video {
    padding: 80px 0
}

.client-video-img {
    width: 360px;
    position: relative;
    margin: auto
}

.client-video-learner a .testi {
    top: 40%
}

.client-video-img img {
    width: 100%
}

.client-heading-corporates h3 {
    font-weight: 700;
    width: 470px;
    color: #494949;
    line-height: 1.3
}

.client-heading-corporates .line {
    width: 135px
}

.client-heading-corporates p {
    font-size: 13px;
    margin: 30px 0
}

.corporate-client-video .button5 {
    width: fit-content
}

.future-client {
    padding: 80px 0;
    background: #023864;
    clip-path: polygon(0% 57px, 100% 0%, 100% 100%, 0% 100%)
}

.future-client-desc {
    text-align: center
}

.future-client-desc h3 {
    font-weight: 700;
    color: #fff;
    font-size: 31px
}

.future-client-desc span {
    color: #fd9c1a;
    font-weight: 700
}

.future-client-desc p {
    color: #fff;
    font-weight: 500;
    position: relative;
    font-size: 14px;
    width: 200px;
    margin: auto;
    display: block;
    margin-top: 35px
}

.future-client-desc p::before {
    content: '';
    background: #fff;
    width: 66px;
    height: 3px;
    position: absolute;
    bottom: -9px;
    left: 70px
}

.future-client-form .form-inline {
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 50px;
    align-items: end
}

.future-client-form p {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    text-align: center
}

.future-client-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 80%;
    margin-left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%
}

.valide-text2 {
    position: relative
}

.valide-text2 .select2-container {
    position: absolute
}

.future-client-form .valide-text1 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0
}

.future-client-form .valide-text1 .select2-container {
    position: absolute
}

.future-client-form .select2-container .select2-selection--single {
    color: #fff;
    height: 44px;
    line-height: 47px
}

.future-client-form .form-inline input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    height: 43px;
    width: 164px;
    color: #fff;
    padding: 0px;
}

.future-client-form .form-inline input::placeholder {
    color: #fff
}

.future-client-form .form-inline button {
    width: 125px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    padding: 8px;
    border-radius: 20px
}

.fee-deposit {
    margin: 40px 0 70px
}

.fee-deposit.inquery-class {
    margin: 0 0 70px
}

.fee-deposit.leadcls {
    margin: 0 0 70px
}

.payment-form {
    justify-content: space-between
}

.payment-form a {
    background: #fcfcfc;
    box-shadow: 0 0 6px 2px #cccccc40;
    padding: 15px;
    width: 24.5%;
    text-align: center;
    font-weight: 600;
    color: #8e8e8e !important;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none
}

.payment-form a.active {
    color: #ffa302 !important;
    box-shadow: 0 0 7px 5px #dcdcdc85;
    position: relative
}

.payment-form a.active::before {
    content: '';
    border: 12px solid transparent;
    border-top-color: #ffa302;
    position: absolute;
    bottom: -24px;
    left: 43%
}

.student-payment {
    margin-top: 70px;
    padding: 30px 90px;
    box-shadow: 0 0 11px 2px #d6d6d6;
    border-top: 7px solid #ffa302
}

.student-payment h3 {
    border-bottom: 1px solid #595959;
    font-size: 16px;
    color: #595959;
    text-align: center;
    width: 340px;
    margin: auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    text-transform: uppercase
}

.student-payment .form-inline {
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: nowrap
}

.student-payment .form-inline .form-control {
    width: 100%;
    font-size: 14px;
    outline: none;
    box-shadow: none
}

.student-payment .form-inline select {
    width: 350px;
    font-size: 14px;
    height: 35px;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: .375rem .75rem
}

.fee-deposit-checkbox {
    margin: 0 11px
}

.fee-deposit-checkbox label {
    font-size: 14px
}

.fee-deposit-checkbox input {
    margin-right: 5px
}

.fee-deposit-checkbox label a {
    color: #000;
    text-decoration: underline
}

.student-payment-button {
    width: 100%;
    border: 1px solid #ddd;
    background: #ffa302;
    color: #fff;
    border-radius: 6px;
    padding: 8px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px
}

.face-issue-button {
    width: 50%;
    border: 1px solid #ddd;
    background: #ffa302;
    color: #fff;
    border-radius: 6px;
    padding: 8px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 30px !important;
    margin: auto;
    display: block
}

.transaction-section {
    margin-top: 70px;
    padding: 30px 90px;
    box-shadow: 0 0 11px 2px #d6d6d6;
    border-top: 7px solid #ffa302
}

.transaction-section table {
    width: 100%
}

.transaction-section table tr {
    border-bottom: 1px solid #6d6d6d;
    line-height: 4
}

.transaction-section table tr td strong {
    font-size: 17px
}

.trans-button .paygat-button {
    background: #006278;
    margin-bottom: 20px
}

.trans-button {
    display: flex;
    justify-content: space-around;
    margin-top: 35px
}

.trans-button button {
    padding: 7px 0;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 600
}

.trans-button a {
    padding: 7px 44px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 600
}

.cancel-button a {
    padding: 7px 44px;
    color: #fff !important;
    border: none;
    text-transform: uppercase;
    font-weight: 600
}

.trans-button .edit-button {
    background: #005bae;
    margin-bottom: 20px
}

.trans-button .cancel-button {
    background: #bc0001;
    margin-bottom: 20px
}

.trans-button .proceed-button {
    background: #387800;
    margin-bottom: 20px
}

.payment-process {
    justify-content: center;
    margin: 45px 93px
}

.payment-process a {
    width: 120px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #8e8e8e !important
}

.payment-process a.active {
    color: #ffa302 !important;
    text-decoration: underline
}

.payment-main {
    display: flex;
    justify-content: center
}

.gopayment {
    width: 31%
}

.team-manag {
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px
}

.team-manag .account-team {
    margin-right: 100px
}

.account-team strong {
    width: 120px
}

.account-team .yellow,
.imp-notes .yellow,
.Escalation-team .yellow {
    color: #f7971d;
    font-weight: 500;
    font-size: 17px;
    line-height: 2
}

.auth-sign h3 {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.imp-notes ul {
    padding: 0 13px;
    list-style-type: disclosure-closed
}

.imp-notes ul li {
    font-size: 11px;
    padding-bottom: 7px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.5;
    text-align: justify
}

.imp-notes ul li:last-child {
    padding-bottom: 0
}

.imp-notes h3 {
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    color: #5b5b5b;
    text-transform: uppercase
}

.account-team strong,
.account-team span,
.Escalation-team strong,
.Escalation-team span {
    font-size: 13px
}

.googlepayment-barcode {
    padding: 35px;
    box-shadow: 0 0 6px 2px #e2e2e2;
    border-top: 7px solid #f9bb06
}

.googlepayment-barcode .img-logo img {
    margin: auto;
    display: block;
    width: 188px
}

.googlepayment-barcode form select {
    width: 100%;
    height: 40px;
    color: #5a5a5a;
    border: 1px solid #9b9b9b;
    border-radius: 4px;
    margin: 18px 0;
    padding: 0 5px
}

.googlepayment-barcode form p {
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    color: #5a5a5a;
    border-radius: 4px;
    padding: 0 10px;
    text-align: center
}

.googlepayment-barcode .barcode-blur img {
    margin: auto;
    display: block
}

.singlepage-job-list {
    padding: 80px 0
}

.singlepage-job-listing-heading h5 {
    color: #083553;
    margin-bottom: 0
}

.horizontal-line {
    width: 100%;
    height: 2px;
    background: #083553;
    position: absolute;
    top: 50%;
    margin-left: 10px
}

.singlepage-job-listing-heading ul {
    margin: 15px 0 0
}

.singlepage-job-listing-heading ul li {
    color: #888
}

.singlepage-job-listing-heading ul li i {
    margin-right: 14px;
    width: 20px;
    text-align: center
}

.singlepage-job-listing-heading {
    border-left: 2px solid #083553;
    padding: 20px 0 15px 15px;
    margin-bottom: 15px
}

.singlepage-job-list .button1 {
    width: 140px
}

.singlepage-job-list .button1:hover,
.singlepage-contact-details+.button1:hover {
    color: #fff
}

.singlepage-job-desc-left {
    padding: 0 50px 0 25px;
    text-align: justify;
    border-right: 2px solid #083553
}

.singlepage-job-desc-left-sections {
    margin-bottom: 40px;
    color: #737373
}

.singlepage-job-desc-left-sections p {
    margin-top: 20px
}

.singlepage-job-desc-right-sections {
    margin-bottom: 70px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    color: #737373
}

.singlepage-keyskill-heading-line,
.singlepage-job-listing-heading-line {
    overflow: hidden
}

.singlepage-keyskill-heading-line h5,
.singlepage-job-listing-heading-line h5 {
    position: relative
}

.singlepage-keyskill-heading-line h5 i {
    margin-right: 10px
}

.singlepage-key-skill {
    margin-left: 15px;
    padding: 40px 0
}

.singlepage-keyskill-heading-line {
    color: #083553
}

.singlepage-key-skill-listing {
    display: flex;
    flex-wrap: wrap
}

.singlepage-key-skill-listing a {
    margin-right: 20px;
    background: #e5e5e5;
    color: #083553;
    font-weight: 500;
    padding: 15px 25px;
    text-decoration: none
}

.singlepage-contact {
    padding: 40px 0
}

.singlepage-contact-details {
    margin-left: 30px;
    color: #737373
}

.singlepage-contact-details ul li {
    display: flex
}

.singlepage-contact-details ul li strong {
    width: 220px
}

.about-banner-section {
    border-left: 8px solid #feac0d;
    padding-left: 27px;
    margin-bottom: 87px;
    margin-top: 40px
}

.about-banner-heading h2 {
    color: #fff;
    font-weight: 700;
    font-size: 26px
}

.about-banner-heading {
    margin: 0 0 50px;
    padding-top: 20px
}

.about-banner-desc p {
    color: #fff
}

.about-directors {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-bottom: 20px;
    margin-right: 65px
}

.about-directors-desc strong {
    color: #fff;
    font-weight: 600;
    font-size: 15px
}

.about-directors-desc p {
    font-size: 13px
}

.nav-about-team-join {
    background: #fafafa
}

.navnab-atj {
    display: flex;
    justify-content: center
}

.navnab-atj .navnab-atj-link {
    padding: 25px 33px
}

.navnab-atj-link.nav-active {
    border-bottom: 6px solid #ff9000
}

.navnab-atj .navnab-atj-link a {
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    padding: 0 25px;
    color: #0a2229
}

.quatation p {
    font-family: 'Berkshire Swash', cursive;
    font-size: 35px;
    text-align: center;
    background: -webkit-linear-gradient(180deg, #5395ab, #052a36);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.author-name i {
    display: flex;
    justify-content: flex-end;
    color: #74bece
}

.quote {
    padding: 0 0 60px
}

.quote .line {
    margin: 25px auto 30px
}

.india-tag-line {
    text-align: center;
    font-size: 18px;
    color: #293b3f
}

.mission-vision-section {
    padding: 50px 0
}

.welcome h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #293b3f;
    text-transform: uppercase;
    text-align: center
}

.welcome p {
    padding: 20px 70px;
    font-family: 'Noto Serif', serif;
    font-weight: 500;
    color: #444;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify
}

.team-quatation {
    padding: 50px 0
}

.welcome-team h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #293b3f;
    text-transform: uppercase;
    text-align: center
}

.mission-vision {
    border-left: 2px solid #293b3f;
    padding-left: 30px
}

.ourvision {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

.ourvision:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: #f8981d
}

.management-team {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0
}

.about-management-team {
    padding: 50px 0 0
}

.management-team-heading {
    margin-bottom: 40px
}

.management-team-heading h3 {
    font-size: 23px;
    font-weight: 700;
    color: #293b3f;
    text-transform: uppercase;
    border-bottom: 5px solid #fb8f29;
    margin: auto;
    width: 208px
}

.management-team {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0
}

.management-team .team-member-desc {
    margin-left: 10px;
    border-radius: 7px;
    position: relative;
    padding: 32px;
    font-size: 14px
}

.management-team .team-member-desc:before {
    content: '';
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-left-color: #e4e4e4;
    position: absolute;
    left: -10px;
    top: 40%
}

.team-member-desc p {
    color: #5d5b5b;
    font-size: 14px;
    font-weight: 400;
    text-align: justify
}

.member-info {
    display: grid;
    margin-top: 11px;
    color: #293b3f;
    font-size: 13px
}

.roadmap-heading {
    margin-bottom: 40px
}

.roadmap-heading h3 {
    font-size: 23px;
    font-weight: 700;
    color: #293b3f;
    text-transform: uppercase;
    border-bottom: 5px solid #fb8f29;
    margin: auto;
    width: 460px
}

.roadmap img {
    width: 100%;
    height: auto
}

.about-us-rating {
    background: linear-gradient(90deg, #ededed, #edeceb);
    padding: 50px 0
}

.about-us-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center
}

.about-us-class {
    width: 218px;
    padding: 44.5px 0;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.border-gradient1 {
    background-image: linear-gradient(#fe599e, #921678);
    position: relative;
    z-index: 1
}

.border-gradient1::before {
    content: '';
    display: block;
    background-color: #ededed;
    position: absolute;
    border-radius: 50%;
    height: 90%;
    width: 90%;
    z-index: -1;
    left: 5.2%
}

.border-gradient2 {
    background-image: linear-gradient(#fdb41a, #09aca2);
    position: relative;
    z-index: 1
}

.border-gradient2::before {
    content: '';
    display: block;
    background-color: #ededed;
    position: absolute;
    border-radius: 50%;
    height: 90%;
    width: 90%;
    z-index: -1;
    left: 5.2%
}

.border-gradient3 {
    background-image: linear-gradient(#0485c7, #224884);
    position: relative;
    z-index: 1
}

.border-gradient3::before {
    content: '';
    display: block;
    background-color: #ededed;
    position: absolute;
    border-radius: 50%;
    height: 90%;
    width: 90%;
    z-index: -1;
    left: 5.2%
}

.border-gradient4 {
    background-image: linear-gradient(#ffaf44, #f21527);
    position: relative;
    z-index: 1
}

.border-gradient4::before {
    content: '';
    display: block;
    background-color: #ededed;
    position: absolute;
    border-radius: 50%;
    height: 90%;
    width: 90%;
    z-index: -1;
    left: 5.2%
}

.about-us-class img {
    margin: auto;
    width: 76px;
    height: 43px
}

.about-us-class h6 {
    font-size: 40px;
    color: #3c3c3c;
    margin: 10px 0 5px;
    line-height: 1
}

.about-us-class p {
    font-weight: 600;
    color: #3c3c3c
}

.key-contact {
    padding: 0 0 40px
}

.key-contact-heading {
    margin-bottom: 40px;
    margin-top: 25px
}

.key-contact-heading h3 {
    font-size: 23px;
    font-weight: 700;
    color: #293b3f;
    text-transform: uppercase;
    border-bottom: 5px solid #fb8f29;
    margin: auto;
    width: 207px
}

.thanksection {
    background: linear-gradient(90deg, #ffeed3, #fff3e4);
    padding: 45px;
    text-align: center
}

.thankheading h1 {
    font-size: 72px;
    background: -webkit-linear-gradient(#f6c46a, #fc944c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid #014655;
    width: 320px;
    margin: auto
}

.thanks-desc {
    margin-top: 45px
}

.thanks-desc p {
    margin-top: 15px;
    margin-bottom: 15px
}

.quick-social-section {
    background: #f8f8f8;
    padding: 15px 0;
    text-align: center
}

.quick-link,
.replay-social-link {
    margin: 10px 0 30px
}

.quick p,
.social p {
    font-size: 20px
}

.quick-link a {
    background: -webkit-linear-gradient(#f2b12b, #e66107);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    margin: 0 25px
}

.replay-social-link a {
    margin: 0 18px
}

.join-us-banner {
    background: url(../img/join-again-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 493px
}

.join-desc {
    color: #0d323b
}

.join-desc strong {
    font-size: 20px
}

.join-desc p {
    font-weight: 400;
    margin: 25px 0
}

.join-desc button {
    margin: initial
}

.why-work {
    padding: 80px 0;
    background-image: url(../img/background.png);
    background-size: cover;
    background-repeat: no-repeat
}

.why-work-heading h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #0a2229;
    text-transform: uppercase;
    text-align: center
}

.reason-list {
    display: flex;
    color: #0a2229;
    margin-bottom: 50px;
    margin-right: 30px
}

.reason-why-desc {
    margin-left: 45px;
    margin-top: 30px
}

.reason-why-desc-heading strong {
    font-weight: 500;
    font-size: 20px
}

.reason-why-desc-heading p {
    margin-top: 25px;
    font-size: 15px;
    text-align: justify
}

.join-family {
    background: linear-gradient(45deg, #02d87f, #0490cb);
    color: #fff;
    padding: 75px 0;
    box-shadow: 0 0 12px 2px #5a5a5a7a
}

.buttontojoin {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.buttontojoin h3 {
    font-size: 35px;
    font-weight: 400;
    text-transform: uppercase
}

.buttontojoin button {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
    padding: 15px;
    border-radius: 6px
}

.value-action {
    padding: 40px 0
}

.value-action-heading h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #0a2229;
    text-transform: uppercase;
    text-align: center
}

.values-join .owl-dots .owl-dot span {
    width: 50px !important;
    height: 7px !important;
    border-radius: 0 !important;
    margin: 0 !important
}

.values-join .owl-dots .owl-dot.active span,
.values-join .owl-dots .owl-dot:hover span {
    background: #0490cb !important
}

.connect-you {
    padding: 40px 0;
    background-color: #fffbf8;
    background-image: url(../img/Join_Us_Again.png);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.right-oppor-heading h3 {
    display: grid;
    justify-content: center;
    text-align: center;
    color: #1b1e29
}

.right-oppor-heading p {
    text-align: center;
    color: #1b1e29;
    font-weight: 400
}

.right-oppor-form form {
    margin: 30px 0
}

.right-oppor-form-section1 {
    padding: 0 10px
}

.right-oppor-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 76%;
    margin-left: 0;
    margin-top: -15px;
    position: absolute;
    top: 72%
}

.right-oppor-form .form-inline .help-block {
    margin-left: 2px
}

.right-oppor-form-section1 input {
    border: none;
    border-bottom: 1px solid #424242;
    width: 100%;
    background: transparent;
    line-height: 41px
}

.right-oppor-form-section2 {
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 40px;
    margin-top: 40px
}

.right-oppor-form-section2 input {
    width: 100%;
    height: 42px;
    border: none;
    border-bottom: 1px solid #424242;
    background: transparent;
    padding: 0px;
}

.right-oppor-form-section3 {
    justify-content: space-between;
    margin-bottom: 60px
}

.right-oppor-form-section3 select {
    border: none;
    border-bottom: 1px solid #424242;
    width: 45%;
    color: #6d6d6d;
    background: transparent
}

.our-team-banner-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 21px;
    width: 621px;
    font-family: 'Poppins';
    font-weight: 700;
    transform: translate(50%, -80%);
    text-align: center
}

.team-quatation .line {
    margin: auto;
    margin-bottom: 50px
}

.team-quatation p {
    padding: 20px 70px;
    font-family: 'Noto Serif', serif;
    font-weight: 500;
    color: #444;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify
}

.team-thought p {
    font-family: 'Berkshire Swash', cursive;
    font-size: 35px;
    text-align: center;
    background: -webkit-linear-gradient(180deg, #5395ab, #052a36);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.team-author i {
    display: flex;
    justify-content: flex-end;
    color: #fff;
    font-weight: 400
}

.product-team {
    padding: 60px 0
}

.product-team.f9 {
    background: #f9f9f9
}

.product-team-section {
    display: flex;
    align-items: center
}

.product-team-left {
    text-align: right;
    padding: 0 70px
}

.product-team-heading-left h3 {
    color: #003f7f;
    font-weight: 700;
    text-transform: uppercase
}

.product-team-desc p {
    font-size: 15px;
    color: gray;
    margin: 20px 0 40px;
    line-height: 1.8
}

.product-team-heading-left {
    background: url(../img/circle-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 52%;
    padding: 10px 0 3px
}

.team-button {
    background: #005195;
    color: #fff;
    border: none;
    padding: 15px 32px;
    position: relative;
    font-size: 20px;
    letter-spacing: 1px
}

.team-button:after {
    content: '>';
    position: absolute;
    right: 15px;
    top: 29%
}

.product-team.f4 {
    color: #f4f4f4
}

.product-team-right {
    text-align: left;
    padding: 0 70px
}

.product-team-heading-right {
    background: url(../img/circle-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 3px;
    padding: 10px 0 3px 15px
}

.product-team-heading-right h3 {
    color: #003f7f;
    font-weight: 700;
    text-transform: uppercase
}

.industry-ready {
    background: linear-gradient(45deg, #d6a15d, #edca8a);
    text-align: center;
    color: #fff;
    padding: 60px 0;
    margin: 20px 0 50px
}

.industry p {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 200
}

.industry p strong {
    font-weight: 700
}

.industry-sub-heading p {
    font-size: 20px;
    position: relative
}

.industry-sub-heading p a {
    color: #fff;
    text-decoration: underline
}

.horizontal-line-left {
    width: 20%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 9px;
    top: 50%
}

.horizontal-line-right {
    width: 20%;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 9px;
    top: 50%
}

.service-banner {
    background: #f1f3ff;
    height: auto
}

.service-banner-heading h3 {
    color: #002a4e;
    font-weight: 700;
    font-size: 34px;
    position: relative;
    line-height: 1.5
}

.service-banner-img {
    margin-top: 15px
}

.service-banner-heading h3:before {
    content: '';
    background: #fb8f29;
    width: 155px;
    height: 4px;
    position: absolute;
    bottom: -44px
}

.service-heading {
    margin: 80px 0 0
}

.service-heading-list h3 {
    font-size: 23px;
    font-weight: 700;
    color: #0f2c39;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 5px solid #fb8f29;
    margin: auto;
    width: fit-content
}

.service-section-list {
    display: flex;
    align-items: center
}

.service-section-list-desc strong {
    color: #012553;
    font-size: 20px;
    position: relative;
    line-height: 4
}

.service-section-list-desc strong:before {
    content: '';
    background: #fb8f29;
    width: 80%;
    height: 2px;
    position: absolute;
    bottom: -4px
}

.service-section-list-desc p {
    line-height: 1.9;
    color: #4a4a4a
}

.service-section {
    padding: 55px 0
}

.grey {
    background: #f4f5f9
}

.service-section.grey .service-section-list-desc {
    text-align: right
}

.service-section.grey .service-section-list-desc strong:before {
    right: 0
}

.course-page-2-curriculum {
    margin-top: 20px
}

.course-page2-curriculum {
    display: flex;
    justify-content: space-between;
    margin: 25px 0;
    background: #fafafa;
    box-shadow: 0 0 11px 4px #eaeaea;
    transition: all .2s ease-out;
    will-change: transform
}

.course-page2-curriculum:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important
}

.course-page-img img {
    width: 70px;
    margin-right: 20px
}

.course-page-content {
    width: 80%;
    padding: 10px 25px 14px 0
}

.course-page-heading {
    line-height: 1.5em;
    margin-bottom: 5px;
}

.course-page-heading strong {
    font-weight: 600;
    font-size: 19px
}

.course-page-desc {
    font-size: 13px;
    margin-bottom: 16px
}

.details-view-master a {
    background: linear-gradient(45deg, #3876F1, #1C19B0);
    padding: 8px 10px;
    color: #fff !important;
    font-size: 13px;
    color: #1a242d
}

.course-page-heading strong a {
    color: #000
}

.banner-training-certificate .banner-heading {
    margin: 98px 0
}

.banner-heading {
    margin: 38px 0
}

.banner-heading h1 {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 33px
}

.banner-heading h1 strong {
    color: #ffbc08;
    font-weight: 700
}

.banner-heading a {
    color: #fff;
    border: 2px solid #fff;
    padding: 7px;
    text-transform: uppercase;
    line-height: 3;
    text-decoration: none
}

.banner-heading a i {
    font-size: 13px
}

.banner-img {
    margin-top: 65px
}

.training-certificate-page {
    background: #fdfdfd
}

.gt {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #c1c1c1
}

.gt .nav-item a {
    background: transparent !important;
    border: none !important;
    color: #0a2229 !important;
    font-size: 24px;
    font-weight: 600;
    padding: 15px
}

.gt .nav-item a.active {
    border-bottom: 5px solid #ff9000 !important
}

.GetTrack .tab-content {
    padding: 45px 0
}

.mobile-track-img {
    display: block;
    text-align: center;
    border-bottom: 1px solid #9a9a9a
}

.mobile-track-img img {
    border-bottom: 5px solid #ff9000
}

.validation {
    display: block;
    text-align: center;
    margin-top: 35px
}

.validation strong {
    color: #002833;
    font-size: 15px;
    font-weight: 600
}

.validation .help-block {
    display: initial;
    margin-top: 0;
    margin-left: -86px;
    color: red;
    font-size: 6px;
    position: absolute
}

.validation .help-blocks {
    display: initial;
    margin-top: 0;
    margin-left: 8px;
    color: red;
    font-size: 6px;
    position: absolute
}

.validation .help-blocks strong {
    color: red;
    margin-left: -72px
}

.certraid .help-block {
    color: red;
    font-size: 6px;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
}

.validation .button3 {
    color: #fff;
    background: #fa872a;
    border: none;
    font-weight: 400;
    margin-right: 0;
    padding: 10px 24px;
    border-radius: 4px
}

.certraid .help-block strong,
.validation .help-block strong {
    color: red;
    font-size: 15px
}

.validation p {
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 25px
}

.validation form {
    position: relative
}

.validation form label {
    width: 52px;
    color: #002833;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: -2%;
    left: 36%;
    background: #fff;
    padding: 5px 0;
    line-height: 0
}

.validation form input[type=tel] {
    border-radius: 5px;
    border: 1px solid #2c3a48;
    padding: 8px;
    width: 350px
}

.certraid .button3,
.validation .button3 {
    margin-top: 30px;
    text-transform: capitalize !important;
}

.validation form p {
    width: 350px;
    margin: auto;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 17px
}

.otpvari-img {
    display: block;
    text-align: center;
    border-bottom: 1px solid #9a9a9a
}

.validation form p {
    margin-top: 25px
}

.gt .nav-item {
    margin: 0 15px
}

.gt .nav-item:first-child a {
    position: relative
}

.gt .nav-item:first-child a::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 25px;
    background: #0a2229;
    right: -15px;
    top: 20px
}

.pwdvalidation input {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #9a9a9a;
    margin: 0 5px;
    text-align: center;
    font-size: 65px;
    color: #9a9a9a
}

.track-dummy {
    border-bottom: 1px solid #9a9a9a
}

.track-dummy img {
    margin: auto;
    display: block
}

.gc-tc {
    text-align: center;
    padding: 85px 0
}

.gc-heading h1 {
    color: #025a93
}

.gc-heading p {
    width: 80%;
    margin: auto
}

.certraid strong {
    color: #002833;
    font-size: 19px;
    font-weight: 600
}

.certraid .help-block strong {
    color: red
}

.certraid {
    margin: 50px 0
}

.certraid p {
    margin: 15px 0
}

.certraid form input {
    width: 34%;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #9a9a9a;
    text-align: center
}

.certraid form button {
    padding: 13px 24px;
    margin: 0;
    text-transform: uppercase
}

.student-certificate-here-heading {
    border-top: 1px solid #9a9a9a
}

.student-certificate-here-heading strong {
    color: #025a93;
    text-transform: uppercase;
    display: block;
    font-size: 23px;
    font-weight: 600;
    width: 312px;
    margin: auto;
    border-top: 5px solid #ff9000;
    padding: 10px 0
}

.student-data {
    display: flex;
    justify-content: space-between;
    margin-top: 65px
}

.student-name {
    background: url(../img/circle-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 7px 0
}

.student-name strong {
    color: #0f2c39;
    font-size: 22px;
    margin-left: 8px
}

.trackstu-data {
    margin: 25px 0
}

.management-team .team-member-pic {
    padding: 15px;
    background-color: #e4e4e4
}

.trackstu-data p {
    font-size: 13px;
    display: flex;
    line-height: 2.8;
    font-weight: 500
}

.trackstu-data strong {
    font-weight: 600;
    width: 150px
}

.trackstu-data span {
    padding-left: 30px;
    width: 360px
}

.vidocer {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.vidocer button {
    padding: 10px 45px
}

.student-data-right {
    position: relative
}

.student-data-right::before {
    content: '';
    width: 1px;
    height: 100px;
    position: absolute;
    top: 30%;
    left: -10%;
    background: #ffa200
}

.student-data-right img {
    width: 90%
}

.tracer img {
    max-width: 100%;
    margin: auto;
    height: auto;
    display: block
}

#vas {
    display: none
}

.career-heading,
.heading-equiry-pop {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#fix-rig {
    top: 40%;
    right: -64px;
    display: flex;
    align-items: center;
    z-index: 500;
    letter-spacing: 0px;
    font-size: 16px;
    background: rgb(255 255 255);
    color: #004080;
    padding: 10px 11px 23px;
    text-transform: uppercase;
    font-weight: 600;
    transform: rotate(-90deg);
    -webkit-box-shadow: rgb(2 18 129 / 25%) 0 2px 15px 0;
    box-shadow: rgb(2 18 129 / 25%) 0 2px 15px 0;
}

#fix-rig,
#fix-rig2,
.ani-pio {
    position: fixed;
    border-top-left-radius: 6px;
}

#fix-rig,
#fix-rig2 {
    border-top-right-radius: 6px;
    cursor: pointer;
}

#fix-rig span {
    margin-right: 7px;
    background: #004080;
    height: 21px;
    border-radius: 5px;
    width: 21px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

#fix-rig img {
    -webkit-animation-name: equ_right_call;
    animation-name: equ_right_call;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    width: 13px;
}

.bottom-enquiry .card-body {
    background-color: #fff;
}

.ani-pio {
    width: 250px;
    z-index: 9999;
    background-color: #fff;
    top: 31.5%;
    right: -250px;
    overflow-x: hidden;
    transition: .5s 0.1s;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 12 105 / 17%);
    box-shadow: 0 0 20px 0 rgb(0 12 105 / 17%);
    border-bottom-left-radius: 6px
}

.ani-pio span {
    color: #818181;
    display: block;
    transition: .3s
}

.fix-contact {
    margin: 36px 0;
}

.fix-contact .fix-indian,
.fix-contact .fix-internatioanl {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.fix-contact .fix-indian .fix-indian-left p,
.fix-contact .fix-internatioanl .fix-international-left p {
    font-size: 10px;
    font-weight: 500
}

.fix-contact .fix-indian .fix-indian-left,
.fix-contact .fix-internatioanl .fix-international-left {
    position: relative;
}

.fix-indian-right i {
    background: linear-gradient(302deg, #ffa817, #dd8336);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 25px;
}

.fix-international-right i {
    background: linear-gradient(302deg, #ffed17, #dd8336);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
}

.fix-contact .fix-indian .fix-indian-left::after,
.fix-contact .fix-internatioanl .fix-international-left::after {
    content: '';
    width: 1px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: -20px;
    background: #888
}

.ani-pio .closebtn {
    position: absolute;
    top: 0;
    right: 14px;
    font-size: 28px;
    color: #000;
    cursor: pointer
}

.fix-contact .fix-internatioanl {
    margin-top: 10px;
}

.fix-contact .fix-indian .fix-indian-left strong a,
.fix-contact .fix-internatioanl .fix-international-left strong a {
    color: #000;
    font-weight: 600
}

@-webkit-keyframes equ_right_call {
    0%,
    20%,
    26%,
    32%,
    38%,
    44%,
    50%,
    56%,
    62%,
    68%,
    74%,
    80% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    23%,
    35%,
    47%,
    59%,
    71% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    29%,
    41%,
    53%,
    65%,
    77% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@keyframes contactus_trin__1hs1e {
    0%,
    20%,
    26%,
    32%,
    38%,
    44%,
    50%,
    56%,
    62%,
    68%,
    74%,
    80% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    23%,
    35%,
    47%,
    59%,
    71% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    29%,
    41%,
    53%,
    65%,
    77% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

#fix-rig2 {
    bottom: 0;
    right: 1px;
    z-index: 999;
    font-size: 17px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    width: 320px;
    box-shadow: rgb(112 112 112 / 40%) 0 0 5px 3px;
    -webkit-box-shadow: rgb(112 112 112 / 40%) 0 0 5px 0
}

.bottom-form-right span {
    display: block;
    color: #004080;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2em
}

.bottom-form-right .number {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2em
}

.bottom-enquiry .card-header {
    padding: 8px 20px;
    border-bottom: 0
}

.bottom-enquiry .card {
    border: 0
}

.right-side-form-popup .right-side-form-control {
    border: 1px solid rgba(185, 185, 185, .41);
    font-size: 13px;
    color: #888
}

.all-course-listing-desc,
.right-side-form-popup input {
    padding: 18px 15px
}

.form-control:focus,
.search-column,
input:focus {
    box-shadow: none !important;
    outline: 0 !important
}

.right-side-form-popup label {
    font-size: 13px;
    margin-bottom: 2px;
    display: block;
    color: #212529 !important
}

.btn-eq-yellow {
    background-color: #f97141;
    color: #fff;
    font-size: 15px;
    padding: 6px 15px;
    width: 100%
}

.career-heading,
.heading-equiry-pop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-eq-yellow:hover {
    color: #fff;
}

.bottom-form-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

textarea.text-message {
    height: 60px;
}

.heading-equiry-pop picture img {
    -webkit-animation: blinking 2s infinite;
    animation: blinking 2s infinite;
    position: relative;
    top: 3px;
    left: 2px;
}

@-webkit-keyframes blinking {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes duq_fadeinout__1PM-K {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.bottom-form-right img {
    margin-right: 10px;
}

.card-header>.heading-equiry-pop.intro>i {
    -webkit-transform: rotate(177deg);
    -moz-transform: rotate(177deg);
    -ms-transform: rotate(177deg);
    -o-transform: rotate(177deg);
    transform: rotate(177deg);
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.card-header>.heading-equiry-pop>i {
    cursor: pointer;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.blog-banner {
    background: url(../img/Blog_Banner.webp);
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover
}

.blog-single-border {
    margin-top: 20px;
    display: flex
}

.blog-single-one {
    width: 80px;
    height: 2px;
    background: #321a84;
    margin-right: 15px
}

.blog-single-two {
    width: 50px;
    height: 2px;
    background: #321a84;
    margin-right: 15px
}

.blog-single-three {
    width: 20px;
    height: 2px;
    background: #321a84
}

.pb-blog-banner-content {
    padding: 5em 0
}

.pb-blog-banner-heading h3 {
    color: #ff9105;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 0
}

.pb-blog-banner-heading p {
    font-size: 22px;
    font-weight: 500
}

.pb-blog-banner-desc p {
    font-size: 13px;
    width: 83%;
    font-weight: 400;
    margin-top: 5px
}

.an-column-blog .content {
    box-shadow: 0 1px 13px 0 rgba(226, 226, 226, 0.28);
    border-radius: 3px;
    overflow: hidden;
    margin: auto;
    border: 1px solid #d3d3d3
}

.an-column-blog .content:hover .an-blog-img img {
    transform: scale(1.05);
    transition: transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0
}

.an-bg-co {
    padding: 0 15px 15px
}

.an-blog-img {
    overflow: hidden
}

.an-blog-img img {
    width: 100%;
    height: 129.5px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.an-blog-page-heading {
    font-size: 15px;
    padding: 15px 0;
    line-height: 1.2;
    border-bottom: 1px solid #ddd;
    height: 70px
}

.an-blog-page-heading strong {
    font-weight: 600;
    color: #3b3b3b;
    font-size: 11pt;
    line-height: 21px
}

.an-blog-page-desc p {
    font-size: 11px;
    line-height: 17px;
    margin-top: 10px;
    font-weight: 420;
    color: #4f4f4f;
    text-align: justify
}

.an-blog-page-desc {
    margin-bottom: 5px
}

.an-blog-page-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.an-blog-author p {
    font-size: 11px;
    font-weight: 500;
    line-height: 1
}

.an-blog-author strong {
    font-size: 12.5px;
    font-weight: 600;
    color: #585858
}

.an-blog-footer-right img {
    width: 20px;
    margin-right: 3px
}

.an-blog-footer-right span {
    font-weight: 500;
    font-size: 10px;
    margin-right: 7px;
    color: #585858
}

.an-new-blog {
    background: #f9f9f9
}

.an-new-blog-heading {
    padding-top: 50px
}

.category-box {
    cursor: pointer;
    height: 120px;
    text-align: center;
    display: block;
    flex-direction: column;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 10px 0px #e1e1e1;
    transition: all .2s ease-out;
    will-change: transform;
    border-radius: .2rem;
    margin-bottom: 1.8rem;
    padding: 15px
}

.category-box img {
    border-radius: 50%
}

.category-box:hover {
    transform: translateY(-4px);
    cursor: pointer
}

.category-col>.category-link {
    text-decoration: none;
    color: #4a4a4a
}

.category-name {
    color: #4a4a4a;
    font-size: .875rem;
    text-align: center;
    font-weight: 400;
    line-height: 18px
}

.an-new-blog-heading .title {
    font-size: 29px;
    margin-bottom: 2rem;
    font-weight: 300;
    color: #838383
}

.an-new-blog-filter {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.an-filter-button {
    border: none;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    color: #8e8e8e;
    padding: 10px;
    text-transform: capitalize
}

.an-filter-button:hover {
    color: #352c7b !important;
    background: #f7f7f7 !important
}

.an-column-blog {
    margin: 25px 0
}

.an-psb {
    color: #352c7b;
    box-shadow: none !important;
    outline: none !important;
    background: #f7f7f7;
    padding: 10px
}

.farn-modal-left {
    overflow: hidden;
    position: relative
}

.franchise-from {
    position: absolute;
    top: 50%;
    left: 17%;
    text-align: center
}

.franchise-heading {
    font-size: 45px;
    display: table;
    padding: 0 20px;
    color: #f1b500;
    font-weight: 700;
    border: 1px solid #f1b500
}

.franchise-body {
    background-color: #f1b500;
    font-size: 19px;
    padding: 0 15px;
    color: #fff;
    font-weight: 600
}

.scholarship-from {
    position: absolute;
    top: 50%;
    left: 12%;
    text-align: center
}

.scholarship-heading {
    font-size: 45px;
    display: table;
    padding: 0 20px;
    color: #f1b500;
    font-weight: 700;
    border: 1px solid #f1b500
}

.scholarship-body {
    background-color: #f1b500;
    font-size: 19px;
    padding: 0 15px;
    color: #fff;
    font-weight: 600
}

.scholarship-frm .form-item .name {
    display: flex;
    align-items: center;
    margin: 15px 0
}

.scholarship-frm .form-item .name p {
    font-weight: 500;
    color: #fff;
}

.scholarship-frm .form-item .name input {
    width: 100%;
    border: none;
}

.scholarship-frm input {
    line-height: 0 !important;
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid #A1A1A1;
    box-shadow: none !important;
    outline: none;
    background: #fff;
}

.scholarship-frm select {
    line-height: 0 !important;
    padding: 3px 5px;
    border-radius: 4px;
    border: 1px solid #A1A1A1;
    box-shadow: none !important;
    outline: none;
    background: #fff;
}

.scholarship-frm .row {
    margin: auto;
    display: unset
}

.scholarship-frm .col-1,
.scholarship-frm .col-2,
.scholarship-frm .col-3,
.scholarship-frm .col-4,
.scholarship-frm .col-5,
.scholarship-frm .col-6,
.scholarship-frm .col-8,
.scholarship-frm .col-9,
.scholarship-frm .col-10,
.scholarship-frm .col-11,
.scholarship-frm .col-12 {
    padding: 0
}

.scholarship-frm p {
    font-size: 13px
}

.farn-modal-right {}

.nit .modal-content {
    flex-direction: row;
    overflow: hidden;
    width: 906px
}

.nit .modal-dialog {
    max-width: 906px
}

.nit .farn-modal-right .modal-header {
    background: #f8981d;
    position: relative;
    border-radius: 0
}

.nit .farn-modal-right .modal-header button {
    position: absolute;
    right: 25px;
    top: 32px;
    color: #fff;
    opacity: 1;
    border: 1px solid;
    padding: 0 5px;
    border-radius: 50%
}

.nit .farn-modal-right .modal-header .modal-title {
    margin: auto;
    color: #fff;
    font-weight: 500
}

.hire .farn-modal-right {
    width: 100%;
    background-color: #fbfbfb
}

.hire .modal-content {
    flex-direction: row;
    overflow: hidden
}

.hire .farn-modal-right .modal-header {
    background: #f8981d;
    position: relative;
    border-radius: 0
}

.hire .farn-modal-right .modal-header button {
    position: absolute;
    right: 25px;
    top: 32px;
    color: #fff;
    opacity: 1;
    border: 1px solid;
    padding: 0 5px;
    border-radius: 50%
}

.hire .farn-modal-right .modal-header .modal-title {
    margin: auto;
    color: #fff;
    font-weight: 500
}

.nit-form form .form-inline input[type=text],
.nit-form form .form-inline input[type=email],
.nit-form form .form-inline input[type=date] {
    width: 100%;
    padding: 7px;
    color: #9b9b9b;
    font-size: 13px;
    border: none;
    border-bottom: 1px solid #f8981d
}

.form-inline.nit-check.has-error {
    display: flex
}

.nit-check {
    display: flex !important
}

.nit-form form .form-inline select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #f8981d;
    background-color: transparent;
    margin-top: 15px !important;
    width: 100% !important;
    padding: 10px 5px !important;
    font-size: 14px !important;
    font-weight: 400;
    color: #858585;
    border: 1px solid #b7b7b7;
    border: none;
    border-bottom: 1px solid #f8981d
}

.nit-form form .form-inline input[type=text] {
    border: none;
    border-bottom: 1px solid #f8981d;
    background-color: transparent;
    margin-top: 15px;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #b7b7b7;
    border: none;
    border-bottom: 1px solid #f8981d
}

.nit-form form .form-inline input[type=tel] {
    border: none;
    border-bottom: 1px solid #f8981d;
    background-color: transparent;
    margin-top: 15px;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #b7b7b7;
    border: none;
    border-bottom: 1px solid #f8981d
}

.has-error .help-block {
    color: red
}

.has-error .help-block strong {
    color: red;
    margin-bottom: 0;
    text-align: inherit
}

.nit-form-inline .help-block {
    color: red
}

.failedhtml {
    color: red
}

.help-block {
    display: block;
    margin-top: 0;
    color: red;
    font-size: 12px;
    position: absolute
}

.future-client-form .form-inline .help-block {
    margin-left: 0
}

.form-inline .help-block {
    display: block;
    margin-left: 5px
}

.submit-download-from .form-inline .help-block {
    display: block;
    margin-left: 5px;
    margin-top: 37px
}

.nit-form .form-inline {
    display: block
}

a:link {
    text-decoration: none
}

.nit-form form .nit-form-inline {
    display: flex;
    align-items: center;
    margin-top: 25px;
    margin-left: 7px
}

.nit-form form .nit-form-inline label {
    margin: 0 19px 0 5px;
    color: #373737;
    font-size: 13px
}

.farn-modal-right .modal-body {
    padding: 0 50px 20px
}

.nit-check {
    margin-bottom: 35px;
    margin-left: 0;
    margin-top: 20px
}

.nit-check {
    position: relative
}

.nit-check .help-block {
    margin-top: 44px;
    position: absolute
}

.nit-check input {
    margin-right: 10px
}

.nit-check label {
    color: #737070;
    font-size: 13px
}

.nit-form form textarea {
    border: none;
    border-bottom: 1px solid #7d7d7d;
    font-size: 13px;
    width: 100% !important;
    font-size: 14px;
    padding: 7px 10px;
    height: 48px;
    margin-top: 25px
}

.nit-form form input[type=submit] {
    width: 80%;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 40px
}

.blog-single-banner {
    background: url(../img/Blog_Second_Page_Banner.jpg);
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover
}

.blog-single-banner-content {
    padding: 5em 0
}

.blog-single-banner-heading p {
    font-size: 22px;
    font-weight: 500
}

.blog-single-banner-heading h3 {
    color: #ff9105;
    font-weight: 600;
    font-size: 24px
}

.blog-single-banner-heading h1 {
    color: #ff9105;
    font-weight: 600;
    font-size: 24px
}

.blog-single-banner-desc p {
    font-size: 13px;
    width: 82%;
    font-weight: 400
}

.blog-single-border {
    margin-top: 20px;
    display: flex
}

.blog-single-one {
    width: 80px;
    height: 2px;
    background: #321a84;
    margin-right: 15px
}

.blog-single-two {
    width: 50px;
    height: 2px;
    background: #321a84;
    margin-right: 15px
}

.blog-single-three {
    width: 20px;
    height: 2px;
    background: #321a84
}

.pi-blog {
    margin: 50px 0
}

.pi-blog-heading h3 {
    margin-bottom: .5rem;
    line-height: 1.3;
    font-weight: 700;
    color: #000
}

.pi-blog-heading span {
    font-size: 13px
}

.name-and-date .author-name {
    display: flex;
    color: #000;
    font-weight: 700;
    font-size: 16px
}

.pi-blog-heading .fa-star,
.pi-blog-heading .fa-star-half {
    color: #ffa543
}

.author-details {
    margin-top: 1.2rem;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 20px 0
}

.author-details>.author-avatar {
    width: 50px;
    display: inline-block;
    height: 50px;
    border: 1px solid #dee2e6 !important
}

.author-name>a {
    display: flex;
    font-weight: 600;
    color: #000;
    line-height: 1.2
}

.author-details>.name-and-date {
    margin-left: 1rem;
    vertical-align: middle !important;
    display: inline-block !important;
    width: 86%
}

.pi-desc {
    box-shadow: 0 2px 8px 0 #00000057;
    border-radius: 6px;
    background: #fff;
    padding: 25px 30px;
    margin-bottom: 0
}

.pi-blog-heading {
    box-shadow: 0 2px 8px 0 #00000047;
    border-radius: 6px;
    background: #fff;
    padding: 25px 30px 14px;
    margin-bottom: 30px
}

.pi-blog-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.pi-blog-desc {
    background: #fff;
    padding: 0;
    margin-bottom: 30px
}

.pi-blog-desc img {
    height: auto;
    margin: 0 auto;
    max-width: 100% !important;
    min-width: 1px !important;
    text-align: center;
    z-index: 0 !important
}

.blog-date {
    font-size: .625rem;
    color: #9b9b9b;
    margin-right: 10px
}

.author-bio {
    color: #000;
    font-size: 12px;
    display: block
}

.bookmark-comments {
    list-style: none;
    display: inline-flex;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 700;
    color: #000;
    font-weight: 600
}

.comment-box {
    padding: 11px 0
}

.testimonials-content .item {
    box-shadow: 0 0 6px 6px #e4e4e4;
    padding: 20px 20px;
    margin: 20px;
    border-radius: 4px;
    height: 250px;
}

.rating-icon i {
    color: #faba50
}

.testimonials-content.owl-carousel .owl-item img {
    width: 72px;
    height: 72px;
}

.test-details {
    padding-top: 25px;
    position: relative;
    align-items: center
}

.test-details figure {
    width: 80px;
    margin-bottom: 0px;
    height: 80px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 50%
}

.test-details figure img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.test-details>.name-details {
    padding: 0 20px
}

.testimonials-content p {
    font-size: 13px;
    max-height: 60px;
    overflow: hidden
}

.test-details::after {
    position: absolute;
    content: "\f10e";
    right: 0;
    font-family: "FontAwesome";
    font-size: 40px
}

.testimonials-content .owl-prev {
    position: absolute;
    left: -10px;
    top: 80px;
    font-size: 80px !important;
    color: #ccc
}

.testimonials-content .owl-theme .owl-nav [class*='owl-'] {
    margin: 0 !important
}

.testimonials-content .owl-next {
    position: absolute;
    right: -10px;
    top: 80px;
    font-size: 80px !important;
    color: #ccc
}

.owl-next span,
.owl-prev span {
    color: #333
}

.testimonials-content .owl-dots {
    display: none
}

.pi-img-desc {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    align-items: center;
    color: #3b3b3b
}

.col-blog-right-section {
    position: sticky;
    top: 20px;
    margin-top: 50px
}

.pi-as-left {
    display: flex;
    align-items: center
}

.pi-img-desc-left-date {
    background: #ff9105;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 4px 10px 9px;
    font-size: 12px;
    border-radius: 6px;
    margin-right: 15px
}

.pi-img-desc-left-date p {
    font-weight: 500
}

.pi-img-desc-left-date p:first-child {
    font-size: 22px
}

.pi-desc-requirement h2 b,
.pi-desc-requirement h2 {
    font-size: 19px;
    font-weight: 600;
    color: #3b3b3b;
}

.pi-desc-requirement h2,
.pi-desc-requirement h3,
.pi-desc-requirement h4,
.pi-desc-requirement h5,
.pi-desc-requirement h6 {
    margin-bottom: 3px;
    margin-top: 8px;
}

.pi-desc-requirement p,
.pi-desc-requirement span {
    line-height: 26px !important;
    text-align: justify;
    padding: 5px 0 !important;
    font-size: 15px !important;
    font-family: 'Poppins', sans-serif !important
}

.pi-desc-requirement h3 b,
.pi-desc-requirement h3 {
    font-size: 17px;
    font-weight: 600;
    color: #3b3b3b;
}

.pi-desc-requirement p b {
    color: #000;
    font-weight: 600
}

.pi-desc-requirement p b a,
.pi-desc-requirement p a b,
.pi-desc-requirement a {
    color: #007bff;
    font-weight: 400;
}

.pi-desc-requirement span {
    background-color: transparent !important
}

.pi-desc-requirement iframe {
    width: 100% !important
}

.pi-desc-requirement h2 span {
    font-size: 19px !important;
    font-weight: 600
}

.pi-desc-requirement,
.pi-desc-ness-1,
.pi-desc-ness-2,
.pi-desc-ness-3,
.blog-social {
    margin: 0 !important
}

.pi-desc-ness-1 p,
.pi-desc-ness-2 p,
.pi-desc-ness-res p {
    margin-bottom: 20px
}

.pi-desc-heading h3,
.pi-desc-ness-heading h3,
.pi-desc-ness-heading-2 h3,
.pi-desc-ness-heading-3 h3,
.blog-social h3 {
    color: #3b3b3b;
    font-size: 20px;
    font-weight: 600
}

.pi-desc-requirement .pi-desc-heading,
.pi-desc-ness-heading,
.pi-desc-ness-heading-2,
.pi-desc-ness-heading-3 {
    margin-bottom: 20px
}

.pi-desc-requirement ul li {
    list-style: disc;
    margin-left: 21px;
    margin-bottom: 5px;
    color: #212529;
    font-size: 14px;
    font-weight: 300;
}

.pi-desc-requirement ol,
.pi-desc-requirement ul {
    margin-bottom: 0px;
}

.pi-desc-requirement ol li {
    list-style: auto;
    margin-left: 15px;
    margin-bottom: 5px;
    color: #212529;
    font-size: 14px;
    font-weight: 300;
}

.pi-comment p {
    font-size: 10px;
    font-weight: 500
}

.pi-comment-form {
    margin: 20px 0
}

.pi-form-control {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 25px
}

.pi-fo {
    width: 47%
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px
}

.rate:not(:checked)>label {
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 24px;
    height: 28px;
    margin: 0;
    color: #ccc
}

.rate>input:checked~label {
    color: #ffc700
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #deb217
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #c59b08
}

.pi-comment-form textarea,
.pi-fo input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
    outline: none
}

.pi-form-control button {
    margin: initial
}

.pi-subscribe {
    background: #f5f5f5;
    padding: 30px 15px;
    margin-bottom: 20px
}

.pi-subscribe-heading p {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    position: relative
}

.pi-subscribe .form-inline {
    justify-content: space-between;
    margin-bottom: 20px;
    flex-flow: inherit;
    gap: 20px;
}

.pi-subscribe .form-inline input {
    border: none;
    border-bottom: 1px solid #888;
    background: transparent;
    font-size: 14px;
    color: #888;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 43px;
}

.pi-subscribe span.select2.select2-container.select2-container--bootstrap {
    position: absolute;
    top: 12px
}

.pi-subscribe .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #969696 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 80%;
    margin-left: 0;
    margin-top: -2px;
    position: absolute;
    top: 28%
}

.pi-subscribe .form-inline input::placeholder {
    font-size: 14px !important
}

.blog-subscribe .help-block {
    position: relative
}

.pi-subscribe .form-inline input::placeholder {
    font-size: 10px;
    color: #888
}

.pi-subscribe .form-inline button {
    margin: initial
}

.pi-subs-foo p {
    font-size: 13px;
    font-weight: 500;
    text-align: center
}

.blog-pre-nex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-pre-nex a {
    border: 1px solid #888;
    padding: 8px 40px;
    color: #888;
    text-align: center;
    background: none;
    border-radius: 22px;
    text-transform: uppercase
}

.blog-pre-nex a:hover {
    background: #ff9102;
    color: #fff;
    border: 1px solid #ff9102
}

.tab-blogs {
    float: none;
    width: 100%;
    padding: 25px 30px !important;
    border-radius: 6px
}

.blog-categ {
    margin-top: 0
}

.blogs-count {
    font-size: 14px;
    color: #4a4a4a
}

.button6 {
    border: 1px solid #fa872a;
    color: #FA872A;
    padding: 7px 20px 9px;
    border-radius: 4px;
    background: linear-gradient(0deg, #FC664B, #F2892D);
    color: #fff;
    font-size: 16px
}

.button6:hover {
    color: #fff
}

.ap-ri {
    background: linear-gradient(180deg, #0d1a7e, #133686);
    padding: 15px 25px;
    border-radius: 6px;
    color: #fff
}

.ap-ri h3 {
    font-size: 17px;
    text-align: center;
    text-transform: uppercase
}

.ap-ri form {
    margin-top: 20px
}

.ap-ri form input {
    font-size: 14px;
    margin-top: 25px;
    padding: 10px
}

.ap-ri form select {
    font-size: 14px;
    margin-top: 25px;
    padding: 0
}

.ap-ri form .valide-text1 input[type="tel"] {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 10px 10px 10px 80px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.ap-ri form .valide-text1 span.select2.select2-container {
    position: absolute;
    color: #000;
    display: grid;
    line-height: 34px
}

.ap-ri .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 86%;
    position: absolute;
    top: 43%;
    width: 0
}

.ap-ri form p a {
    color: #fff;
    text-decoration: underline
}

.ap-ri form button {
    width: 100%;
    text-transform: uppercase;
    margin-top: 20px
}

.an-pi-right p {
    margin-top: 20px;
    font-size: 13px
}

.blog-course-inner h3 {
    font-size: 18px;
    text-align: center;
    color: #133786;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 13px
}

.course-inner-section {
    display: flex;
    padding: 10px 0;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.course-inner-section span {
    font-size: 14px;
    margin-left: 15px
}

.blog-course-inner {
    border-radius: 6px;
    background: #fff;
    padding: 15px 30px;
    box-shadow: 0 3px 6px 0 #00000057;
}

.pi-img-desc-right span img {
    width: 20px
}

.opn-jb-banner h3 {
    text-align: center;
    color: #fff;
    padding-top: 140px;
    font-weight: 600
}

.opn-jb-content {
    margin-bottom: 35px
}

.opn-job-heading h3 {
    text-align: center;
    border-bottom: 1px solid #888;
    padding: 25px 0;
    margin-bottom: 40px;
    font-weight: 400;
    color: #626262
}

.opn-job-heading h3 span {
    color: #ff7e00;
    font-weight: 600
}

.opn-job-desc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.opn-all-sections {
    width: 30%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 6px 4px #e8e8e8;
    margin-bottom: 35px;
    position: relative
}

.opn-all-sections-close {
    position: absolute;
    top: 0;
    left: 0;
    background: #0000007a;
    width: 100%;
    height: 100%
}

.opn-all-sections-close strong {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 21px
}

.close-emo {
    text-align: center;
    padding-top: 25%
}

.close-emo p i {
    color: #fff;
    font-size: 150px
}

.close-emo p {
    color: #fff;
    font-size: 15px
}

.opn-job-section-inner {
    border: 1px solid #8e8e8e42;
    background: #f9f9f9;
    padding-bottom: 5px
}

.opn-job-inner-heading {
    font-size: 12px;
    padding: 10px;
    color: #fff
}

.opn-job-inner-heading strong {
    font-weight: 500;
    font-size: 16px
}

.opn-job-requ {
    margin: 20px 10px;
    color: #8e8e8e
}

.opn-job-requ p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px
}

.opn-job-requ ul li {
    font-size: 12px
}

.opn-job-requ ul li i {
    width: 16px;
    text-align: center;
    margin-right: 15px
}

.opn-job-inner-desc {
    padding: 0 10px;
    font-size: 12px;
    color: #8e8e8e;
    margin-bottom: 5px
}

.opn-job-inner-desc p strong {
    font-weight: 500;
    margin-right: 3px
}

.opn-job-inner-desc p {
    height: 57px;
    overflow: hidden
}

.opn-job-inner-desc-read-more {
    text-align: right;
    padding: 0 20px
}

.opn-job-inner-desc-read-more a {
    color: #888;
    text-decoration: underline;
    font-size: 13px
}

.job-sticky .valide-text input[type="tel"] {
    position: absolute;
    top: 0;
    left: 27%;
    width: 73% !important
}

.opn-job-apply-date {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.opn-job-apply-date button {
    border: 1px solid #d8d8d8aa;
    color: #6f6f6f;
    text-transform: uppercase;
    padding: 5px 15px;
    background: #fdfdfd;
    position: relative
}

.opn-job-apply-date button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ff7e00;
    height: 0;
    transition: all 400ms ease-in-out
}

.opn-job-apply-date button:hover::before {
    content: 'Apply Now';
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    padding: 6px
}

.opn-job-apply-date span {
    color: #ff7e00;
    font-weight: 500;
    font-size: 14px
}

.banner-placement-content {
    color: #fff;
}

.placement-form-st .form-column {
    width: 257px;
    background: #fff;
    padding: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    box-shadow: none
}

.sticky-form.placement-form-st {
    overflow: hidden;
    box-shadow: 0 0 5px 3px #d4d4d4c2
}

.placement-section {
    padding: 40px 0
}

.banner-placement-content h3 {
    font-size: 30px;
    font-weight: 600
}

.banner-placement-content p {
    margin-top: 25px;
    text-align: justify
}

.ans-place-header {
    margin-bottom: 30px
}

.ans-place-header h3 {
    text-align: center;
    font-size: 23px;
    margin-bottom: 20px
}

.ans-place-header p {
    font-size: 14px;
    font-weight: 400;
    text-align: justify
}

.ans-place-desc-box {
    width: 255px;
    text-align: center;
    box-shadow: 2px 2px 10px 2px #d6d6d6;
    padding: 35px 0 20px;
    position: relative;
    margin-bottom: 30px
}

.ans-place-desc .placeone {
    border-top: 8px solid #00859d
}

.ans-place-desc .placeone .ans-place-degi {
    background: #00859d
}

.ans-place-desc .placetwo {
    border-top: 8px solid #ff9000
}

.ans-place-desc .placetwo .ans-place-degi {
    background: #ff9000
}

.ans-place-desc .placethree {
    border-top: 8px solid #003a7b
}

.ans-place-desc .placethree .ans-place-degi {
    background: #003a7b
}

.ans-place-desc .placefour {
    border-top: 8px solid #386C9B
}

.ans-place-desc .placefour .ans-place-degi {
    background: #386C9B
}

.ans-place-desc .placefive {
    border-top: 8px solid #1c1d1a
}

.ans-place-desc .placefive .ans-place-degi {
    background: #1c1d1a
}

.ans-place-desc .placesix {
    border-top: 8px solid #EF522F
}

.ans-place-desc .placesix .ans-place-degi {
    background: #EF522F
}

.ans-place-desc .placeseven {
    border-top: 8px solid #18B0E2
}

.ans-place-desc .placeseven .ans-place-degi {
    background: #18B0E2
}

.ans-place-desc .placeeight {
    border-top: 8px solid #0A3A50
}

.ans-place-desc .placeeight .ans-place-degi {
    background: #0A3A50
}

.ans-place-desc .placenine {
    border-top: 8px solid #FEB93A
}

.ans-place-desc .placenine .ans-place-degi {
    background: #FEB93A
}

.ans-place-desc-box1,
.ans-place-desc-box2,
.ans-place-desc-box3 {
    width: 255px;
    text-align: center;
    box-shadow: 2px 2px 10px 2px #d6d6d6;
    padding: 35px 0 20px;
    position: relative;
    margin-bottom: 30px
}

.placebox:last-child {
    margin-right: 0
}

.ans-place-degi {
    width: 92%;
    text-align: center;
    position: absolute;
    top: -1px;
    left: 10px;
    line-height: 1;
    padding: 5px 0
}

.ans-place-degi strong {
    color: #fff;
    font-weight: 400;
    font-size: 13px
}

.ans-plce-img img {
    width: 117px;
    border-radius: 100%;
    height: 116px;
    border: 4px solid #00859d
}

.ans-place-name {
    margin: 7px;
    border-bottom: 1px dashed #002761;
    color: #002761;
    padding: 10px
}

.ans-place-lang p {
    font-size: 11px;
    font-weight: 600
}

.ans-place-lang {
    border-bottom: 1px solid #002761;
    width: 65%;
    display: block;
    text-align: center;
    margin: auto;
    padding: 5px 0
}

.placebox {
    margin-right: 18px
}

.ans-place-desc {
    flex-wrap: wrap
}

.ans-place-desc .ans-place-desc-box1 {
    border-top: 8px solid #00859d
}

.ans-place-desc .ans-place-desc-box2 {
    border-top: 8px solid #ff9000
}

.ans-place-desc .ans-place-desc-box3 {
    border-top: 8px solid #003a7b
}

.ans-place-desc .ans-place-desc-box1 .ans-place-degi {
    background: #00859d
}

.ans-place-desc .ans-place-desc-box2 .ans-place-degi {
    background: #ff9000
}

.ans-place-desc .ans-place-desc-box3 .ans-place-degi {
    background: #003a7b
}

.pi-place .form-column {
    margin: auto;
    width: 100%;
    font-size: 15px;
    background: #fff;
    padding: 18px;
    margin-left: 0;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin-bottom: 20px
}

.pi-place .form-column .help-block {
    font-size: 12px
}

.pi-place .form-column form select,
.pi-place .form-column form input,
.pi-place .form-column form textarea {
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    height: 30px;
    outline: none;
    margin-top: 18px;
    width: 100%;
    padding: 0px;
}

.pi-place .form-column form select,
.pi-place .form-column form input::placeholder,
.pi-place .form-column form textarea::placeholder {
    color: #545454;
    font-size: 12px
}

.pi-place .form-column form .form-inline input {
    width: 72%
}

.ans-place-right .filter-review {
    width: 290px;
    margin: 15px auto;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 10px 3px #dadada
}

.pi-place .valide-text input[type="tel"] {
    position: absolute;
    top: 0;
    left: 28%;
    width: 72% !important
}

.pi-place .india-row {
    margin: 25px auto
}

.place-filter-heading {
    text-align: right;
    border-bottom: 1px solid #888;
    padding: 0 30px 25px;
    margin-bottom: 35px
}

.place-filter-heading button {
    background: linear-gradient(180deg, #126598, #275498);
    border: none;
    padding: 7px 18px;
    border-radius: 6px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px
}

.filter-headingo h4 {
    text-align: center;
    font-size: 15px;
    font-weight: 500
}

.all-from-request-zone-heading {
    background: linear-gradient(90deg, #253b4b, #4f7da0);
    padding: 15px
}

.all-from-request-zone-heading h5 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.all-from-request-zone-heading {
    position: relative
}

.all-from-request-zone-heading button {
    position: absolute;
    top: 13px;
    right: 27px;
    font-size: 28px
}

.all-from-request-zone-content label {
    color: #353535;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
    display: flex
}

.all-from-request-zone-content h3 {
    font-size: 16px;
    margin-bottom: 20px
}

.earnfees {
    font-weight: 800
}

.studentreferralsection {
    padding: 12px 25px 25px !important
}

.all-from-request-zone-content .form-control {
    font-size: 12px
}

.border-bottom-feedback {
    border-bottom: 2px solid #b1afaf;
    width: 61%;
    margin: auto
}

.all-from-request-zone-content {
    padding: 25px
}

.all-from-request-zone-group .custom-file-input {
    opacity: 1;
    line-height: 27.5px;
    border-radius: .25rem
}

.all-from-request-zone-group .custom-file-label {
    display: none
}

.all-from-request-zone-body img {
    width: 165px
}

.all-from-request-zone-group input {
    border: 1px solid #c5c2c2
}

.form-control.all-from-request-textarea {
    border: 1px solid #c5c2c2
}

.all-from-request-zone-content .form-control {
    box-shadow: none
}

.all-from-request-zone-content .form-control:focus {
    border: 1px solid #9B9B9B
}

.myform-check-inline {
    display: -webkit-inline-box;
    padding-left: 0
}

.myform-check-inline .form-check-label {
    font-size: 14px
}

.myform-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 15px
}

.all-from-request-button {
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    border: 1px solid #00504F;
    background: transparent;
    padding: 6px 24px;
    font-weight: 500;
    border-radius: 4px;
    color: #00504F !important
}

.all-from-request-zone-group,
.all-from-request-zone-group-new {
    margin-bottom: 15px
}

.all-from-request-zone-group .select2-container {
    height: 32px;
    position: absolute;
    z-index: 1;
    display: block
}

.provide-text {
    margin-bottom: 10px;
    margin-left: 5px
}

#getmoalfeedback input[type="tel"],
#JobPortalAccess input[type="tel"] {
    padding-left: 12px !important
}

.gap-10 {
    gap: 10px;
}

.all-from-request-zone-group .valide-text input[type="tel"] {
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    border-left: 1px solid #c5c2c2;
    padding-left: 10px;
}

.all-from-request-zone-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 8px !important;
    padding-top: 7px;
    font-size: 13px
}

.all-from-request-zone-group .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 50%;
    margin-left: 22px;
    margin-top: 0;
    position: absolute;
    top: 42%;
    width: 0
}

.all-from-request-zone-checkbox {
    margin-bottom: 8px
}

.all-from-request-zone .all-from-request-zone-heading button.close span {
    position: absolute;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    right: -6px
}

.close {
    text-shadow: none
}

.all-from-request-zone-textarea label {
    margin: 0 0 12px
}

.rzone .sticky-form .form-column {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-right: 0;
    margin-left: 0;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin-bottom: 20px
}

.rzone .job-sticky .help-block {
    position: absolute
}

.rzone .sticky-form .form-column strong {
    font-size: 14px
}

.rzone .help-block strong {
    font-size: 12px !important
}

.rzone .sticky-form .form-column form select,
.sticky-form .form-column form input {
    margin-top: 18px
}

.rzone .sticky-form .drop-number .select2-container--bootstrap .select2-selection--single {
    background-color: #f7fbff;
    box-shadow: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    height: 40px !important;
    padding-top: 0;
    margin-left: 0;
    margin-top: 19px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 101px
}

.rzone .sticky-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: 84%;
    margin-top: 6px;
    position: absolute;
    top: 50%;
    width: 0
}

.rzone .sticky-form .form-column form textarea {
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    height: 41px;
    outline: none;
    font-size: 13px;
    margin-top: 20px;
    padding: 0 0 0 7px
}

.rzone .job-sticky .valide-text input[type="tel"] {
    position: absolute;
    top: 0;
    left: 34%;
    width: 66% !important
}

.rzone .sticky-form .form-column form select,
.sticky-form .form-column form input {
    font-size: 13px
}

.rzone .india-row {
    width: 100%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px 3px #d4d4d4c2;
    margin: auto;
    margin-bottom: 25px
}

.remark-request-zone label {
    margin-bottom: 2px
}

.all-from-request-zone-group .custom-file {
    margin-top: 12px
}

.all-from-request-zone-group input.all-from-request-zone-group {
    position: relative
}

.all-from-request-zone-group select {
    position: absolute;
    top: 30px;
    border: 0;
    left: 12px;
    font-size: 12px
}

.all-from-request-zone-group input[type="type"] {
    padding-left: 80px
}

.all-from-request-zone-group .file-upload {
    margin-top: 0
}

.footer-link-new {
    /*display: flex;
    justify-content: space-between;*/
    margin: 40px 0
}

.footer-link-new div strong {
    position: relative;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500
}

.footer-link-new div strong::before {
    content: '';
    width: 85px;
    height: 4px;
    background: #f8981d;
    position: absolute;
    left: 0;
    top: -10px
}

.footer-link-new div ul {
    margin: 10px 0
}

.footer-link-new div ul li {
    font-size: 11px;
    line-height: 1.8;
    font-weight: 300
}

.footer-link-new div ul li a {
    color: #fff;
    text-decoration: none
}

.certified-company {
    margin-top: 25px;
    margin-bottom: 40px
}

@media (min-width: 800px) {
    .nav-items h1,
    .bottom-slide h1 {
        font-size: 3rem
    }
    .nav-items h3,
    .bottom-slide h3 {
        font-size: 1rem
    }
}

@media (max-width: 765px) {
    .carrer-form-clear {
        overflow: initial
    }
    .form-batch .fcontrol .input.resetform {
        display: none;
    }
    .phone-batch .drop-number .help-block:last-child {
        right: 0px;
    }
    .nav-items h1,
    .bottom-slide h1 {
        letter-spacing: 0
    }
    .banner-review-page-heading p {
        width: 100%;
        text-align: justify
    }
}

@media only screen and (max-width:1200px) {
    .header-top-links a {
        margin-right: 21px
    }
    .banner-desc {
        margin-bottom: 40px
    }
    .scholar-fee img {
        right: -30px
    }
}

@media only screen and (max-width: 1024px) {
    .course-video {
        margin-top: 25px;
    }
    .test-slide {
        width: 290px;
        margin: 110px auto 0;
        margin-bottom: 20px
    }
    .placement-form-st .form-column {
        width: 100%;
    }
    .fixed span {
        font-size: 10px;
    }
    .review-video .owl-nav .owl-prev {
        left: 15%
    }
    .review-video .owl-nav .owl-next {
        right: 15%
    }
    .right-side img {
        width: 100% !important
    }
    .services-list {
        width: 210px
    }
}

@media only screen and (min-width: 1200px) {
    .demanding img {
        width: 281px !important
    }
}

@media only screen and (min-width: 1024px) and (max-width: 2000px) {
    .test-slide {
        width: 220px !important
    }
    .our-team-banner {}
}

@media only screen and (min-width: 830px) and (max-width: 1024px) {
    .our-team-banner {}
}

@media only screen and (max-width: 1367px) and (min-width: 1200px) {
    .header-top-links {
        margin-left: 15px
    }
    .banner-desc {
        width: 490px
    }
    .banner-desc p {
        font-size: 15.5px
    }
    .course-list {
        padding: 0 40px
    }
    .course-list a {
        font-size: 13px
    }
    .description {
        width: 815px
    }
    .description p {
        font-size: 12px
    }
}

@media only screen and (min-width: 440px) {
    .mobile-modal-course-categories {
        display: none
    }
}

@media only screen and (min-width: 411px) and (max-width: 823px) {
    .offers-class .modal-body .modal-form-fill {
        padding: 20px 40px !important
    }
    .mentorslider-left-desc p {
        width: 380px !important;
        text-align: justify
    }
}

@media only screen and (min-width: 320px) and (max-width: 823px) {
    .service-banner {
        height: 280px;
    }
    .service-banner-heading {
        margin-top: 50px;
    }
    .all-course-highlights1 {
        font-size: 13px;
        text-align: start;
        width: 100%;
        float: none;
        margin-top: 15px
    }
    .job-course-desc1 {
        width: 100%;
        float: none
    }
    .course-page-content {
        width: 100%;
        padding: 20px
    }
    .course-page2-curriculum {
        display: grid
    }
    .course-page2-curriculum .one,
    .course-page2-curriculum .two,
    .course-page2-curriculum .three,
    .course-page2-curriculum .four,
    .course-page2-curriculum .five,
    .course-page2-curriculum .six,
    .course-page2-curriculum .seven,
    .course-page2-curriculum .eight,
    .course-page2-curriculum .nine,
    .course-page2-curriculum .ten {
        width: 100%;
        text-align: center
    }
    .team-manag {
        margin-top: 10px
    }
    .team-manag .account-team {
        margin-right: 0
    }
    .auth-sign img {
        width: 47%;
        margin-bottom: 10px
    }
    .student-payment .select2-container--default .select2-selection--single,
    .student-payment .form-inline .form-control {
        margin-top: 25px
    }
    .student-payment .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 79px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }
    .student-payment .form-inline {
        display: block !important;
        margin-bottom: 0
    }
    .student-payment form .form-inline .ans .select2-container {
        display: table-cell !important
    }
    .fee-deposit .form-inline .form-control {
        margin-bottom: 0 !important
    }
    .right-oppor-form-section2 .ans .drop-number .select2-container {
        margin-top: 31px
    }
    .zone-banner-content {
        margin-top: 0 !important
    }
    .all-from-request-zone-heading h5 {
        font-size: 18px
    }
    .all-from-request-zone-heading {
        padding: 15px 60px
    }
    .rzone .job-sticky .valide-text input[type="tel"] {
        left: 24%;
        width: 76% !important
    }
    .rzone-feature-list {
        padding: 15px 20px !important
    }
    .rzone-feature-list strong {
        width: 100% !important
    }
    .banner-rzone {}
    .right-oppor-form .button1 {
        margin-top: 30px
    }
    .review-portion .valide-text input[type="tel"] {
        position: absolute;
        top: 0;
        left: 23%;
        width: 77% !important
    }
    .ans-place-degi {
        width: 94%
    }
    .service-banner-heading h3:before {
        bottom: -74px
    }
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: hidden
    }
    .modal-open #myModal3,
    #getmoalfeedback {
        overflow-x: hidden;
        overflow-y: scroll;
        z-index:999999;
    }
    div.modal div.modal-backdrop {
        z-index: 0
    }
    .rzone {
        margin: 50px 0 !important
    }
    .rzone-heading,
    .rzone-subheading {
        margin-bottom: 35px !important
    }
    .rzone .india-row,
    .job-sticky {
        margin-bottom: 15px !important
    }
    .product-team-desc p {
        text-align: justify
    }
    .horizontal-line-right,
    .horizontal-line-left {
        display: none
    }
    .industry-sub-heading p {
        width: 78%;
        margin: auto
    }
}

@media only screen and (max-width: 767px) {
    .author-details>.name-and-date {
        width: 73%
    }
    .future-client-form .valide-text1 .d-flex {
        display: grid !important;
    }
    .future-client-form .form-inline .help-block {
        bottom: 0px !important;
        top: 0px;
    }
    .future-client-form .phone_arrow::after {
        display: none;
    }
    .future-client-form .phone_arrow input {
        padding-left: 0px !important;
    }
    .blog-subscribe .help-block {
        font-size: 10px !important;
    }
    .valide-text1 {
        width: 100%;
    }
    .pi-desc {
        padding: 25px 15px;
    }
    .pi-subscribe {
        padding: 0px;
    }
    .master-course-description-heading strong {
        width: 85%;
        margin-bottom: 0px;
    }
    .an-blog-img img {
        width: 100%;
        height: auto !important
    }
    .myform-check-inline .form-check-input:first-child {
        margin-left: 0
    }
    .an-column-blog {
        margin: 25px 0 0
    }
    .an-column-blog:last-child {
        margin-bottom: 20px
    }
    .banner-job-content h3 {
        font-size: 22px
    }
    .banner-job {
        height: 232px
    }
    .banner-placement-content {
        padding: 8vh 0
    }
    .validation .help-blocks strong {
        margin-left: 0
    }
    .opn-jb-banner h3 {
        padding-top: 40px;
        line-height: 35px
    }
    .mybutton-filed .help-block {
        left: 6px
    }
    .all-course-box:hover {
        background: transparent;
        margin-left: 0
    }
    .reg-off-add h4 {
        font-size: 18px
    }
    .google-map strong {
        margin-left: 0
    }
    .resolve-query {
        margin: 0
    }
    .solution {
        margin: 0 auto 63px
    }
    .course-about .question-portion .form-mbil-course .form-column {
        width: 92% !important
    }
    .tools-img img {
        max-width: 112px
    }
    .feedbackmodelsection {
        height: 558px
    }
    .clientdropquery {
        margin-bottom: 40px
    }
    .client-list {
        margin-bottom: 20px
    }
    .client-list .owl-theme .owl-nav {
        display: none !important
    }
    .navbar {
        margin: 0px 10px
    }
    .offers-class .modal-form-fill button.close span {
        top: 20px
    }
    .faq-sticky-form.sticky-form {
        padding: 0 0 35px
    }
    .faq-sticky-form .sticky-form .form-column {
        width: 298px
    }
    .faq-content-page {
        overflow: hidden
    }
    .faq-getTrack {
        padding: 40px 0
    }
    #endingtimemobile {
        display: flex;
        font-size: 10px;
        margin-left: 4px;
        margin-right: 4px
    }
    .new-review form button {
        display: block;
        margin: 30px auto auto !important
    }
    .cc-achievement .button5 {
        padding: 7px 13px;
        text-align: center
    }
    .card-body p img {
        display: block;
        margin: auto
    }
    .placement-section .card-body {
        text-align: center
    }
    .mp-curri-form button {
        width: 90%
    }
    .button5 {
        padding: 9px 1px !important;
        width: 100% !important
    }
    .placement-section .card-body {
        display: table
    }
    .card-body p {
        padding-left: 0
    }
    .all-from-request-zone-checkbox {
        margin-bottom: 0
    }
    .myform-check-inline {
        margin-bottom: 15px
    }
    .review-list,
    .ans-place {
        overflow: hidden
    }
    .mp-course-heading p,
    .placement-points p,
    .cc-achie-sections p {
        text-align: justify
    }
    .student-payment .ans {
        padding: 0
    }
    .fee-deposit-checkbox label {
        font-size: 13px
    }
    .right-oppor-form-section2 {
        margin-bottom: 0;
        margin-top: 0;
        display: block
    }
    #myModal4.modal .modal-content .modal-body .guide-modal-right h4 {
        margin-right: 25px;
        margin-bottom: 0px;
    }
    #sidemodalclass.modal .modal-body {
        padding: 0px;
    }
    #commanModalCourse.modal .modal-content .modal-body .guide-modal-right h4 {
        margin-right: 25px
    }
    .right-oppor-form-section2 input {
        margin-top: 20px
    }
    .service-banner-heading h3 {
        font-size: 20px;
        align-items: center
    }
    .service-section-list-desc p {
        text-align: justify
    }
    .rev-desc p {
        text-align: justify;
        margin-top: 60px
    }
    .allclients .owl-nav .owl-next span {
        right: -2%
    }
    .enroll-class-form .form-inline .help-block {
        position: absolute
    }
    .allclients .owl-nav .owl-prev span {
        left: -2%
    }
    .pi-img-desc-right span img {
        width: 14px
    }
    .pi-img-desc-right span {
        margin-right: 15px
    }
    .pi-img-desc-left-date {
        margin-right: 8px
    }
    .modalclass.modal .modal-content .modal-body .modal-form-fill button.videoclose {
        right: 23px;
        top: 20px
    }
    .ans-place-desc-box {
        width: 100%
    }
    .modalclass.modal .modal-content .modal-body .modal-form-fill button.close span {
        top: 14px;
        right: 18px
    }
    .dropquery-right p {
        width: auto
    }
    .modalclass.modal .modal-content .modal-body .modal-form-fill .form-heading h4 {
        margin-bottom: 0;
        margin-left: 0
    }
    .offers-class show.select2-container .select2-selection--single .select2-selection__rendered {
        width: 79px
    }
    .offers-class .valide-text input[type="tel"] {
        left: 24%;
        width: 76% !important
    }
    .form-batch .button2 {
        margin: 0 auto;
        display: block;
    }
    .job-sticky .form-column {
        width: 100%;
        margin: 0;
        margin-bottom: 20px
    }
    .india-side-row {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
    .download-button button {
        width: 80%
    }
    .job-sticky .valide-text input[type="tel"] {
        left: 22%;
        width: 78% !important
    }
    .banner-training-certificate {}
    .nit-check label {
        margin-bottom: 0
    }
    .modalclass.modal .modal-content .modal-body .modal-form-fill form button {
        margin-bottom: 15px
    }
    .modalclass.modal .modal-content .modal-body .modal-form-fill .form-heading {
        margin-top: 15px
    }
    .allclient-banner-heading h2 {
        font-size: 28px
    }
    .dropquery-right .valide-text input[type="tel"] {
        left: 23%;
        width: 77% !important
    }
    .dropquery-right .drop-number .select2-container--bootstrap .select2-selection--single {
        width: 86px
    }
    .Trecou .owl-nav .owl-next {
        right: 0
    }
    .review-portion .sticky-form .form-column {
        width: 100%
    }
    .Trecou .owl-nav .owl-prev {
        left: 0
    }
    #sidemodalclass.modal .modal-dialog {
        width: auto
    }
    .offers-class .modal-body {
        flex-direction: column-reverse
    }
    .offers-class .modal-body .modal-form-fill {
        padding: 35px 25px 15px 20px;
        width: 100%
    }
    .offers-class .modal-body .modal-image {
        width: 100%
    }
    .offers-class .modal-image img {
        width: 100%
    }
    .banner-placement-content p {
        text-align: justify
    }
    .see-more-review button {
        margin-bottom: 32px
    }
    .india-contact a,
    .row-contact a {
        padding-right: 10px
    }
    .india-image img,
    .row-image img {
        width: 45px !important
    }
    .india-image {
        width: 49%;
        text-align: end
    }
    .review-top-section {
        display: block;
        position: relative
    }
    .rev-list .heading-rating {
        display: flex
    }
    .rev-list .heading-rating .name-linked {
        margin-left: 14px;
        width: 48%;
        text-align: center
    }
    .heading-rating {
        position: relative
    }
    .rating-smile {
        position: absolute;
        top: 63px;
        display: inline-grid;
        width: 100%;
        text-align: center
    }
    .rev-list .heading-rating .name-linked strong,
    .name-linked span {
        display: block;
        font-size: 13px
    }
    .banner-review-page-heading h1 {
        font-size: 35px
    }
    .modalclass.modal .modal-content {
        width: 100%
    }
    .modalclass.modal .modal-content .modal-body {
        flex-direction: column-reverse;
        padding: 0px
    }
    .modalclass.modal#course-popups .modal-content .modal-body {
        flex-direction: column-reverse;
        padding: 0px !important
    }
    .modalclass.modal#inquiry_popup_form .modal-content .modal-body {
        flex-direction: column-reverse;
        padding: 0 20px !important
    }
    .modalclass.modal#inquiry_popup_form {
        padding: 12px
    }
    #myModal4.modal .modal-content .modal-body {
        flex-direction: column-reverse
    }
    #myModal4.modal .modal-content .modal-body .guide-modal-right h4 {
        font-size: 18px
    }
    #myModal4.modal .modal-content .modal-body .guide-modal-right {
        width: 100%;
        padding: 10px
    }
    #myModal4.modal .modal-content .modal-body .guide-modal-left {
        width: 100%
    }
    #myModal4.modal .modal-content {
        width: 100%
    }
    #commanModalCourse.modal .modal-content .modal-body {
        flex-direction: column-reverse
    }
    #commanModalCourse.modal .modal-content .modal-body .guide-modal-right h4 {
        font-size: 18px
    }
    #commanModalCourse.modal .modal-content .modal-body .guide-modal-right {
        width: 100%;
        padding: 20px
    }
    #commanModalCourse.modal .modal-content .modal-body .guide-modal-left {
        width: 100%
    }
    #commanModalCourse.modal .modal-content {
        width: 100%
    }
    .modalclass.modal .modal-content .modal-body .modal-form-fill {
        width: 100%;
        padding: 0px 7px 20px 7px;
    }
    #upcomingbatchesid,
    #aboutawsid,
    .client-placement,
    .job-list {
        overflow: hidden
    }
    .modalclass.modal .modal-content .modal-body .modal-form-fill form input {
        height: 42px
    }
    .result {
        width: 100% !important;
        right: 0;
    }
    .mobile-close {
        display: none !important
    }
    /*.navbar-collapse {*/
    /*    background: #1b242d;*/
    /*    border: 1px solid #fff;*/
    /*    padding: 27px 0;*/
    /*    z-index: 9;*/
    /*    text-align: center*/
    /*}*/
    .new-search-design input {
        width:100%;    }
    .new-search-design {
        justify-content: center;
        margin-left: 0;
        margin-top: 18px
    }
    .kul {
        width: 145px
    }
    #navbarTogglerDemo01 .navbar-brand {
        display: none
    }
    .corp::before {
        content: none
    }
   
    .footer-link-new {
        flex-direction: column;
        margin: 45px 0 0
    }
    .footer-link-new div {
        margin-bottom: 20px
    }
    .farn-modal-left {
        display: none
    }
    .nit .modal-content,
    .farn-modal-right {
        width: 100%
    }
    .header-top {
        display: none !important;
    }
    #masterdes {
        display: none;
    }
    #alldesc {
        display: none;
    }
    .navbar-nav .dropdown-menu {
        position: relative !important;
        transform: none !important;
        border: none;
        padding: 0 15px
    }
    .search-courses .search-input {
        width: 23em;
        font-size: 13px
    }
    .MobileCourseMenu span {
        padding: 8px 23px;
        border: 1px solid #fdd23a;
        font-size: 14px;
        font-weight: 500;
        display: block;
        margin-bottom: 9px
    }
    .mobile-program {
        margin: 15px 0
    }
    .popular-programs {
        margin: 0;
        display: flex;
        flex-direction: column
    }
    .popular-programs a {
        margin: 6px 0;
        font-size: 13px;
        color: #000
    }
    .mobile-resp {
        margin: 12px 0
    }
    .mobile-resp li {
        margin: 5px 0;
        padding: 5px 15px;
        overflow: hidden;
        background-color: white;
    }
    .mobile-resp li a {
        color: #5b5b5b;
        text-decoration: none;
        margin-bottom: 5px;
        font-size: 12px !important;
    }
    .mobile-resp li a:first-child {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    #myModal3 .modal-dialog {
        width: 100%;
        margin: 0
    }
    .mobile-resp .dropdown a:after {
        transform: rotate(0deg);
        transition: transform 300ms ease-in-out
    }
    .mobile-resp .dropdown.show a:after {
        transform: rotate(180deg)
    }
    .master-course-description-list ul li {
        line-height: 1.5
    }
    .master-course-description {
        width: 100%;
        padding: 15px 0
    }
    .master-course-description-list {
        margin-left: 0
    }
    .master-course-description-heading {
        padding: 6px 0
    }
    .popular-programs a {
        position: relative;
        padding-left: 15px
    }
    .popular-programs a::before {
        content: '';
        border: 5px solid transparent;
        border-left-color: #6e6e6e;
        position: absolute;
        left: 2px;
        top: 4px
    }
    #myModal3 .modal-dialog .modal-content .modal-header .close {
        width: 0;
        height: 0;
        padding: 10px
    }
    #myModal3 .modal-dialog .modal-content .modal-header .close .angle-back {
        top: -3px;
        right: -1px
    }
    .hidden-xs {
        display: none
    }
    .course-form {
        width: 100%;
        margin-bottom: 20px
    }
    .course-trend {
        max-width: 206px;
        width: 100%;
        margin: auto
    }
    .clients-list .owl-dots {
        bottom: -5% !important;
        left: 21% !important
    }
    .view-all-clients {
        right: 110px;
        bottom: -37px
    }
    .foo-link {
        flex-wrap: wrap
    }
    .foo-link a {
        font-size: 10px;
        line-height: 2
    }
    .foo-copy p {
        font-size: 6px
    }
    .croma-foo-tab .tab button {
        padding: 10px 7px;
        font-size: 10px
    }
    .field-tab ul {
        padding: 0 6px;
        width: 85px
    }
    .field-tab ul li {
        line-height: .5;
        margin-bottom: 6px
    }
    .field-tab ul li a {
        font-size: 7px
    }
    .blog-list {
        margin-bottom: 10px;
        margin-left: 25px;
        justify-content: flex-start
    }
    .footer-middle .heading h3 {
        margin-bottom: 10px
    }
    .more-blog {
        margin: 10px auto
    }
    .left-side {
        width: 100%
    }
    .edge-croma-img {
        height: auto;
        margin: auto
    }
    .edge-croma-img img {
        max-width: 100%;
    }
    .edge-croma div p {
        font-size: 8px;
    }
    .edge-list {
        flex-wrap: wrap;
        justify-content: space-around
    }
    .edge-croma {
        width: 150px;
        margin-bottom: 15px;
        box-shadow: 0 0 3px 2px #fcfcfc;
        padding: 10px 2px;
    }
    .edge-croma div strong {
        font-size: 10px;
    }
    .croma-descrip {
        flex-wrap: wrap;
    }
    .tablinks.active::before {
        width: 30px
    }
    .blog-heading p {
        font-size: 12px
    }
    .social-link {
        margin-bottom: 20px;
    }
    .foo-bot-heading {
        margin-bottom: 5px;
    }
    .social-link.soci-right {
        margin-top: 0;
        margin-bottom: 0px;
    }
    .foo-first-follow {
        margin-bottom: 12px;
    }
    .newsletter form,
    .notifications form {
        margin-bottom: 22px;
    }
    .video-learner,
    .lc {
        width: 290px;
        min-height: auto;
    }
    .video-img img {
        width: 250px !important;
    }
    .foo-bot-heading h3 {
        margin-bottom: 0px;
    }
    .testimonials-list {
        flex-direction: column;
    }
    .client-logo img {
        max-width: 76px;
        margin: inherit
    }
    .analysis-points {
        width: 110px;
        margin: 15px 0;
        display: inline-grid
    }
    .support-learner h4 {
        font-size: 15px;
    }
    .description {
        padding-right: 0;
    }
    .description p {
        text-align: justify;
    }
    .analysis-heading strong {
        font-size: 12px
    }
    .analysis-heading p {
        font-size: 11px
    }
    .support {
        background-position: 10% 0;
        padding: 25px 0 35px;
        background: #fd9a09
    }
    .support-learner p {
        font-size: 25px;
    }
    .navbar-toggler-icon1 img {
        width: 21px
    }
    .navbar-toggler {
        border: none !important;
        outline: none !important;
        box-shadow: none !important
    }
    .logo1 img {
        width: 90px;
        height: 40px
    }
    .menu-mobile {
        display: flex !important;
        justify-content: space-between;
        width: 100%;
        align-items: center
    }
    .menu-logo {
        width: 90px
    }
    .mob-phone {
        width: 40px
    }
    .mob-phone .menu-mobile-phone {
        text-align: right
    }
    .mob-phone a i {
        vertical-align: middle
    }
    .menu-mobile .mob-first button {
        padding: 0;
        color: #000;
        background: transparent;
        border: none;
    }
    .menu-mobile .mob-first a i {
        font-size: 20px;
        margin-left: 5px;
        color: #2c276b
    }
    .menu-mobile,
    .menu-mobile-phone {
        display: block
    }
    .menu-mobile-phone i {
        font-size: 20px;
        color: #fff
    }
    .mobile-corporates {
        display: block;
        background: #111e24;
        padding: 25px 0
    }
    .mobile-corp-logos {
        width: 322px;
        margin: auto
    }
    .mobile-corp-logos img {
        width: 100%;
        height: auto
    }
    .mobile-corp .heading-corporates h3 {
        font-size: 16px;
        border-bottom: 5px solid #fa8e2b;
        padding-bottom: 10px;
        text-align: center;
        font-weight: 700;
        width: 100%;
        margin: auto;
        margin-bottom: 11px
    }
    .sub-heading-corporates {
        margin-top: 0;
        margin-bottom: 13px
    }
    .sub-heading-corporates i {
        font-size: 15.3px;
        display: block;
        font-weight: 600;
        text-align: center
    }
    .mobile-corp .placement-video {
        margin-top: 25px;
        margin-bottom: 5px;
        align-items: baseline;
        justify-content: center
    }
    .mobile-corp .placement-video .videowatch a .sadas .video-btn {
        width: 35px;
        height: 35px;
        padding: 6px 13px
    }
    .mobile-corp .placement-video .videowatch a .sadas .video-btn .ripple {
        width: 45px;
        height: 45px;
        margin: -22px 0 0 -22px
    }
    .mobile-corp .placement-video .videowatch a .sadas {
        margin-top: 5px
    }
    .m-Trecou-item-list {
        display: flex;
        margin: 10px;
        box-shadow: 0 0 7px 2px #cececeba
    }
    .trending-mobile-background {
        width: 93px;
        padding: 15px
    }
    .m-Trecou-item-img {
        width: 63px
    }
    .m-Trecou-item-img img {
        width: 63px
    }
    .m-Trecou-item-desc {
        padding: 10px;
        width: 100%
    }
    .m-Trecou-item-desc h3 {
        font-size: 13px;
        color: #0F2C39;
        font-weight: 600;
        margin-bottom: 12px
    }
    .mobile-review {
        display: flex
    }
    .mobile-review .star {
        margin-right: 15px
    }
    .mobile-review .star i {
        color: #ffcb33;
        font-size: 13px
    }
    .mobile-review span {
        font-weight: 400;
        color: #0F2C39;
        font-size: 14px
    }
    .mobile-brijesh {
        display: block;
        padding: 25px 0
    }
    .mobile-brijesh-course .heading h3,
    .edge .heading h3 {
        margin-bottom: 20px
    }
    .m-Trecou-item {
        margin-bottom: 20px
    }
    .logo {
        display: none
    }
    .videowatch a span {
        display: none
    }
    .m-Trecou .owl-dots {
        bottom: -15px;
        left: 30%;
        transform: translate(50%, 50%)
    }
    .mobile-banner {
        display: block;
        background-repeat: no-repeat;
        background-size: cover
    }
    .mobile-banner-heading h3 {
        color: #f8981d;
        font-size: 20px;
        text-align: center;
        padding-top: 30px;
        margin: 0
    }
    .mobile-sub-heading p {
        color: #fff;
        font-size: 11px;
        text-align: center
    }
    .mobile-banner-desc p {
        color: #fff;
        font-size: 10px;
        padding: 10px 15px;
        text-align: center
    }
    .mobile-industry-expert p {
        color: #fff;
        font-size: 10px
    }
    .industry-logos {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .indus-mobile {
        width: 40px
    }
    .indus-mobile img {
        width: 100%;
        height: auto
    }
    .industry-expert-video {
        padding: 5px 15px 20px
    }
    .mobile-videowatch .video-btn {
        width: 35px;
        height: 35px;
        padding: 6px 13px
    }
    .mobile-videowatch .video-btn .ripple {
        width: 35px;
        height: 35px;
        margin: -17px 0 0 -17px
    }
    .mobile-videowatch {
        flex-basis: 70px
    }
    .place {
        padding-top: 25px
    }
    .place-button {
        padding: 25px 0
    }
    .mobile-deal {
        background: #f8981d;
        display: block !important
    }
    .mob-offer-section {
        width: 310px;
        line-height: 1.8
    }
    .mob-offer-upper,
    .mob-deal {
        display: flex;
        color: #fff;
        justify-content: center
    }
    .mob-offer-upper strong {
        font-size: 10px;
        font-weight: 500
    }
    .mob-offer-upper p {
        font-size: 10px;
        font-weight: 300
    }
    .mob-deal {
        display: flex;
        align-items: baseline
    }
    .mob-deal p {
        font-size: 10px;
        font-weight: 300
    }
    .mob-deal .time {
        margin: 0 5px;
        display: flex;
        color: #fff;
        font-size: 12px
    }
    .mob-deal .time .time-end {
        background: #C67003;
        text-align: center !important;
        padding: 0;
        margin-right: 1px;
        width: 21px;
        height: 21px
    }
    .mob-offer {
        display: flex
    }
    .mob-cross {
        margin: auto
    }
    .mob-cross p {
        color: #fff;
        font-weight: 400;
        font-size: 20px;
        margin-left: 6px
    }
    .grab {
        color: #fff;
        font-weight: 600
    }
    .edge {
        padding: 25px 0 10px
    }
    .analysis-self {
        width: 60px;
        margin: auto
    }
    .analysis-self img {
        width: 60px
    }
    .analysis-heading {
        margin-top: 15px;
        display: flex;
        flex-flow: column
    }
    .statisfied-learner {
        padding: 40px 0 20px
    }
    .review-video .owl-nav {
        top: 46.5%
    }
    .support-learner {
        padding: 10px 0;
        text-align: center
    }
    .mobile-bottom-fixed {
        display: block;
        position: fixed;
        bottom: 15px;
        width: 100%;
        height: 30px;
        z-index: 9
    }
    .mobile-bottom-fixed button {
        border: none;
        width: 100%;
        text-transform: uppercase;
        font-size: 16px;
        background: #fff;
        padding: 10px;
        color: #FC674C;
        font-weight: 500
    }
    .mobile-bottom-fixed .request-call a {
        border: none;
        width: 100%;
        text-transform: uppercase;
        font-size: 16px;
        padding: 10px;
        color: #FC674C;
        font-weight: 500;
        display: block
    }
    .request-call {
        border-right: .5px solid #ddd
    }
    .request-call,
    .live-chat {
        width: 100%;
        cursor: pointer
    }
    .fixe {
        display: flex;
        -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.25)
    }
    .footer-brijesh {
        padding: 40px 0 0;
        margin-bottom: 40px
    }
    .footer-logo {
        margin-bottom: 7px
    }
    .statisfied-learner .speaker {
        position: absolute;
        top: 0;
        left: 80px;
        transform: inherit
    }
    .statisfied-learner .speaker img {
        width: 140px;
        height: 43px
    }
    .secondsection .small-heading {
        margin-bottom: 10px
    }
    .course-form input::placeholder {
        font-size: 11px
    }
    
    .analysis .heading h3 {
        margin-bottom: 20px
    }
    .analysis-test {
        margin-bottom: 20px
    }
    .alumni .heading h3 {
        margin-bottom: 20px
    }
    .clients-heading strong {
        margin-bottom: 10px
    }
    .clients-list {
        margin: 0 0 20px
    }
    .test-list {
        margin-top: 30px
    }
    .course-section {
        margin: 25px 0
    }
    .course-form {
        justify-content: center
    }
    .button-view-course button {
        width: 200px;
        height: 40px
    }
    .analysis {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .social-link {
        padding: 0
    }
    .footer-social {
        flex-direction: column
    }
    .mob-header-top {
        display: block;
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 99;
        border-radius: 0px;
        margin: auto;
        box-shadow: 0px 5px 10px #063455;
    }
    .speciality-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .course-banner-line {
        width: auto
    }
    .Placement-training {
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .Placement-training .button3 {
        margin-right: 0;
        margin-bottom: 1em
    }
    .course-testi-owl {
        width: 360px
    }
    .certificate-preview a span {
        position: initial
    }
    .video-tab .tab {
        left: 0
    }
    .cerificate-img {
        width: 360px
    }
    .training-button {
        margin-top: 12px;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline
    }
    .self-ass-desc p {
        width: 100%;
        font-size: 13px
    }
    .training-certi {
        padding-top: 15px
    }
    .training-button .join-button {
        margin-bottom: 15px
    }
    .testi-review {
        width: 100%;
        margin: auto;
        padding: 20px;
    }
    .colon {
        display: none;
        padding: 35px 30px 13px 20px
    }
    .course-ratings-stars {
        display: block;
        margin-bottom: 10px
    }
    .course-ratings div {
        margin-right: 0
    }
    .course-banner-sections-left .course-ratings {
        display: grid;
        margin-top: 5px
    }
    .speciality .speciality-heading h2 {
        margin: 0;
        text-align: center
    }
    .speciality .speciality-heading h2::after {
        width: 117px
    }
    .form-batch .form-inline .fcontrol label {
        display: none
    }
    .form-batch .form-inline {
        display: grid;
        gap: 22px;
    }
    .form-batch .fcontrol input {
        width: 100%;
        margin: 0px;
    }
    .form-batch .select2-container {
        top: 7px
    }
    .mobile-hidden {
        display: none !important
    }
    .curriculum {
        padding: 25px 0 0
    }
    .curriculum-heading h3 {
        font-size: 13px;
        text-align: center
    }
    .mockupwork strong {
        font-size: 14px;
        font-weight: 600
    }
    .line2 {
        margin-bottom: 20px
    }
    .curriculum-heading .download-curriculum button {
        font-size: 10px;
        padding: 4px 8px
    }
    .curriculum-heading .line {
        width: 130px;
        margin: auto
    }
    .curriculum-heading .download-curriculum {
        transform: translate(32%, 50%);
        position: inherit
    }
    .curriculum-accordian .accordion .card .card-header h2 button {
        font-size: 13px;
        display: inline-block;
        width: 260px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        text-align: left
    }
    .faq-super-heading h2 {
        margin: 0 auto
    }
    .curriculum-accordian {
        margin-top: 50px
    }
    .faq-career .curriculum-accordian {
        margin-top: 20px
    }
    .program-over ul {
        margin-left: 0
    }
    .curriculum-accordian .accordion .card .card-body p {
        font-size: 13px
    }
    .mp-data-science {
        flex-direction: column
    }
    .mp-data-section {
        width: 100%;
        margin-bottom: 15px
    }
    .progress-overview .curriculum-accordian .accordion .card .card-body ul li {
        margin-left: 27px
    }
    .curriculum-accordian .accordion .card .card-body .mp-eligibility ul li {
        margin-left: 0 !important;
        line-height: 60px !important
    }
    .training-faq {
        padding: 25px 0
    }
    .course-syllabus strong {
        display: none
    }
    .assessment {
        height: 245px
    }
    .self-ass {
        padding: 25px 0
    }
    .self-ass-heading h2 {
        text-align: center;
        font-size: 25px
    }
    .career-assistance {
        margin: 16px auto 25px
    }
    .enroll-class-form .form-inline label {
        display: none
    }
    .enroll-class-form .form-inline .form-control {
        height: 36px;
        margin: auto;
        width: 275px !important;
        margin-top: 10px
    }
    .enroll-class-form form button {
        font-size: 17px;
        padding: 6px 15px;
        margin-top: 10px !important
    }
    .enroll-class-course {
        margin-top: 25px
    }
    .en {
        text-align: center
    }
    .enroll-class-form .form-inline .form-group {
        width: auto
    }
    .enroll-class-form .form-inline {
        justify-content: center;
        margin-top: 20px
    }
    .enroll-class-form .form-inline .btn {
        margin-top: 10px !important
    }
    .preview {
        right: 10px
    }
    .global-exam {
        height: auto;
        background-size: cover;
        padding: 25px 0
    }
    .global-exam-heading p {
        width: 330px
    }
    .download-button {
        margin-bottom: 10px
    }
    .training-certificate {
        background: #F6F1ED;
        height: auto;
        padding: 25px 0
    }
    #myModal .modal-body img {
        width: 100%
    }
    .banner-heading h2 {
        font-size: 23px
    }
    .course-desc {
        flex-wrap: wrap
    }
    .course-desc div {
        width: 50% !important;
        padding: 5px 0 !important;
        border: 1px solid #ffffff38 !important;
        text-align: center
    }
    .course-about {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .about-course-heading h3 {
        text-align: center
    }
    .about-course-desc {
        border: none
    }
    .question-item {
        width: auto;
        margin: 0
    }
    .led-online-new {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .schedule-call {
        padding: 0 0 20px
    }
    .sche-call {
        flex-direction: column;
        align-items: center
    }
    .sche-call h4 {
        font-size: 18px;
        text-align: center
    }
    .global-exam-heading h3 {
        font-size: 21px
    }
    .certification-points {
        margin-top: 30px
    }
    .training-certi h3 {
        font-size: 25px
    }
    .training-desc p {
        margin-top: 20px
    }
    .join-button button {
        margin-right: 10px
    }
    .sample a {
        padding: 10px
    }
    .contact-banner {
        background: #1a2d31;
        height: 234px
    }
    .contact-banner-heading {
        width: 330px
    }
    .contact-banner-heading h2 {
        font-size: 28px
    }
    .contact-banner-heading h2 span {
        font-size: 28px
    }
    .contact-banner-desc p {
        display: none
    }
    .banner-learner {
        width: 250px;
        bottom: -70px
    }
    .banner-learner .learner-number {
        padding: 7px
    }
    .banner-learner .learner-number strong {
        font-size: 13px;
        display: block;
        text-align: center
    }
    .banner-learner .learner-number p {
        font-size: 12px
    }
    .git {
        padding-top: 90px;
        background: none;
        padding-bottom: 0
    }
    .get-list {
        flex-direction: column;
        align-items: center
    }
    .get-list-item {
        margin-bottom: 65px;
        width: 80%;
    }
    .get-list-item .item-image {
        top: -25%
    }
    .solution-form .solution,
    .solution-form .solution1,
    .register {
        width: auto
    }
    .register .reg-add p {
        padding: 0 10px
    }
    .google-map {
        font-size: 12px;
        text-align: center
    }
    .google-map iframe {
        width: 330px
    }
    .resolve-query input[type=submit] {
        width: 100%
    }
    .login-wrapper {
        height: auto
    }
    .login-form-page {
        width: 100%
    }
    .login-logo img {
        width: 80%
    }
    .login-form form .or::before {
        width: 54px
    }
    .login-form form .or::after {
        width: 54px
    }
    .otp-button input {
        width: 250px
    }
    .effect-16~label {
        left: 60px
    }
    .online-class-section {
        flex-wrap: wrap;
        margin-top: 0
    }
    .online-class-list {
        margin-bottom: 20px;
        width: 100%
    }
    .upcoming-batches-super-heading h2 {
        margin: 0 auto 20px
    }
    .upcoming-batches-heading {
        margin-bottom: 60px;
        text-align: center
    }
    .upcoming-batches-heading .line {
        margin: auto
    }
    .led-buttom {
        flex-wrap: wrap;
        top: 2.6em;
        position: absolute;
        left: 0
    }
    .mockup {
        margin: 25px 0 0
    }
    .mockupwork {
        margin-top: 25px
    }
    .mockupwork img {
        width: 100%
    }
    .project {
        padding: 25px 0 10px
    }
    .project-heading h3,
    .mockup-heading h3 {
        text-align: center
    }
    .project-heading .line,
    .mockup-heading .line {
        margin: auto
    }
    .related-courses {
        padding: 25px 0
    }
    .related-courses .related-courses-super-heading h2 {
        margin: 0 auto 40px
    }
    .curriculum-heading {
        margin-bottom: 10px
    }
    .related-courses-list {
        flex-wrap: wrap;
        margin-top: 0;
        justify-content: center
    }
    .related-courses-list .related {
        margin-bottom: 20px
    }
    .course-video-review {
        display: none
    }
    .training-features {
        display: none
    }
    .course-video .videowatch {
        top: 45%;
        left: 23%;
        text-align: center
    }
    .speciality-items .speciality-items-desc {
        width: 145px
    }
    .about-course-desc {
        text-align: justify;
        padding: 0
    }
    .question-portion {
        margin-top: 20px
    }
    .question-slider-section .owl-dots {
        transform: translate(0%, -25%)
    }
    .led-buttom .country-fee {
        width: 100%
    }
    .led-buttom .country-fee form {
        width: auto
    }
    .timing-suit {
        margin-top: 15px
    }
    .batch-request {
        padding: 25px 0
    }
    .batch-super-heading h2 {
        margin: 0 auto 20px
    }
    .batch-request .batch-heading {
        margin-bottom: 15px
    }
    .form-batch .fcontrol button {
        margin-top: 10px
    }
    .self-ass-button button {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 100%
    }
    .needcurri,
    .stillquries {
        flex-direction: column
    }
    .needcurri button,
    .stillquries button {
        margin-left: 0
    }
    .enrolling {
        background: none
    }
    .enrolling-en {
        padding: 0
    }
    .firstsection {
        padding: 0
    }
    .student-heading,
    .corporate-heading {
        margin: 15px auto
    }
    .toggle {
        text-align: center
    }
    .master-program-mobile-banner {
        padding: 30px 0;
        background: #06303e;
        display: block
    }
    .mobile-mp-banner-heading {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%
    }
    .master-program-mobile-banner .mob-mp-buttons .button1 {
        padding: 10px 18px;
        margin: 0;
        width: 100%;
        margin-right: 5px
    }
    .mobile-mp-banner-heading h4 {
        font-size: 18px;
        color: #fdc810
    }
    .mob-rating {
        color: #fff;
        font-size: 12px;
        text-align: center
    }
    .mob-rating span {
        margin-right: 5px
    }
    .mob-rating span i {
        color: #fdc810;
        margin-right: 4px
    }
    .mob-mp-desc p {
        color: #fff;
        font-size: 11.4px;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .mob-mp-desc .line {
        width: 85px
    }
    .progress-overview {
        padding: 40px 0
    }
    .mp-tool {
        margin-bottom: 20px
    }
    .progress-overview .curriculum-accordian {
        margin-top: 20px
    }
    .tools {
        align-items: center;
        justify-content: space-around
    }
    .tools-new {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .tools-img {
        width: 156px
    }
    .mp-training-faq {
        padding: 40px 0
    }
    .mp-mob-exp {
        display: block;
        font-size: 13px;
        margin-top: 15px;
        padding-left: 35px
    }
    .mp-mob-fee {
        margin-bottom: 5px
    }
    .mp-mob-fee strong {
        position: relative;
        color: #fff;
        font-weight: 400
    }
    .mp-mob-fee strong::before {
        content: "\f0a4" !important;
        font-family: FontAwesome !important;
        margin-right: 15px
    }
    .mp-course-video {
        display: none
    }
    .mp-course-heading {
        width: 100%;
        padding-right: 0;
        border-right: none
    }
    .mp-course-list {
        padding-left: 40px
    }
    .mp-course-marking::before {
        left: -28px
    }
    .mp-course-list::before {
        left: 34px
    }
    .mp-certificate strong {
        font-size: 16px
    }
    .mp-certificate p {
        font-size: 10px
    }
    .mp-certificate {
        margin-left: -10px
    }
    .cc-achievement {
        background: #fff
    }
    .mp-career-course {
        margin-top: 30px
    }
    .cc-achie-button {
        justify-content: space-around;
        display: flow-root;
        margin-bottom: 7px
    }
    .cc-achie-button button {
        margin: 0;
        width: 100%;
        margin-bottom: 6px
    }
    .master-course-certification {
        padding: 40px 0
    }
    .project-super-heading {
        margin-bottom: 0
    }
    .mpproject {
        padding: 0
    }
    .placement-faqs-accordian .accordion .card .card-body p {
        flex-direction: column
    }
    .recuirement-firms {
        justify-content: space-around;
        margin-bottom: 25px
    }
    .recuirment-firm-images {
        width: 140px
    }
    .recuirment-firm-images img {
        width: 100%
    }
    .mpadmission {
        padding: 40px 0
    }
    .admission-desc {
        display: block;
        margin-top: 30px
    }
    .admission-content {
        width: 100%;
        margin-bottom: 15px
    }
    .mp-faq-dots .owl-dots {
        position: inherit;
        bottom: 0;
        right: 0
    }
    .scholar-fee {
        display: none
    }
    .chance-win {
        text-align: center;
        margin-top: 20px
    }
    .chance-win button {
        margin: auto;
        margin-top: 20px
    }
    .mp-faq-super-heading {
        margin-bottom: 10px
    }
    .mpfaq {
        padding: 40px 0
    }
    .mp-curri {
        padding: 40px 0
    }
    .mp-curri-form-desc {
        flex-wrap: wrap
    }
    .mp-curri-desc {
        width: 100%;
        padding: 15px 20px
    }
    .mp-curri-form {
        padding: 20px 0px;
    }
    .mob-mp-buttons {
        display: flex;
        margin-top: 15px;
        margin-bottom: 0;
        justify-content: space-evenly
    }
    #MasterVerticalModal img {
        max-width: 100%;
        height: auto
    }
    .banner-job-content form input {
        width: 82%
    }
    .job-listing-one {
        flex-direction: column
    }
    .job-course-img,
    .carrer-form .job-course-img {
        margin: auto
    }
    .job-course-heading {
        flex-direction: column
    }
    .job-course-heading h4 {
        margin: 10px 0
    }
    .job-course-description {
        font-size: 13px;
        margin-bottom: 6px
    }
    .jobbrief p {
        width: 100%;
        text-align: justify
    }
    .job-exp,
    .job-salary,
    .job-location {
        margin-bottom: 7px
    }
    .job-course-description span:nth-child(2) {
        transform: rotate(90deg);
        width: 10px
    }
    .job-exsala {
        flex-direction: column
    }
    .job-exsala::before {
        width: 65px
    }
    .jobbrief {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 12px
    }
    .jobs-button {
        margin-top: 15px
    }
    .job-leftsection {
        width: auto
    }
    .fee-deposit {
        margin: 70px 0
    }
    .student-payment {
        padding: 20px
    }
    .payment-form a {
        padding: 7px;
        font-size: 10px;
        width: auto
    }
    .payment-form {
        flex-wrap: nowrap
    }
    .student-payment h3 {
        width: auto
    }
    .student-payment .form-inline select:first-child {
        margin-bottom: 30px
    }
    .fee-deposit-checkbox {
        margin: auto;
        margin-top: 25px
    }
    .transaction-section {
        padding: 20px 10px
    }
    .transaction-section table tr td,
    .transaction-section table tr th {
        font-size: 13px
    }
    .transaction-section table tr td {
        text-align: left
    }
    .transaction-section table tr td:first-child {
        text-align: inherit
    }
    .payment-process {
        margin: 45px 0;
        justify-content: space-around
    }
    .payment-process a {
        width: auto;
        font-size: 13px;
        background: #ddd;
        padding: 8px 10px;
        border-radius: 6px
    }
    .gopayment {
        width: 100%
    }
    .payment-form a.active::before {
        border: 9px solid transparent;
        bottom: -18px;
        border-top-color: #ffa302;
        left: 37%
    }
    .trans-button {
        flex-direction: column;
        text-align: center
    }
    .client-heading-corporates h3 {
        font-size: 16px;
        width: auto
    }
    .client-video-img {
        width: auto
    }
    .all-client-banner {}
    .client-logo-list {
        width: auto
    }
    .allclients .owl-dots .owl-dot span {
        width: 30px !important
    }
    .client-video-learner {
        margin-top: 20px
    }
    .future-client-form .form-inline input {
        margin-top: 17px;
        width: 100%;
    }
    .future-client-form .select2-container .select2-selection--single {
        height: 61px;
        line-height: 79px
    }
    .future-client-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        left: 74%;
        margin-top: 6px
    }
    .allclient-figure {
        width: 77px;
        border-radius: 40px
    }
    .allclient-figure strong {
        font-size: 16px;
        line-height: 0
    }
    .allclient-figure p {
        font-size: 12px
    }
    .future-client-form .form-inline button {
        margin: auto;
        margin-top: 40px
    }
    .quick-social-section {
        padding: 30px 0
    }
    .quick-link,
    .replay-social-link {
        display: flex;
        justify-content: space-between
    }
    .quick-link a {
        font-size: 16px;
        margin: 0
    }
    .replay-social-link a {
        margin: 0 8px
    }
    .management-team {
        display: grid
    }
    .navnab-atj .navnab-atj-link {
        padding: 20px 0;
        font-size: 13px
    }
    .welcome p {
        padding: 20px
    }
    .mission-vision-section {
        padding-bottom: 5px
    }
    .team-member-pic img {
        width: 100%;
        height: auto;
    }
    .about-us-section {
        flex-direction: column
    }
    .about-banner-heading {
        margin: 20px 0
    }
    .about-banner-heading h2 {
        font-size: 20px
    }
    .about-banner-desc p {
        font-size: 13px
    }
    .about-directors {
        flex-direction: column
    }
    .about-directors-desc {
        margin-bottom: 15px
    }
    .quatation p,
    .team-thought p {
        font-size: 22px
    }
    .india-tag-line {
        font-size: 16px
    }
    .about-us-class {
        margin-bottom: 15px
    }
    #self-img {
        display: none
    }
    .certificate-preview {
        display: none
    }
    .nav-items {
        display: none
    }
    .course-page-2-curriculum {
        margin-top: 50px
    }
    .banner-img {
        display: none
    }
    .banner-heading h1 {
        font-size: 16px
    }
    .gt .nav-item a {
        font-size: 15px
    }
    .gt .nav-item:first-child a::before {
        top: 15px
    }
    .validation form input[type=text] {
        width: 100%
    }
    .validation form p {
        width: 100%
    }
    .otpvari-img img {
        width: 60%;
        padding: 0
    }
    .track-dummy img {
        width: 60%
    }
    .gc-tc {
        padding: 35px 0
    }
    .gc-heading h1 {
        font-size: 23px
    }
    .certraid form input {
        width: 100%
    }
    .validation .help-block {
        margin-left: 0
    }
    .certraid .help-block strong,
    .validation .help-block strong {
        color: red;
        font-size: 16px
    }
    .validation .button3,
    .certraid form button {
        padding: 10px 0;
        width: 100%;
        margin-top: 80px
    }
    .student-certificate-here-heading strong {
        text-align: center;
        font-size: 20px
    }
    .student-data {
        flex-direction: column-reverse
    }
    .vidocer button {
        padding: 10px 7px
    }
    .validation form label {
        left: 6%
    }
    .corp-banner .corp-banner-heading h3 {
        width: auto;
        font-size: 20px
    }
    .ccc .ccc-image img {
        display: none
    }
    .readytoempowerdesc {
        width: auto
    }
    .download-corp {
        width: auto;
        justify-content: space-around
    }
    .main-corp {
        flex-direction: column;
        margin: 0
    }
    .main-corp .corp-appro-section {
        margin-top: 25px;
        width: auto
    }
    .videowatch a {
        width: auto
    }
    .ccc-button {
        flex-direction: column;
        align-items: center
    }
    .drop-message {
        display: none
    }
    .mentor-experience-button-right button {
        width: 133px;
        font-size: 12px;
        margin: 0 auto;
        margin-top: 26px;
        display: block
    }
    .mentorslider-right-img img {
        width: 100%;
        height: auto
    }
    .mentorslider-left-desc p {
        width: 344px;
        text-align: justify
    }
    .mentor-experience-button-left {
        width: 348px
    }
    .empower {
        padding: 50px 0;
        height: auto
    }
    .readytoempower {
        padding-left: 0
    }
    .empower-social strong {
        display: none
    }
    .empower-social p {
        font-size: 12px
    }
    .success-meter {
        flex-direction: column
    }
    .success {
        padding: 30px 0
    }
    .successdata {
        margin: 15px auto
    }
    .ccc {
        height: auto;
        margin-top: 0;
        padding-bottom: 70px
    }
    .ccc-button .ccc-button-background {
        margin-bottom: 15px
    }
    .corp-banner-desc {
        font-size: 15px;
        width: 100%;
        text-align: justify
    }
    .heading p,
    .why-croma p,
    .join-desc p,
    .gc-heading p {
        text-align: justify
    }
    .mentor-experience-button {
        display: block
    }
    .corp-banner-links p {
        font-size: 13px
    }
    .industry-expert span {
        font-size: 12px
    }
    .industry-expert .industry-logo {
        width: 100%;
        margin: 0 4px;
        padding: 0
    }
    .mentorslider-left {
        margin-top: 75px
    }
    .mentorslider-left-header::before {
        top: 67px
    }
    .mentor {
        margin-top: 0
    }
    .mentor-ex-slider .owl-dots {
        position: initial
    }
    .enroll-class {
        padding: 25px 0
    }
    .success-heading .heading {
        margin-bottom: 0
    }
    .success-heading {
        margin-top: 40px
    }
    .readytoempowerheading h2 {
        font-size: 25px;
        text-align: center
    }
    .corptab,
    .corptabcontent,
    .all-courses-banner-content p {
        width: 100%
    }
    .corptab {
        display: none;
    }
    .corptabcontent {
        padding: 15px 10px
    }
    .all-courses-banner {
        padding: 22px 0
    }
    .all-courses-banner-content {
        margin: 0
    }
    .all-courses-banner-content h3 {
        font-size: 27px
    }
    .all-courses-banner-content p {
        font-size: 14px
    }
    .breadcum-search {
        flex-direction: column;
        align-items: flex-start
    }
    .all-courses-data {
        padding: 30px 0;
        overflow: hidden
    }
    .search-all-courses {
        width: 100%;
        margin-top: 8px
    }
    .search-all-courses form input {
        width: 100%
    }
    .all-course-heading strong {
        font-size: 14px;
        margin-right: 0
    }
    .all-course-category .all-course-heading-filter button {
        font-size: 10px
    }
    .all-course-listing {
        width: 100%;
        height: auto
    }
    .discover-more {
        float: none;
        padding: 0;
        width: 100%
    }
    .discover-more-categories a {
        margin: 5px;
        font-size: 14px;
        padding: 4px 5px
    }
    .singlepage-key-skill-listing {
        justify-content: center
    }
    .singlepage-key-skill-listing a {
        padding: 10px 15px;
        margin: 3px;
        font-size: 13px
    }
    .join-desc {
        margin-bottom: 0;
        margin-top: 45px;
        margin-left: 0
    }
    .why-work {
        padding: 40px 0
    }
    .why-work-heading h3 {
        font-size: 20px
    }
    .reason-list {
        flex-direction: column;
        align-items: center;
        margin-right: 0
    }
    .reason-why-desc {
        margin-left: 0
    }
    .join-family {
        padding: 25px 0
    }
    .buttontojoin h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px
    }
    .buttontojoin {
        display: block
    }
    .buttontojoin button {
        padding: 8px 20px;
        margin: auto;
        display: block;
        font-size: 15px
    }
    .values-join .owl-dots .owl-dot span {
        width: 30px !important
    }
    .connect-you {
        background: none
    }
    .our-team-banner-text {
        width: auto;
        transform: translate(0%, -40%);
        padding: 0 15px
    }
    .pro-col {
        flex-direction: column
    }
    .pro-col-rev {
        flex-direction: column-reverse
    }
    .product-team-image img {
        width: 100%;
        margin-top: 25px;
        height: auto;
    }
    .our-team-banner {}
    .team-quatation p {
        font-size: 16px;
        padding: 30px 20px
    }
    .welcome-team h3 {
        margin-bottom: 0
    }
    .team-quatation {
        padding-bottom: 0
    }
    .quote {
        padding-bottom: 25px
    }
    .pro-col .product-team-left,
    .pro-col-rev .product-team-right {
        padding: 0 30px
    }
    .banner-review-content {
        width: 100%
    }
    .banner-review-content form {
        margin: auto;
        display: block;
        text-align: center;
        box-shadow: none
    }
    .banner-review-content form input {
        width: auto
    }
    .service-banner-img {
        display: none
    }
    .service-section-list {
        flex-direction: column
    }
    .ser-col {
        flex-direction: column-reverse
    }
    .service-section-list-right img {
        width: 100%;
        height: auto
    }
    .pb-blog-banner-content {
        margin: auto;
        display: block;
        width: 266px
    }
    .an-new-blog-filter button {
        font-size: 7px
    }
    .an-new-blog-heading {
        top: 45px
    }
    .pi-form-control {
        flex-direction: column
    }
    .pi-form-control .pi-fo {
        width: 100%
    }
    .pi-subscribe .form-inline {
        flex-direction: column
    }
    .pi-subscribe .form-inline input {
        width: 100%;
    }
    .blog-subscribe.phone_arrow::after {
        bottom: 14px;
    }
    .opn-all-sections {
        width: 100%
    }
    .ans-place-desc-box1,
    .ans-place-desc-box2,
    .ans-place-desc-box3 {
        width: 100%
    }
    .placebox {
        margin-right: 0
    }
    .quick-link a {
        font-size: 12px !important;
        margin: 0 5px !important
    }
    .replay-social-link a img {
        width: 30px
    }
    .thankheading h1 {
        font-size: 52px !important;
        border-bottom: 2px solid #014655 !important;
        width: 270px !important
    }
    .rev-list {
        padding: 15px !important
    }
}

@media screen and (min-width: 320px) and (max-width: 568px) and (-webkit-device-pixel-ratio: 2) {
    .training-certi {
        padding-top: 0 !important
    }
    .button1 {
        padding: 10px 7px
    }
    .cc-achie-button {
        font-size: 14px
    }
    .online-class-calendar p,
    .online-class-clock p {
        font-size: 14px
    }
    .curriculum-super-heading h2 {
        font-size: 20px
    }
    .line2 {
        width: 265px
    }
    .buttonreport {
        padding: 8px 14px
    }
}

@media only screen and (min-width: 992px) {
    .category-col {
        min-width: 20%;
        flex-grow: unset
    }
    .search-courses .search-input {
        border: none;
        border-bottom: 1px solid #fff;
        border-radius: 0;
        width: 35em;
        background: white;
        color: #000;
        box-shadow: none;
        margin-left: -210px;
        border-radius: 5px;
    }
}

.whatsappme {
    position: fixed;
    z-index: 400;
    right: 20px;
    bottom: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #262626;
    transform: scale3d(0, 0, 0);
    transition: transform .3s ease-in-out;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.whatsappme--show {
    transform: scale3d(1, 1, 1);
    transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28)
}

.whatsappme__button {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    right: 8px;
    height: 60px;
    min-width: 60px;
    max-width: 95vw;
    background-color: #25D366;
    color: #fff;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, .24);
    cursor: pointer;
    transition: background-color .2s linear
}

.whatsappme__button:hover {
    background-color: #128C7E;
    transition: background-color 1.5s linear
}

.whatsappme--dialog .whatsappme__button {
    transition: background-color .2s linear
}

.whatsappme__button:active {
    background-color: #075E54;
    transition: none
}

.whatsappme__button svg {
    width: 36px;
    height: 60px;
    margin: 0 12px;
    color: #fff
}

.whatsappme__badge {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: #e82c0c;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    box-shadow: none;
    opacity: 0;
    pointer-events: none
}

.whatsappme__badge.whatsappme__badge--in {
    animation: badge--in 500ms cubic-bezier(0.27, 0.9, 0.41, 1.28) 1 both
}

.whatsappme__badge.whatsappme__badge--out {
    animation: badge--out 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 1 both
}

.whatsappme--dialog .whatsappme__button {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3)
}

.whatsappme__box {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: calc(100vw - 40px);
    max-width: 400px;
    min-height: 280px;
    padding-bottom: 60px;
    border-radius: 32px;
    background-size: 100% auto;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
    transform: scale3d(0, 0, 0);
    opacity: 0;
    transition: opacity 400ms ease-out, transform 0 linear 300ms
}

.whatsappme--dialog .whatsappme__box {
    opacity: 1;
    transform: scale3d(1, 1, 1);
    transition: opacity 200ms ease-out, transform 0 linear
}

.whatsappme__header {
    display: block;
    position: static;
    width: 100%;
    height: 70px;
    padding: 0 26px;
    margin: 0;
    background-color: #2e8c7d;
    color: rgba(255, 255, 255, .5)
}

.whatsappme__header svg {
    height: 100%
}

.whatsappme__close {
    position: absolute;
    top: 18px;
    right: 24px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    line-height: 34px;
    font-size: 25px;
    text-align: center;
    opacity: .4;
    cursor: pointer;
    transition: opacity 300ms ease-out
}

.whatsappme__close:hover {
    opacity: .6
}

.whatsappme__message {
    position: relative;
    min-height: 80px;
    padding: 20px 22px;
    margin: 34px 26px;
    border-radius: 32px;
    background-color: #fff;
    color: #4A4A4A;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3)
}

.whatsappme__message:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 30px;
    left: -18px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA1CAYAAADlE3NNAAAEr0lEQVRo3t2aT0gjVxzHf++9mcn8zWhW6bpELWzcogFNaRar7a4tBNy2WATbHpacpdZ6redeZE+9CL02B1ktXsRD/xwsilhoSwsqag/xYK09hCQlmCiTf28vGRnGmZhE183MFx5vmGQy7zO/P/P7PYLAHUIAQCqDAwDPxMREG3IpHL+zs/MZcgkYAgAMAIwOl8lkYm6xGgYAFgAEAGgZHx9/vVwun7nJJTkAEAGgdW9v73NKKXWLSzIA4AEAGQDazs/P/3ALnNEl1a2trY9oRW6wmu6SEgC0ZrPZn9wCp2dIHgCU1dXVtymlZafDIatEksvlfqYGueG9xgOAcnBw8JSa5GR3vIi1aDTaUSwWj5wOZ3RHPUN6U6nUN9RCTnZHDwDI+/v745TSkpPhrOpHcWlpqbdcLieojZwGpseZMDo66svn87/RKnIaGAsAfCAQ8J6dnX1Pr5DjwABAzmazMVqDHAd2enr6La1RjgGLRCJqLpeL0TrUjFDGrMgCAD8/P38vn8//QutUs1pLT/fC5ubmQKFQOKANqNmspbuhBwDEZDL5BaX0lDaoZoK62NxZXFzs1DRthV5TrxrKGFue/v5+KZ1Of1kul5P0BtQUUAAgxOPx9wuFwl/0BvWq3O8C6vDw8F1N036gL0G3ZaVLUEdHRxFN036kL1E3DWMHxAEAPzc3dyedTk+XSqUdegu6CRijy5mBPLOzs2oikfhU07RFSmmG3qKuaxkdxuhy/MzMjDeRSHyiadrz2wYyClUBMh9bzRfAu7u7PX6//z1RFB9zHBcBALUZKoRqUMgEgyvHeHt7+353d/cjQRBGWJZ9jBDqaMYKHKpYBAEAXltbawsGg2FFUd7iOO4hIeQhQuiOEzpdOzCSTCaftLS0fEUIGXbiHiBjU5njVCr1sc/nW6wkDcduS1u1HKRUKv2KMR4ABwvbAWKMA+BwYbsasFgs/uMWuEtxd3x8/J3b4C4Ag8Hg83g8/iyfz//n5IRi1eZzla00HgA8oijyDMNwlFJCCGH0axiGQQAAXq+XyLLMeL1eRlEURpZlRpIkhud5oigK297eLvl8Prm1tVVSFEWSJEkWRVESBMGrqupriqLcFQThLsaYu612n6vUip4KMFv5HJssjhooEi5laoZh0NjYWNvw8PC9np6ejkAg8MDv9w+oqnrfxsNqhgNTh2wE1MGYChyyWGA9RYJVFWTM3MhwjMPhsDw9PT0QDocHOjs731RV9Y1rv+cMlb4Oiy3garWW1b2sPMfceZgHmZqa6pycnPywr6/vA47jfPXAWbU0xOCOqE44u2K8Wl9oBUfMa+rq6hIWFhbGBwcHn9pBohogcRWwRiCRTUiACQ6ZYpxY9JAkFAopy8vLM4FAYKyRrgA1GGf1JperLGgEM4cNG4vF3olGo18TQkT9JsRmAdQw66NsGlbn7Ibdd0um2XzOblz6/ZWVlX8JIb8PDQ090gFJDU+e2sBeZ1hBU9NcqvIQzDMFALq+vp7GGP85MjLyBCHE1tPO1LP4eq4FG/hqnlGyeSiwsbHxfygUOu7t7Y00059JUY3ZHFm8k1lT0cGfnJw8c0ojepWFzd6CMpnM3y8AJPEkZ9khO4IAAAAASUVORK5CYII=);
    background-size: 100%
}

.whatsappme--left {
    right: auto;
    left: 20px
}

.whatsappme--left .whatsappme__button {
    right: auto;
    left: 8px
}

.whatsappme--left .whatsappme__box {
    right: auto;
    left: 0
}

@media (max-width: 480px) {
    .btn2 {
        display: inline-block !important;
        width: 50%;
    }
    .whatsappme {
        bottom: -12px;
        right: 6px
    }
    .whatsappme--left {
        right: auto;
        left: 6px
    }
    .whatsappme__box {
        width: calc(100vw - 12px);
        min-height: 0
    }
    .whatsappme__header {
        height: 55px
    }
    .whatsappme__close {
        top: 13px;
        width: 28px;
        height: 28px;
        line-height: 28px
    }
    .whatsappme__message {
        padding: 14px 20px;
        margin: 15px 21px 20px;
        line-height: 24px
    }
    .whatsappme__button {
        bottom: 70px
    }
}

@keyframes badge--in {
    from {
        opacity: 0;
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes badge--out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

/* .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
} */

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 205px;
    overflow: scroll;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding-left: 4px;
    color: #565656
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.curriculum .card-body ul li table {
    border-collapse: collapse;
    width: 100%;
    text-align: center
}

.curriculum .card-body ul li table td,
.card-body ul li table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center !important
}

.curriculum .card-body ul li table tr:nth-child(even) {
    background-color: #f2f2f2
}

.curriculum .card-body ul li table tr:hover {
    background-color: #ddd
}

.curriculum .card-body ul li table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: #fff
}

.issue-form textarea {
    height: unset !important;
    border-bottom: none !important;
    margin-top: unset !important;
    padding: 10px !important
}

.certfict-frm select {
    width: 100%
}

#applycertificate .modal-body {
    padding: unset
}

#applycertificate .modal-header {
    background: #E9E9E9;
    border-bottom: 3px solid #FFA803
}

#applycertificate .modal-title {
    color: #959595;
    font-size: 18px;
    font-weight: 500
}

.certfict-frm {
    padding: 0 15px
}

.certfict-frm .form-item .text {
    margin: 0;
    padding: 15px 0 0;
    color: #083553;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .5px
}

#messagemodel p.text-center {
    font-weight: normal !important;
    font-size: 12px;
}

.traningpopbtn {
    width: 70%;
}

.GetTrack .validation .help-blocks {
    left: 0;
    width: 100%;
    margin: 0 !important;
}

.GetTrack .validation .help-blocks strong {
    margin: 0 !important;
}

.mobile-bottom-fixed a {
    color: #FC674C;
}

.course-guide-whatsapp {
    margin-top: 21px;
    margin-left: 27px;
    margin-right: 27px;
    text-align: center;
    background: #25D366;
    padding: 10px;
    border-radius: 5px;
}

.course-guide-whatsapp a {
    padding: 0px;
}

.course-guide-whatsapp a img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.mobile-bottom-fixed .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    color: #000;
    box-shadow: 0 0 3px 0px #b5b5b5;
}

.mobile-bottom-fixed .dropdown-item i {
    color: #fa6d45;
}

.mobile-bottom-fixed .dropdown-menu.show {
    border-right: 8px solid #fa6d45;
}

.faq-resigtration-form a {
    font-size: unset !important;
    padding: unset !important;
    color: #007bff !important;
    border-right: unset !important;
}

@media (max-width: 767px) {
    .gt .nav-item {
        margin: 0 11px !important;
    }
    .why-croma p {
        width: 100%;
    }
    .course-guide-whatsapp {
        padding: 6px 10px;
    }
    .course-guide-whatsapp a {
        margin: 0 5px !important;
    }
    #modal-course-categories {
        display: none !important;
    }
    #mobile-modal-course-categories {
        display: block !important;
    }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        display: none;
    }
    .modalclass .select2.select2-container.select2-container--bootstrap,
    .clientdropquery .courseclass span.select2.select2-container.select2-container--bootstrap {
        max-width: 100% !important;
    }
    .videowatch.CromaVideoPlay {
        margin: 34px auto 0px 73px;
    }
    .allclient-selections {
        margin-top: 10px;
    }
}

#applycertificate {
    overflow: scroll;
}

.header-popup {
    border-bottom: 1px solid #70707029;
    padding-bottom: 10px;
}

.header-popup h4 {
    font-size: 20px;
    font-weight: 600;
    color: #3B3737;
}

.enroll-coursepopup-header {
    border-bottom: 0px !important;
    padding-bottom: 0px;
    position: relative;
    overflow: hidden;
}

.enroll-coursepopup-header button {
    position: absolute;
    top: 0px;
    right: -4px;
    background-color: #000000;
    opacity: 1 !important;
    z-index: 1;
    color: #fff !important;
    line-height: 34px;
    border-radius: 33px 44px;
    width: 65px;
    height: 55px;
}

.enroll-coursepopup-header button span {
    font-size: 27px;
    margin-left: -13px;
}

.coursepop-body {
    padding: 20px 35px;
}

.coursepopup-content {
    font-size: 14px;
    font-weight: 400;
    color: #3B3737;
}

.coursepopup-content ul li {
    line-height: 25px;
}

.coursepopup-content ul li i {
    color: #009900;
}

.ok-gotit button {
    border: none;
    background: linear-gradient(45deg, #3876F1, #1C19B0);
    border-radius: 4px;
    padding: 6px 25px;
}

.ok-gotit button:focus {
    box-shadow: none;
}


/* data analytic css */


      .master-program-banner {
         padding-top: 40px;
         padding-bottom: 30px;
         background: radial-gradient(at 12.3% 87.7%, #11438F 0px, transparent 50%), radial-gradient(at 93.9% 38.5%, #000F45 0px, transparent 50%), radial-gradient(at 71.2% 27.3%, #100387 0px, transparent 50%) #000000;
         ;
         mix-blend-mode: var(--_gradient-blend-mode);
      }

      .for-animate {
         display: inline-block;
         animation: flipRightToLeft 4s ease-in-out infinite;
         /* Continuous flip from right to left */
      }

      /* Continuous flip animation from right to left */
      @keyframes flipRightToLeft {
         0% {
            transform: rotateY(0deg);
            /* Starting point */
         }

         25% {
            transform: rotateY(90deg);
            /* Mid flip */
         }

         50% {
            transform: rotateY(180deg);
            /* Full flip */

         }

         75% {
            transform: rotateY(270deg);
            /* Back to 3/4 flip */
         }

         100% {
            transform: rotateY(360deg);
            /* Complete flip, back to original state */
         }
      }




      .book-free-counseling {
         width: 100%;
         border: none;
         height: 35px;
         border-radius: 5px;
         color: white;
         display: flex;
         background: linear-gradient(45deg, #F48430, #FB6D45);
         align-items: center;
         font-weight: 600;
         font-size: 14px;
         justify-content: center;
      }

      .card-body ul li::before {
         display: none;
      }

      #fix-rig2 {
         bottom: -15px !important;
         right: 0px;
      }

      /* Card spacing */
      .card {
         margin-bottom: 10px;
         /* border: 1px solid #ddd; */
         border-radius: 6px;
      }

      .card {
         flex: 1;
         /* ❌ This can make them stretch to same height */
      }

      /* Header style */
      .card-header {
         background-color: #f9f9f9;
         padding: 15px 20px;
         cursor: pointer;
      }

      /* Icon default state */

      /* Change icon when open */
      .accordion-toggle[aria-expanded="true"] .fa {
         content: "\f068";
         /* minus icon (Font Awesome) */
      }

      .accordion-toggle[aria-expanded="false"] .fa {
         content: "\f067";
         /* plus icon (Font Awesome) */
      }

      /* Optional: Better animation for minus icon */
      .accordion-toggle[aria-expanded="true"] .fa {
         transform: rotate(180deg);
      }


      /* Margin between accordion cards */
      .card {
         margin-bottom: 15px;
         border: 1px solid #ddd;
         border-radius: 6px;
      }

      /* Optional: More padding and subtle hover effect */
      .faqs-for-course .card-header button.btn.btn-link {
         color: #000 !important;
         font-size: 14px;
         padding-right: 50px;
      }

      .faqs-for-course .card-header {
         background-color: #f1faff !important;
         padding: 15px 20px;
         cursor: pointer;
         border-bottom: none;
      }


      .heading-description {
         font-weight: 400 !important;
         font-size: 16px;
         list-style-type: disc;
         /* display:none; */
      }

      ::marker {
         color: #FB6D45;
         font-size: 19px;
      }

      .for-new-accodian-master .card-body p {
         position: relative;
         font-weight: 600;
         margin-top: 10px;
         padding-left: 10px;
      }

      .for-new-accodian-master .card-body p::before {
         content: "✔ ";
         position: absolute;
         top: 3px;
         left: -16px;
         display: inline-block;
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
         height: 1em;
         width: .5em;
         border-bottom: .0em solid #ff5f14;
         border-right: .0em solid #ff5f14;
         background: #008FFB;
         border-radius: 50px;
         width: 15px;
         height: 15px;
         color: white !important;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 9px;
         font-size: 11px;
      }






      /* === */
      .sub-topics.level-2 {
         list-style: none;
         /* Remove default bullets */
         padding-left: 0;
      }



      /* Add tick icon before each li */
      .sub-topics.level-2 li {
         margin-left: 40px;
      }

      /* === */




      .sub-topics.level-2 {
         margin-left: 20px;
         list-style-type: disc;
         color: #333;
         font-weight: 600;
      }

      .sub-topics.level-2 li {
         font-weight: 600;
      }

      .sub-topics.level-3 {
         margin-left: 0px;
         list-style-type: disc;
         color: #444;
      }

      .sub-topics.level-3>li:has(> ul) {
         font-weight: 600;
         font-size: 16px;
      }

      .sub-topics.level-3 li {
         font-weight: 400;
      }

      .sub-topics.level-4 {
         margin-left: 0px;
         list-style-type: circle;
         color: #555;
      }

      .sub-topics.level-5 {
         margin-left: 80px;
         list-style-type: disc;
         color: #666;
      }

      .sub-topics.level-6 {
         margin-left: 100px;
         list-style-type: circle;
         color: #777;
      }

      .sub-topics.level-7 {
         margin-left: 120px;
         list-style-type: square;
         color: #888;
      }



      /* == */

      .main-card h6 {
         margin-top: 5px;
      }

      .main-card a {
         background-color: #F77047;
         color: white;
         padding: 7px 10px;
         border-radius: 4px;
         font-size: 14px;
         width: 100%;
         justify-content: center;
         display: flex;
      }

      .main-card {
         border: 2px solid #D9D9D9;
         border-radius: 5px;
      }

      .main-card img {
         width: 100%;
      }

      .inner-section-text {
         padding: 15px;
         background-color: white;
      }

      .inner-section-text p {
         margin-bottom: 20px;
         font-size: 13px;
      }


      /* .slider-form .first-slide .first-col{
   background-color:#0A7244;
}


.slider-form .first-slide .second-col {
    background-color: #005cc7;
    position: relative;
    overflow: hidden;
    min-height: 200px;
}

.slider-form .first-slide .second-col::before {
    content: "";
    width: 100%;
    height: 120px; 
    position: absolute;
    top: -60px; 
    left: 0;
    background: rgb(2, 94, 25);
    transform: skewY(8deg);
} */




      /* fixed nav code  */
      .items-container {
         height: 55px;
      }

      .items-container .enroll {
         padding: 7px 11px;
         border: none;
      }

      .navs {
         display: flex;
         justify-content: center;
         align-items: center;
         color: #000 !important;
         transition: all .5s ease;
         font-size: 12px;
         font-weight: 500;
         padding: 20px 7px;
         margin-right: 15px;
         text-decoration: none !important;
         display: flex;
         gap: 50px;
      }

      /* fixed nav code  */


      .first-card.for-secion-inner-center.show {
         text-align: center;
      }

      button.for-download-circulam {
         background: #113b95;
         color: white;
         border: none;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 10px;
         /* padding: 10px 56px; */
         width: 100%;
      }

      button.for-download-circulam:hover {
         background: #113b95;
         color: white;
      }


      .button1 {
         margin: 0;
         display: block;
         padding: 10px 24px;
         border: none;
         background: linear-gradient(45deg, #F48631, #FB6D45);
         color: #fff;
         border-radius: 4px;
         height: 46px;
      }


      .whatsapp-icon {
         display: flex;
         justify-content: end;
         width: 41%;
         position: absolute;
         bottom: 20px;
         right: 90px;
      }

      .form-contact {
         display: flex;
         flex-direction: column;
         align-items: flex-end;
      }

      .sticky-form .form-column {
         width: 315px;
         background: #fff;
         padding: 20px;
         margin-right: 0px;
         margin-left: 0px;
         box-shadow: 0 0 5px 3px #d4d4d4c2;
         margin-bottom: 20px;
      }

      .india-side-row {
         width: 314px;
         background: #fff;
         padding: 1px 5px;
         margin-right: 0px;
         margin-left: 0px;
         box-shadow: 0 0 5px 3px #d4d4d4c2;
         margin-bottom: 25px;
      }

      .curriculum-accordian .accordion .card .card-header h2 button {
         color: #000 !important;
         position: relative;
         width: 100%;
         padding: 12px;
         padding-left: 25px;
         ;
      }

      .curriculum-accordian .accordion .card-body .card .card-header h2 button {
         color: #000 !important;
         position: relative;
         width: 100%;
         padding: 12px;
         padding-left: 5px;
         ;
         padding-right: 50px;
      }

      button.btn .fa-chevron-down:before {
         content: "\f078";
         position: absolute;
         top: 14px !important;
         right: 17px;
      }

      .curriculum-accordian .accordion .card .card-body {
         background: #fff;
         border: 1px solid rgb(0 0 0 / 8%);
         border-radius: 5px;
      }

      .curriculum-accordian .accordion .card .card-header {
         padding: 5px;
         background: #F1FAFF;
         margin-bottom: 0;
      }

      .curriculum-accordian.white-section .accordion .card .card-header {
         padding: 5px;
         background: #fff !important;
         margin-bottom: 0;
      }

      .curriculum-accordian.white-section .accordion .card {
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      }

      .curriculum-accordian.up-section .accordion .card .card-header {
         background: #fFF;
         box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
      }

      .curriculum-accordian.up-section .accordion .card {
         box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
      }

      .for-new-accodian-master .fa-add:before,
      .fa-plus:before {
         content: "\2b";
         position: absolute;
         right: 19px;
         bottom: 13px;
         color: black;
      }

      .for-new-accodian-master .fa-minus:before,
      .fa-subtract:before {
         content: "\f068";
         position: absolute;
         right: 19px;
         top: 14px;
         color: black;

      }

      div#mainAccordion {
         box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
         border-radius: 5px;
      }

      div#mainAccordion h6 {
         margin-bottom: 0px;
         color: #0F2C39;
      }

      .curriculum-accordian .accordion .card {
         margin-bottom: 11px;
         border-bottom: none;
      }

      .curriculum-accordian .accordion .card-body p {
         padding-left: 0;
         margin-bottom: 0;
         text-align: left;
      }

      .curriculum-accordian {
         box-shadow: none;
      }

      .mp-buttons button {
         margin: inherit;
         margin-right: 24px !important;
         padding: 10px 30px;
         font-weight: 600;
      }

      .tools {
         display: grid;
         grid-template-columns: auto auto auto auto auto auto;
         gap: 14px;
         margin-top: 0px;
         justify-content: inherit;
      }

      .tools-img {
         margin-bottom: 0px;
         background-color: #fff;
         padding: 10px;
         width: 100%;
         align-items: center;
         justify-content: center;
         display: flex;
      }

      .related-courses-list .related .related-course-name strong {
         line-height: 1.2em;
      }

      .right-pannel ul li::before,
      .right-pannel ul li::after {
         background: #C9C9C9;
      }

      .submit-download-from .form-inline .help-block {
         margin-top: 0px;
      }

      .mp-banner-desc h2 {
         color: #fff;
      }

      .mp-banner-desc h1 {
         color: #fff;
      }

      .get-button {
         border: 1px solid #ffffff !important;
         color: #fff !important;
         width: 264px;
      }

      .mp-desc p {
         color: #fff;
         font-size: 14px;
         display: inline-table;
         margin-top: 25px;
         margin-bottom: 25px;
      }

      .help-block {
         display: block;
         margin-top: -5px;
         color: red;
         font-size: 12px;
         position: relative;
      }

      .all-tools {
         margin-top: 0px;
         margin-bottom: 30px;
      }

      .all-tools strong {
         line-height: 1.2em;
         font-size: 25px;
      }

      .mp-banner-heading {
         align-items: center;
      }

      .mp-desc .line {
         width: 82%;
         height: 3px;
         background: #fff;
      }

      .future_section {
         padding: 40px 0px;
      }

      

      .master-program-banner {
         padding-top: 40px;
         padding-bottom: 30px;
         /*   background:#005F9A;*/
      }


      .banner-bg-section {
         /* background-image: url("https://www.cromacampus.com/public/master-images/banner-bg.webp"); */
         width: 100%;
         background-size: cover;
      }

      .program-designed {
         margin-top: 8px;
         margin-bottom: 20px;
      }


      .program-designed .first-box img {
         width: 110px;
      }

      .program-designed p {
         color: #fff;
         margin-bottom: 10px;
         font-size: 14px;
      }

      .designed-program-box {
         display: flex;
         width: 100%;
         gap: 20px;
      }

      .designed-program-box .first-box {
         background-color: #fff;
         border-radius: 5px;
         padding: 10px;
      }

      .designed-program-box .second-box {
         background-color: #fff;
         border-radius: 3px;
         padding: 10px;
      }

      .alumni-work-section {
         margin-bottom: 40px;
      }

      .alumni-work-section p {
         color: #fff;
         font-size: 14px;
         margin-bottom: 10px;
      }

      .alumni-work-section .alumni-work-box {
         display: flex;
         gap: 20px;
         align-items: center;
         margin-bottom: 55px;
         margin-top: 22px;
      }

      .alumni-work-section .alumni-work-box .first-box {
         background-color: #fff;
         border-radius: 5px;
         padding: 5px 20px;
         box-shadow: #005e93 0px 4px 4px 0px;
      }

      .alumni-work-box {
         overflow: hidden;
         width: 100%;
      }

      .marquee-container1 {
         position: relative;
         width: 100%;
         overflow: hidden;
         mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));
         -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));
      }

      .alumni-work-box-container {
         display: flex;
         gap: 20px;
         min-width: 200%;
         animation: marquee-scroll 30s linear infinite;
         align-items: center;
      }

      .alumni-work-box-container .first-box img {
         width: 65px;
         object-fit: contain;
      }

      @keyframes marquee-scroll {
         from {
            transform: translateX(0%);
         }

         to {
            transform: translateX(-50%);
         }
      }

      button.for-submit-btn {
         background: #FB8F2A !important;
         border: navajowhite;
         padding: 7px;
         color: white !important;
         border-radius: 4px;
         margin-top: 10px;
         z-index: 999;
         width: 100%;
         font-size: 14px;
      }
     
      .offer-course {
         border-radius: 4px;
         line-height: 1em;
         display: flex;
         width: auto;
         padding: 0px 0px;
         margin: auto;
         justify-content: center;
      }

      .offer-course span {
         font-size: 10px;
         color: #0a9c7b;
         margin-bottom: 10px;
         width: 100%;
         padding: 5px 0;
         font-weight: 600;
         display: flex;
         align-items: center;
         margin-bottom: 0;
         gap: 3px;
         justify-content: center;
      }

      span.expires-offer {
         display: flex;
         justify-content: end;
         gap: 4px;
         margin-right: 3px;
      }

      .inner-content {
         width: 180px !important;
         height: 16px !important;
      }

      .timer-section p {
         color: #0A9C7B;
         font-size: 12px;
         font-weight: 600;
      }

      .percentage-bottom-text {
         display: flex;
         justify-content: center;
         margin-top: 10px;
      }

      .percentage-bottom-text p {
         color: #808185;
         font-size: 12px;
      }

      .percentage-bottom-text p span {
         color: #113B95;
         font-weight: 600;
         text-decoration: none !important;
      }

      /* Tools Covered of Master in Data Analytics Training section stat */
      .data-analytics-heading-section h4 {
         margin-bottom: 23px;
         font-weight: 400;
      }

      .data-analytics-heading-section span:nth-of-type(1) {
         font-weight: 700;
         position: relative;
         line-height: 1.5em;
      }

      .data-analytics-heading-section span:nth-of-type(1):after {
         content: "";
         width: 110px;
         height: 3px;
         background-color: #FB8F2A;
         position: absolute;
         bottom: 0;
         left: 0px;
      }

      .data-analytics-heading-section span:nth-of-type(2) {
         font-weight: 700;
         line-height: 1.5em;
      }

      .traning-card-main-section {
         /* background-color: #F1FAFF; */
         padding: 30px;
      }

      .traning-cards {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 20px;
      }

@media(max-width:767px)
{
     .traning-cards {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
      }
}

      .traning-cards .cards {
         display: flex;
         align-items: center;
         gap: 10px;
         cursor: pointer;
      }


      .traning-cards .cards p {
         font-weight: 500;
         font-size: 14px;
      }

      .traning-cards .cards img {
         width: 70px;
         height: 70px;
      }

      .faqs-for-course {
         position: relative;
      }

      .faqs-for-course::before {
         content: "";
         position: absolute;
         left: -27px;
         top: 22px;
         bottom: 0;
         width: 2px;
         background: #034BA5;
         bottom: -5px;
      }

      .faqs-for-course h3 {
         position: relative;
         font-size: 22px;
         color: #034BA5;
         font-weight: 600;
      }

      .faqs-for-course h3::before {
         content: "";
         position: relative;
         left: -33px;
         top: 22px;
         width: 15px;
         height: 15px;
         background-color: #034BA5;
         border-radius: 50px;
         display: block;
      }

     
      a.for-download-circulam-btn {
         padding: 10px;
         background: #113B95;
         display: flex;
         align-items: center;
         gap: 10px;
         justify-content: center;
         color: white;
         border-radius: 5px;
      }

      .placement-section-for-images {
         margin-top: 24px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
      }

      .for-images-section {
         display: flex;
         gap: 10px;
      }

      .for-images-section img {
         width: 170px;
      }

      a.for-placement-btn {
         border: 1px solid #113B95;
         padding: 6px 25px;
         border-radius: 5px;
         color: #113B95;
         margin-top: 25px;
         font-weight: 500;
         transition: all 0.3s ease-in-out;
      }

      a.for-placement-btn:hover {
         background-color: #034BA5;
         color: white;
      }

      /* Master's Program Certificate */
      .for-master-certificate {
         background-color: #FFF5EF;
      }

      .for-master-certificate h3 {
         position: relative;
         color: #034BA5;
         font-weight: 600;
      }

      .for-master-certificate p {
         font-size: 14px;
         font-weight: 500;
         color: #808185;
      }

      .for-master-certificate h3::before {
         content: "";
         position: absolute;
         top: 8px;
         left: -33px;
         width: 15px;
         height: 15px;
         border-radius: 50px;
         background-color: #FB8F2A;
      }

      @media (max-width:768px) {
         .for-inner-cards {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 20px;
      }
        
      }

      /* Get exclusive access to career resources upon completion */
      .get-exclusive-section {
         border-radius: 15px;
         padding: 50px 30px !important;
         border: 1px solid #D9D9D9;
      }

      .get-exclusive-main {
         padding: 20px;
      }

      .get-exclusive-section h5 {
         font-weight: 600;
         font-size: 22px;
         line-height: 1.5em;
         color: #034BA5;
      }

      .for-inner-cards {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
      }

      .for-inner-cards .first-card {
         padding: 30px 20px;
         background-color: #fff;
         border-radius: 6px;
         border-bottom: 5px solid #034BA5;
         box-shadow: hsl(202deg 92% 25% / 25%) 0px 4px 20px;
      }

      .for-inner-cards .first-card h6 {
         margin-top: 20px;
         color: #0F2C39;
      }

      .for-inner-cards .first-card p {
         margin-bottom: 20px;
         font-size: 12px;
         color: #808185;
      }

      .for-inner-cards .first-card .line-for-mock {
         width: 40px;
         height: 4px;
         background-color: #D9D9D9;
      }

      .for-inner-cards .second-card {
         padding: 30px 20px;
         background-color: #fff;
         border-radius: 6px;
         border-bottom: 5px solid #FB8F2A;
         box-shadow: hsl(202deg 92% 25% / 25%) 0px 4px 20px;
      }

      .for-inner-cards .second-card h6 {
         margin-top: 20px;
         color: #FB8F2A;
      }

      .for-inner-cards .second-card p {
         margin-bottom: 20px;
         font-size: 12px;
         color: #808185;
      }

      .for-inner-cards .second-card .line-for-mock {
         width: 40px;
         height: 4px;
         background-color: #D9D9D9;
      }

      .for-inner-cards .third-card {
         padding: 30px 20px;
         background-color: #fff;
         border-radius: 6px;
         border-bottom: 5px solid #034BA5;
         box-shadow: hsl(202deg 92% 25% / 25%) 0px 4px 20px;
      }

      .for-inner-cards .third-card h6 {
         margin-top: 20px;
         color: #0F2C39;
      }

      .for-inner-cards .third-card p {
         margin-bottom: 20px;
         font-size: 12px;
         color: #808185;
      }

      .for-inner-cards .third-card .line-for-mock {
         width: 40px;
         height: 4px;
         background-color: #D9D9D9;
      }

      /* ========swiper card=== */
      .swiper-slide {
         background: white;
         padding: 20px 20px 30px 20px;
         border-radius: 10px;
         box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
         text-align: center;
         border: 2px solid #034BA5;
         margin-top: 50px;
      }

      .profile {
         display: flex;
         align-items: center;
         gap: 15px;
         margin-top: -55px;
         background: #034BA5;
         border-radius: 50px;
         padding: 10px 14px;
         justify-content: space-between;
      }

      .profile h3 {
         font-size: 18px;
      }

      .here-story-section {
         background-color: white;
         padding: 3px 5px;
         border-radius: 50px;
         align-items: center;
         justify-content: space-between;
         width: 259px;
      }

      a.for-watch-btn {
         background-color: orange;
         padding: 5px 0px;
         font-size: 10px;
         width: 100px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: white;
         border-radius: 50px;
         height: 30px;
      }

      .here-story-section p {
         font-size: 12px;
         font-weight: 600;
         color: #034BA5;
      }

      img.user-image {
         width: 40px !important;
         height: 40px !important;
      }

      .profile img {
         width: 25px;
         height: 25px;
         border-radius: 50%;
         background-color: white;
         border: 2px solid #fff;
      }

      .profile-info {
         text-align: left;
         position: absolute;
         left: 16%;
      }

      .profile-info h3 {
         margin: 0;
         font-size: 14px;
         color: #fff;
         font-weight: 600;
      }

      .profile-info p {
         margin: 0;
         font-size: 10px;
         color: gray;
         color: #fff;
      }

      .testimonial-content {
         margin: 15px 0;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         margin-top: 20px;
      }

      .testimonial-content h4 {
         display: flex;
         gap: 10px;
         font-size: 15px;
         color: #034BA5;
         align-items: center;
      }

      .testimonial-content p {
         font-size: 12px;
      }

      .testimonial-content p {
         text-align: left;
      }

      .logos {
         display: flex;
         justify-content: space-around;
         align-items: center;
         gap: 15px;
      }

      img.for-forward-icon {
         width: 20px !important;
         height: 20px !important;
      }

      .logos img {
         height: 40px;
         width: 80px;
         object-fit: contain;
      }

      .swiper-horizontal>.swiper-pagination-bullets,
      .swiper-pagination-bullets.swiper-pagination-horizontal,
      .swiper-pagination-custom,
      .swiper-pagination-fraction {
         bottom: var(--swiper-pagination-bottom, 8px);
         top: var(--swiper-pagination-top, auto);
         left: 0;
         width: 100%;
         bottom: -10px;
      }

      .swiper-button-next,
      .swiper-button-prev {
         display: none;
      }

      .swiper-pagination-bullet {
         background-color: #D9D9D9 !important;
         opacity: 1;
      }

      .swiper-pagination-bullet-active {
         background: #034BA5 !important;
         opacity: 1;
      }

      /* Download Curriculum section */
      .download-curriculum-section {
         background: linear-gradient(90deg, hsla(220, 81%, 10%, 1) 0%, hsla(221, 80%, 33%, 1) 100%);
         padding: 40px 0px
      }

      .download-curriculum-section h2 {
         color: white;
      }

      .download-curriculum-section p {
         color: white;
         font-size: 14px;
      }

      .main-cover-design-by-section {
         display: flex;
         justify-content: flex-start;
         gap: 45px;
         margin-top: 25px;
      }

      .download-course-design-by {
         display: flex;
         align-items: center;
         gap: 20px;
      }

      .download-course-design-by p {
         font-size: 12px;
      }

      .download-course-offered-by {
         display: flex;
         align-items: center;
         gap: 20px;
      }

      .download-course-offered-by p {
         font-size: 12px;
      }

      .design-by-logos {
         display: flex;
         align-items: center;
         gap: 8px;
      }

      button.download-circulam-button {
         padding: 10px 19px;
         background: #fff;
         display: flex;
         align-items: center;
         gap: 10px;
         justify-content: center;
         color: #113B95;
         font-size: 1rem;
         border-radius: 5px;
         font-weight: 600;
         border: none;
      }

      a.download-circulam-button img {
         width: 22px;
      }

      /* ====Data Science Projects==== */


      .project-heading {
         padding: 0px 15px;
      }

      .project-heading h4 {
         color: #0F2C39;
         font-size: 24px;
         font-weight: 600;
         margin: auto;
         padding-bottom: 5px;
         position: relative;
      }

      .project-heading h4 span {
         font-weight: 500;
      }

      .project-heading h4::after {
         content: '';
         width: 100px;
         height: 4px;
         position: absolute;
         background-color: #FB8F2A;
         bottom: -7px;
         left: 0;
      }

      .load-more-btns-projects {
         display: flex;
         justify-content: center;
         align-items: center;
         margin-top: 20px;
      }

      .load-more-btns-projects button {
         padding: 7px 30px;
         background: #034BA5;
         border: none;
         color: white;
         font-weight: 600;
         border-radius: 5px;
      }

      /* .project-heading .line {
    width: 77px;
} */
      .line {
         width: 225px;
         height: 3px;
         background: #FA8E2B;
         bottom: 8px;
         /* position: absolute; */
      }

      .mp-curriculum-super-heading .line {
         width: 135px;
         position: relative;
      }

      .card-sections {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
      }

      .card-sections .card {
         width: 100%;
         padding: 20px 0px 0px 0px;
         box-shadow: hsl(0deg 0% 0% / 20%) 0px 2px 20px;
         border: none;
         display: flex;
         height: fit-content;
         justify-content: space-between;
         border-radius: 0px !important;
         border-top-left-radius: 10px !important;
         border-top-right-radius: 10px !important;
         border-bottom-right-radius: 10px !important;
         border-bottom-left-radius: 10px !important;
      }

      .card {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         min-width: 0;
         word-wrap: break-word;
         background-color: #fff;
         background-clip: border-box;
         border: 1px solid rgba(0, 0, 0, .125);
         border-radius: .25rem;
      }

      .card-sections .card .cricket-spot-text p {
         background: #022278;
         padding: 10px 10px 10px 10px;
         border-top-right-radius: 10px;
         border-bottom-right-radius: 10px;
         color: white;
         margin-bottom: 0px;
         font-weight: 600;
         font-size: 14px;
      }

      .inner-content-project {
         padding: 0px 20px;
         height: auto;
      }

      .inner-content-project :nth-child(1) {
         font-size: 12px;
         font-weight: 600;
         color: #000000;
      }

      .inner-content-project :nth-child(2) {
         font-size: 18px;
         font-weight: 700;
         color: #000000;
      }

      .inner-content-project :nth-child(3) {
         color: #707070;
         font-size: 12px;
         font-weight: 400;
      }

      .bottom-btn-section {
         background: #F0F8FF;
         padding: 7px 20px 15px 20px;
         border-top: 3px solid #022278;
         border-bottom-left-radius: 10px !important;
         border-bottom-right-radius: 10px !important;
      }

      .bottom-btn-section p {
         color: #022278;
         font-size: 12px;
         margin-bottom: 8px;
         font-weight: 500;
      }

      .bottom-btn-section .btn-align {
         display: flex;
         flex-wrap: wrap;
         gap: 15px;
      }

      .bottom-btn-section a {
         padding: 5px 11px;
         background-color: transparent;
         color: white;
         border: 2px solid #022278;
         color: #022278;
         pointer-events: none;
         font-weight: 700;
         text-decoration: none;
         text-transform: uppercase;
         transition: all 0.3s ease-in-out;
         font-size: 12px;
      }

      .bottom-btn-section .btn-align {
         display: flex;
         flex-wrap: wrap;
         gap: 15px;
      }

      .cover-card-section {
         padding-right: 20px;
      }

      .card-sections .logo-image {
         margin-left: 15px;
      }


      /* =========Be The Bedrock Of The Company!=== */


      .the-bedrock h4 {
         font-weight: 700;
         position: relative;
         line-height: 1.5em;
      }

      .the-bedrock h4 span {
         font-weight: 500;
      }

      .the-bedrock h4::after {
         content: "";
         width: 100px;
         height: 4px;
         background-color: #FB8F2A;
         position: absolute;
         bottom: -10px;
         left: 0;
      }

      .running-logo-section {
         padding: 45px 0px;
         background: linear-gradient(180deg, hsla(29, 96%, 57%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
         border-radius: 15px;
      }

      .running-logo-section h5 {
         text-align: center;
         font-size: 22px;
         color: white;
      }

      .running-logo-section .inner-running-box {
         display: flex;
         gap: 20px;
         justify-content: space-between;
         overflow: hidden !important;
         position: relative;

      }

      .marquee2 {
         display: flex;
         gap: 10px;
         min-width: 200%;
         animation: marquee2 30s linear infinite;
         margin-top: 12px;
      }

      .running-logo-section .inner-running-box .box {
         min-width: 200px;
         margin: 5px;
         padding: 10px 2px;
         background-color: #ffffff;
         text-align: center;
         border: 1.5px solid #034BA5;
         border-radius: 50px;
         box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
         display: flex;
         align-items: center;
         justify-content: center;
      }

      .running-logo-section .inner-running-box .box p {
         font-size: 14px;
         color: #0F2C39;
         font-weight: 400;
      }

      .running-logo-section .inner-running-box .box p span {
         font-weight: 600;
         font-size: 12px;
      }

      .running-logo-section .inner-running-box .box p {
         color: #0F2C39;
      }

      @keyframes marquee2 {
         from {
            transform: translateX(0);
         }

         to {
            transform: translateX(-50%);
         }
      }


      .marquee-container {
         position: relative;
         width: 100%;
         overflow: hidden;
         mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));
         -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));
      }

      .marquee3 {
         display: flex;
         gap: 20px;
         min-width: 220%;
         animation: marquee3 50s linear infinite;
         margin-top: 10px;
      }

      @keyframes marquee3 {
         from {
            transform: translateX(-100%);
         }

         to {
            transform: translateX(0%);
         }
      }


      /* Get Ahead with Croma Campus Master Certificate */

      .master-certificate-section {
         padding: 50px 15px 10px 15px;
      }

      .master-certificate-section p {
         margin-top: 5px;
         margin-bottom: 30px;
         font-size: 14px;
         font-weight: 500;
         color: #808185;
      }

      .heading-for-get-ahead h4 {
         position: relative;
         font-weight: 500;
         line-height: 1.5em;
      }

      .heading-for-get-ahead h4 span {
         font-weight: 700;
      }

      .heading-for-get-ahead h4::after {
         content: "";
         width: 100px;
         height: 3px;
         background-color: #FB8F2A;
         position: absolute;
         left: 0;
         bottom: -2px;
      }

      .earn-your-certificate-section {
         padding-left: 25px;
         padding-top: 20px;
      }

      .main-big-image-section.replace-images img {
         width: 100%;
      }

      .earn-your-certificate-section ul {
         margin-bottom: 0px;
      }

      .earn-your-certificate-section ul li {
         list-style-type: square;
         color: #FB8F2A;
         font-size: 18px;
         font-weight: 600;
      }

      .small-collection-images {
         display: grid;
         width: 60%;
         grid-template-columns: repeat(6, 1fr);
         gap: 10px;
      }


      .small-collection-images img {
         opacity: 0.3;
         width: 100px;
      }

      .opacity-img {
         opacity: 1 !important;
      }


      button.apply-now-btn {
         background-color: #034BA5;
         border-radius: 5px;
         padding: 7px 22px;
         color: white;
         font-size: 15px;
         border: none;
      }


      /* Students Placements & Reviews */
      .course-testi-super-heading h2 {
         text-transform: uppercase;
         width: fit-content;
         color: #0F2C39;
         font-size: 24px;
         font-weight: 700;
         margin: 0 auto 50px;
         padding-bottom: 2px;
      }

      .padding-site {
         padding: 50px 0px;
      }

      .placement_heading h4 {
         color: #0F2C39;
         font-size: 25px;
         font-weight: 500;
         text-align: left;
         position: relative;
         line-height: 1.6em
      }

      .placement_heading h4 span {
         font-weight: 700;

      }

      .placement_heading h4::after {
         content: "";
         width: 100px;
         height: 3px;
         background-color: #FB8F2A;
         position: absolute;
         left: 0;
         bottom: -10px;
      }

      .myplacementstab {
         display: flex;
         align-items: center;
         justify-content: left;
         gap: 12px;
         background-color: #fff;
         border-radius: 30px;
         width: fit-content;
         margin-top: 24px;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      }

      .myplacementstab .nav-link.active {
         background-color: #FB8F2A;
         color: #fff;
      }

      .myplacementstab .nav-link {
         background-color: #fff;
         border-radius: 30px;
         color: #000000;
         font-size: 14px;
         padding: 13px 38px;
         font-weight: 600;
      }

      .tab-content {
         margin-top: 40px;
      }

      .tab-content>.active {
         display: block;
      }

      .grid-three {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
      }

      .banner-video {
         position: relative;
      }

      .videoplayer {
         border-width: 5px;
         border-style: solid;
         border-color: initial;
         border-image: linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 255, 255)) 1 / 1 / 0 stretch;
      }

      .videoWrapper {
         position: relative;
         width: 100%;
         height: 0px;
         background-color: rgb(0, 0, 0);
         overflow: hidden;
         padding-bottom: 56.25%;
      }

      .videoslider_testimonial {
         background-color: #FFF5EF;
      }

      .videoPoster {
         position: absolute;
         top: 0px;
         right: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
         border: 0px;
         outline: none;
         background-size: cover;
         transition: opacity 0.8s ease 0s, height 0s ease 0s;
      }

      .video-patti {
         position: absolute;
         display: block;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
      }

      .sadas {
         z-index: 1;
         position: relative;
      }

      .video-btn {
         width: 50px;
         height: 50px;
         background: #fff;
         margin: auto;
         padding: 14px 20px;
         border-radius: 50%;
         box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
         text-align: center;
         color: #f8981d;
      }

      .fa-play:before {
         content: "\f04b";
      }

      .video-btn .ripple:nth-child(2) {
         animation-delay: 0.4s;
         -webkit-animation-delay: 0.4s;
      }

      .videoplayer:hover {
         border-width: 5px;
         border-style: solid;
         border-color: initial;
         border-image: linear-gradient(45deg, rgb(2, 34, 120), rgb(145, 175, 255)) 1 / 1 / 0 stretch;
      }

      .video-btn .ripple {
         position: absolute;
         width: 60px;
         height: 60px;
         z-index: -1;
         left: 50%;
         top: 50%;
         opacity: 0;
         margin: -30px 0 0 -30px;
         border-radius: 100px;
         -webkit-animation: ripple 1.8s infinite;
         animation: ripple 1.8s infinite;
      }

      .box-details-section {
         position: relative;
         box-shadow: none;
         transition: 0.5s;
      }

      .students-reviews {
         box-shadow: rgb(0 0 0 / 16%) 1px 5px 16px;
         padding: 20px 20px 15px;
         border-radius: 4px;
         background-color: #fff;
      }

      .position-icon {
         position: absolute;
         top: 0px;
         right: 20px;
      }

      .grid-four {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 20px;
      }

      .audio-box-section img {
         border-radius: 50%;
      }

      .position-icon img {
         padding: 10px;
         background-color: #FB8F2A;
      }

      .reviews-star {
         display: flex;
         margin-bottom: 6px;
      }

      .reviews-star i {
         background: linear-gradient(45deg, #FE8739, #FFDF58);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 15px;
      }

      .view_morebtn {
         background-color: #034BA5;
         padding: 9px 23px !important;
         font-size: 15px;
         color: #fff;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: auto;
         width: fit-content;
         width: 162px !important;
      }

      .view_morebtn:hover {
         color: #fff;
      }

      .audio-box-section {
         display: flex;
         align-items: center;
         margin-bottom: 20px;
         gap: 15px;
      }


      /* =======Self Assessment section code=== */

      .totoal-exam-submitted {
         background-image: url(/public/master-images/decorative.webp);
         background-color: #F1FAFF;
         padding: 20px;
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 74%;
         height: 100%;
         border-radius: 5px;
         display: flex;
         justify-content: center;
         flex-direction: column;
         align-items: center;
      }

      .totoal-exam-submitted p {
         font-size: 12px;
         font-weight: 600;
         color: #707070;
      }

      .totoal-exam-submitted h6 {
         font-size: 30px;
         background: linear-gradient(90deg, hsla(213, 93%, 22%, 1) 0%, hsla(29, 96%, 57%, 1) 100%);
         -webkit-background-clip: text;
         background-clip: text;
         color: transparent;
         font-weight: 700;
         margin-top: 5px;
      }

      span#counter5 {
         font-weight: 600;
      }

      .mid-main-card-section p {
         font-size: 15px;
         color: #707070;
         line-height: 1.7em;
      }

      p {
         margin-bottom: 0px;
      }

      .mid-card-section {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 15px;
      }


      .mid-card-section .first-card {
         padding: 10px;
         background: #f8f9fa;
         border-radius: 5px;
         position: relative;
         box-shadow: rgb(0 0 0 / 25%) 0px 4px 14px 0px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
      }

      .mid-card-section .first-card {
         /*display: none !important;*/
      }

      .mid-card-section .first-card p:nth-of-type(1) {
         font-size: 10px;
         color: #000;
         font-weight: 600;
         margin-top: 5px;
         text-transform: uppercase;
      }

      .mid-card-section .first-card p:nth-of-type(2) {
         font-size: 10px;
         color: #707070;
         margin-bottom: 25px;
      }

      .mid-card-section .first-card a {
         font-size: 11px;
         color: #0a7244;
         background-color: #d3f8df;
         position: absolute;
         bottom: 0;
         left: 0;
         padding: 5px;
         width: 100%;
         text-align: center;
         font-weight: 600;
         border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px;
      }

      .first-card.show {
         display: block !important;
      }

      .check-icons-main-section {
         gap: 10px;
      }

      .check-icon-text p {
         font-weight: 600;
         color: #808185;
         font-size: 14px;

      }

      .self-assement-section h4 {
         position: relative;
         margin-bottom: 20px;
      }

      .self-assement-section h4::after {
         content: "";
         width: 100px;
         height: 3px;
         background-color: #FB8F2A;
         position: absolute;
         left: 0;
         bottom: -1px;
      }

      .take-free-exam h5 {
         margin-bottom: 20px;
         color: #B11F2A;
         font-weight: 500;
      }

      .take-free-exam h5 span {
         font-weight: 600;
      }

      a.take-free-test-btn {
         background: linear-gradient(45deg, #F48430, #FB6D45);
         padding: 8px 20px;
         border-radius: 4px;
         color: #fff !important;
         font-weight: 500;
         font-size: 15px;
         text-decoration: none;
         cursor: pointer;
      }

      /* =====FOR QUERIES, FEEDBACK OR ASSISTANCE */
      .feedback-query-section {
         background: linear-gradient(90deg, hsla(220, 81%, 10%, 1) 0%, hsla(221, 80%, 33%, 1) 100%);
      }

      .query-feedback.display-flex {
         display: flex;
         justify-content: space-between;
      }

      .left-section-feedback span {
         font-size: 18px;
         font-weight: 400;
         color: white;
         margin-bottom: 7px;
         display: block;
      }

      .left-section-feedback h4 {
         color: white;
         font-size: 26px;
         margin-bottom: 7px;
      }

      .left-section-feedback p {
         font-size: 20px;
         font-weight: 500;
         line-height: 1.4;
         margin: 0px;
         color: white;
      }

      .site-spacing {
         padding: 30px 0px;
      }

      .feedback-query h4 {
         font-size: 14px;
         font-weight: 400;
         color: #fff;
         margin-bottom: 2px;
      }

      .support-box {
         background-color: white;
         padding: 8px 25px;
         border-radius: 4px;
         text-align: center;
         box-shadow: rgb(0 0 0 / 16%) 1px 5px 16px;
         max-width: 270px;
      }

      .support-box img {
         margin-right: 5px;
      }

      .support-box a {
         color: #000;
         font-weight: 600;
         font-size: 15px;
      }

      .showclass {
         display: none;
      }

      .showclass button {
         margin-top: 25px;
         border: 1px solid #034BA5;
         padding: 8px 30px;
         border-radius: 5px;
         color: #034BA5;
         transition: all 0.3s ease-in-out;
         width: 100%;
         background-color: #fff;
      }

      #scroll {
         width: 50px;
         height: 50px;
         border-radius: 50px;
         display: none;
         /* Hide by default */
         position: fixed;
         bottom: 40px;
         right: 40px;
         background-color: #25d366;
         color: white;
         justify-content: center;
         align-items: center;
         text-align: center;
         line-height: 50px;
         cursor: pointer;
         z-index: 999;
      }

      @media only screen and (max-width:992px) {

/* .navbar-brand img
{
    height: 65px;
} */

         .mp-buttons {
            margin-top: 20px;
         }

         .mp-banner-desc p span {
            font-size: 10px;
         }

         .mp-banner-desc p span:first-child {
            display: none;
         }



         .alumni-work-section {
            margin-bottom: 40px;
            display: none;
         }

         .curriculum-accordian .accordion .card .card-body .mp-eligibility ul li {
            margin-left: 0 !important;
            line-height: 134px !important;
            text-align: left;
         }

         .mp-eligibility ul li img {
            margin-right: 11px;
            max-width: 35px;
            margin-top: -93px;
         }

         .card-body {
            padding: 10px;
         }

       
         .curriculum-accordian .accordion .card .card-body p {
            font-size: 13px;
         }

         .mp-eligibility ul li span {
            position: absolute;
            font-weight: 400;
            font-size: 13px !important;
            text-align: left;
            line-height: 1.4em;
            top: 6px;
         }

         .emi-section {
            padding: 20px 20px;
         }

         p.data-expert-text {
            width: auto;
         }

         .orage-box {
            width: auto;
            padding: 30px;
            /* height: auto; */
         }

         .for-small-device {
            justify-content: left !important;
         }

         .student-first-card.show {
            padding-bottom: 17px !important;
         }

         .emi-section .emi-box-blue {
            padding: 17px 17px 20px 17px;
         }

         .mp-buttons button {
            margin: inherit;
            padding: 5px 16px;
            font-size: 12px;
            margin-right: 0px;
         }

         .right-pannel {
            /*display: none;*/
         }

         .mp-desc p {
            width: auto;
            display: none;
         }

         .emi-section {
            flex-direction: column;
            gap: 25px;
         }

         .emi-box-blue {
            position: relative;
         }

         .emi-box-blue::after {
            content: "";
            width: 100px;
            height: 5px;
            background-color: #005cc7;
            position: absolute;
            left: 0;
            bottom: 0;
         }

      }

      @media only screen and (max-width:768px) {
         .valide-text.for-mob-input-margin {
            margin-bottom: 7px;
         }

         .for-inner-cards {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20px;
        }

         .for-inner-cards .first-card p {
            display: none;
         }

         .for-inner-cards .first-card .line-for-mock {
            display: none;
         }

         .for-inner-cards .second-card p {
            display: none;
         }

         .for-inner-cards .second-card .line-for-mock {
            display: none;
         }

         .for-inner-cards .third-card p {
            display: none;
         }

         .for-inner-cards .third-card .line-for-mock {
            display: none;
         }




         .elective-program .for-inner-boxes .first-box {
            width: 44%;
         }

         .buttoncover {
            display: flex;
            width: 100%;
            gap: 10px;
            justify-content: space-around;
         }

        
         .grid-three {
            grid-template-columns: repeat(1, 1fr);
         }

         .grid-four {
            grid-template-columns: repeat(2, 1fr);
         }
      }

   



      /* ============pawan master code end=========== */

      .for-main-course-section-for-all {
         background-color: #F1FAFF;
         padding: 15px 10px;
         display: flex;
         justify-content: center;
         height: 100%;
         margin-bottom: 50px !important;
         margin: auto;
         width: 1110px;
      }

      .course-duration-section {
         display: flex;
         justify-content: center;
         align-items: center;
         color: white;
         gap: 10px;
         flex-direction: column;
      }

      .course-duration-section .first-box-of-course-duration {
         display: flex;
         width: 100%;
         align-items: center;
         background-color: white;
         padding: 15px;
         color: black;
         box-shadow: rgb(0 0 0 / 25%) 0 4px 13px;
         border-radius: 8px;
      }

      .course-duration-section .first-box-of-course-duration p {
         color: #0F2C39;
      }

      .course-duration-section .first-box-of-course-duration span {
         font-weight: 700;
      }

      .course-duration-section .second-box-of-live-project {
         display: flex;
         width: 100%;
         align-items: center;
         background-color: white;
         padding: 15px;
         color: black;
         box-shadow: rgb(0 0 0 / 25%) 0 4px 13px;
         border-radius: 8px;
      }

      .course-duration-section .second-box-of-live-project p {
         color: #0F2C39;
      }

      .course-duration-section .second-box-of-live-project span {
         font-weight: 700;
      }


      .main-fee-section {
         display: flex;
         background-color: white;
         height: 100%;
         border-radius: 8px;
         margin-left: -17px;
         box-shadow: rgb(0 0 0 / 25%) 0 4px 13px;
      }

      .first-for-indian-section {
         background-color: #EFEEEE;
         width: 300px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-top-left-radius: 8px;
         border-bottom-left-radius: 8px;
         padding: 10px;
      }

      .first-for-indian-section p {
         background-color: #fff;
         padding: 10px;
         width: 150px;
         border-radius: 7px;
         color: #808185;
         font-weight: 600;
      }


      .second-for-fee-section {
         width: 100%;
      }

      .content.active {
         display: block;
      }

      .content {
         display: none;
         font-size: 18px;
         text-align: center;
         color: #000;
         /* background-color: #333; */
         padding: 0px 0px;
         border-radius: 10px;
         width: 90%;
         max-width: 600px;
      }

      .text-center {
         text-align: center !important;
      }

      .course-price-box {
         /* padding: 10px 35px; */
         background-color: #fff;
         width: 90%;
      }

      .disc-amt {
         font-size: 22px;
         color: #0F2C39;
         position: relative;
         display: inline-block;
         font-weight: 400;
         opacity: .5;
      }

      .fa-indian-rupee-sign:before,
      .fa-indian-rupee:before,
      .fa-inr:before {
         content: "\e1bc";
      }

      .fa-indian-rupee-sign:before,
      .fa-indian-rupee:before,
      .fa-inr:before {
         content: "\e1bc";
         color: #0F2C39;
      }

      .d-block {
         display: block !important;
      }

      .discount_offer,
      .discount_offer span {
         color: #F10000;
         margin-right: 0;
         font-weight: 500;
         font-size: 13px;
         margin-bottom: 7px;
      }

      .discount_offer,
      .discount_offer span {
         color: #F10000;
         margin-right: 0;
         font-weight: 500;
         font-size: 13px;
         margin-bottom: 7px;
      }

      span.expires-offer {
         width: 77px;
         margin-left: -15px !important;
      }

      .disc-amt:after {
         position: absolute;
         top: 46.5%;
         overflow: hidden;
         width: 100%;
         height: 2px;
         right: -8px;
         content: '\a0';
         background-color: #F10000;
      }

      div#indian-content {
         display: flex;
         justify-content: center;
         align-items: baseline;
         align-items: center;
         width: 94%;
         padding-top: 15px;
      }

      .offer-course {
         border: 1px solid #0A9C7B;
         padding: 8px 2px;
         border-radius: 4px;
         line-height: 1em;
         display: flex;
         width: 86%;
         margin: auto;
         justify-content: center;

      }

      span.total-amt.d-block {
         margin-top: -8px !important;
         margin-bottom: -6px !important;
      }

      .offer-course {
         font-weight: 400;
      }

      .offer-course span {
         font-size: 11px;
         color: #0a9c7b;
         padding: 0px;
         margin: 0px;
         font-weight: 600;
         margin-right: 3px;
         display: flex;
         align-items: center;
         gap: 4px;
      }

      @media only screen and (max-width:992px) {
         .for-main-course-section-for-all {
            width: 100%;
         }

         .main-fee-section {
            display: flex;
            background-color: white;
            height: 100%;
            border-radius: 8px;
            margin-left: -17px;
            box-shadow: rgb(0 0 0 / 25%) 0 4px 13px;
            flex-direction: column;
            margin-top: 20px !important;
            margin: auto;
         }

         .first-for-indian-section {
            background-color: #EFEEEE;
            width: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            padding: 10px;
         }

         .first-for-indian-section p {
            width: 100%;
         }

         div#indian-content {
            flex-direction: column;
            padding-top: 20px;
         }

         .offer-course {
            margin-top: 10px;
         }
        }


        /* digital marketing css */
        
        .course-banner {
            background: radial-gradient(at 30.5% 100%, #00E8D5 0px, transparent 50%), radial-gradient(at 71.7% 100%, #0055B0 0px, transparent 50%), radial-gradient(at 69.6% 36.8%, #000000 0px, transparent 50%) #000000;
            ;
            mix-blend-mode: var(--_gradient-blend-mode);
        }



        .galary-placement {
            display: block !important;
        }

        .new-section-design-cousre-page {
            margin-top: 50px;
            margin-bottom: 50px;
        }

      
        .box-cover.two-box {
            background: #F0EDFF;
            padding: 20px;
            border-bottom: 5px solid #4B3CCF;
            border-radius: 8px;
        }


        .new-colorfull-cards .two-box h5 {
            margin-bottom: 0;
            color: #4B3CCF;
            font-size: 16px;
            font-weight: 700;
        }

        .new-colorfull-cards .two-box p {
            font-size: 12px;
            color: #000;
            font-weight: 500;
        }


        .box-cover.three-box {
            background: #FFF6E8;
            padding: 20px;
            border-bottom: 5px solid #E69000;
            border-radius: 8px;
        }

        .new-colorfull-cards .three-box h5 {
            margin-bottom: 0;
            color: #E69000;
            font-size: 16px;
            font-weight: 700;
        }

        .new-colorfull-cards .three-box p {
            font-size: 12px;
            color: #000;
            font-weight: 500;
        }


        .box-cover.four-box {
            background: #E8F8EA;
            padding: 20px;
            border-bottom: 5px solid #18AD2B;
            border-radius: 8px;
        }


        .new-colorfull-cards .four-box h5 {
            margin-bottom: 0;
            color: #26BD39;
            font-size: 16px;
            font-weight: 700;
        }

        .new-colorfull-cards .four-box p {
            font-size: 12px;
            color: #000;
            font-weight: 500;
        }


        button.download-placement-btn {
            background: #034BA5;
            width: 100%;
            padding: 7px;
            border-radius: 5px;
            border: none;
            color: white;
        }


        .right-section-majority-album h5 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(29, 96%, 57%, 1) 100%);
            -webkit-background-clip: text;
            /* Safari & Chrome ke liye */
            -webkit-text-fill-color: transparent;
            background-clip: text;
            /* Firefox ke liye */
            color: transparent;
            /* fallback */
            margin-top: 10px;
        }

        .right-section-majority-album p:nth-of-type(1) {
            font-size: 13px;
            margin-top: 0px;
            margin-bottom: 8px;
            color: #888888;
        }

        .right-section-majority-album p:nth-of-type(2) {
            color: #000;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5em;
            margin-top: 10px;
            margin-bottom: 12px;
        }

        .right-section-majority-album p {
            font-size: 13px;
            margin-top: -7px;
            margin-bottom: 8px;
            color: #888888;
        }

        .right-section-majority-album p span {
            font-weight: 600;
        }


        .right-section-majority-album img {
            width: 100%;
        }



        .text-btn-content {
            padding: 20px;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            border-radius: 12px;
            padding-bottom: 30px;
        }

        /*====new card section design code here =====*/

        .for-main-form .help-block:last-child {
            bottom: 4px !important;
        }

        .inner-section-Program-duration .first-section-duation {
            display: flex;
            flex-direction: column;
        }


        .first-section-duation p:nth-child(1) {
            font-size: 14px;
            font-weight: 600;
        }

        .first-section-duation p:nth-child(2) {
            font-size: 12px;
            font-weight: 400;
        }


        /*=== new banner collabration section code===*/


        /* new blue secrtion for form */
        .new-blue-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
            background: linear-gradient(90deg, hsla(210, 96%, 46%, 1) 0%, hsla(227, 97%, 24%, 1) 100%);
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            padding: 10px 25px;
        }

        .new-blue-section h3 {
            color: white;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .new-blue-section p {
            color: white;
        }

        /* new blue secrtion for form */

        /* table new section design code here  */
        .table-new-section {
            background-color: #EEFBFF;
            padding: 40px;
        }

        .inner-container-table {
            background-color: white;
            padding: 25px;
            border-radius: 30px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 4px 0px;
            border: 2px solid #034BA5;
        }

        .inner-container-table h3 {
            font-size: 19px;
            color: #0F2C39;
            font-weight: 600;
            position: relative;
        }

        .inner-container-table h3::after {
            content: "";
            width: 303px;
            background-color: #FB8F2A;
            height: 4px;
            position: absolute;
            bottom: -6px;
            left: 0;

        }

        .content-box {
            box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 4px 0px;
            padding: 6px;
            margin-top: 20px;
            width: 93%;
        }

        .content-box table {
            width: 100%;
        }

        .content-box table thead {
            background: #3078E4;
            color: white;
            /* display: inherit; */
            display: table-caption;
        }

        .content-box table tbody {
            padding: 6px 0px;
            /* display: inherit; */
            display: table-caption;
        }

        .content-box table thead td {
            width: 140px;
        }

        .content-box table tbody tr td:nth-of-type(1) {
            width: 140px;
        }

        .content-box table tr {
            display: flex;
            gap: 40px;
            padding: 10px;
        }

        .content-box table tr td {
            font-weight: 600;
            font-size: 13px;
        }

        .content-box table tr.for-bg-change {
            background-color: #EBEBEB;
        }

        .logo-image-table-fix img {
            width: 241px;
            height: 241px;
            object-fit: scale-down;
        }

        .for-botto-btns {
            margin-top: 20px;
            display: flex;
            gap: 10px;
        }

       

        .marquee-content10 {
            display: flex;
            width: fit-content;
            animation: marquee10 70s linear infinite;
        }

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

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

        /* Optional: keep items in line */
        .marquee-items {
            display: flex;
            gap: 12px;
        }

        .marquee-wrapper10::before,
        .marquee-wrapper10::after {
            content: "";
            position: absolute;
            top: 0;
            width: 80px;
            /* Width of the fade effect */
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

        .marquee-wrapper10::before {
            left: 0;
            background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
        }

        .marquee-wrapper10::after {
            right: 0;
            background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
        }

        .career-update {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;
        }

        .career-update .first-card {
            padding: 30px 20px 12px;
            border: 2px solid #0662d4;
            border-radius: 10px;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .first-card img.person-image {
            border: 10px solid #000328;
            border-radius: 10px;
        }

        .first-card h3 {
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 10px;
            text-align: center;
        }

        .first-card .for-inner-logo {
            display: flex;
            justify-content: center;
        }

        .career-update .first-card p {
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 10px;
            background-color: #d3f8df;
            padding: 6px 10px;
            border-radius: 20px;
            position: absolute;
            top: -25px;
            width: 113px;
            color: #0A7244;
            left: 50%;
            transform: translateX(-50%);
        }

        /* Real stories and real sucess section css */


        .for-inner-cards .third-cards {
            padding: 30px 20px;
            background-color: #fff;
            border-radius: 6px;
            border-bottom: 5px solid #034BA5;
            box-shadow: hsl(202deg 92% 25% / 25%) 0px 4px 20px;
        }

        .for-inner-cards .third-cards h6 {
            margin-top: 20px;
            color: #0F2C39;
            font-weight: 600;
        }

        .for-inner-cards .third-cards p {
            margin-bottom: 20px;
            font-size: 12px;
            color: #808185;
        }

        .for-inner-cards .third-cards .line-for-mock {
            width: 40px;
            height: 4px;
            background-color: #D9D9D9;
        }

        .for-animate {
            display: inline-block;
            animation: flipRightToLeft 4s ease-in-out infinite;
            /* Continuous flip from right to left */
        }

        /* Continuous flip animation from right to left */
        @keyframes flipRightToLeft {
            0% {
                transform: rotateY(0deg);
                /* Starting point */
            }

            25% {
                transform: rotateY(90deg);
                /* Mid flip */
            }

            50% {
                transform: rotateY(180deg);
                /* Full flip */
            }

            75% {
                transform: rotateY(270deg);
                /* Back to 3/4 flip */
            }

            100% {
                transform: rotateY(360deg);
                /* Complete flip, back to original state */
            }
        }


     

        /* Placement Activities and Opportunities section code start */
        .placement-activites-opportunities {
            background: #7C032E;
            display: flex;
            align-items: center;
        }

        .first-explore-section {
            padding: 40px 0;
        }

        .first-explore-section h2,
        .first-explore-section h6,
        .first-explore-section p {
            color: white;
        }

        .first-explore-section h2 {
            font-size: 40px;
            font-weight: 700;
            color: #FDDD2E;
        }

        .first-explore-section h6 {
            font-size: 22px;
            font-weight: 600;
            position: relative;
        }

        .first-explore-section h6::after {
            content: "";
            width: 58%;
            height: 2px;
            background-color: white;
            position: absolute;
            bottom: -13px;
            left: 0;
        }

        .first-explore-section p {
            font-size: 16px;
            margin-top: 35px;
            font-weight: 500;
            margin-bottom: 30px;
        }

        .four-btn-sect {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 20px;
            width: 90%;
        }

        .four-btn-sect a {
            background-color: #ffffff;
            border-radius: 5px;
            padding: 13px 15px;
            color: #000000;
            font-weight: 600;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease-in-out;
            font-size: 14px;
            gap: 10px;
        }

        .image-video-cover-section {
            display: flex;
            gap: 10px;
        }

        .second-video-running .box img,
        .first-running-marquee .box1 img {
            border: 6px solid #fff;
        }

        .second-video-running .box {
            position: relative;
        }

        .second-video-running .video-patti {
            position: absolute;
            display: block;
            top: 80%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 999;
            cursor: pointer;
        }

        .marquee-container-video,
        .marquee-container-reel-image-video {
            overflow: hidden;
            height: 400px;
            position: relative;
        }

        .second-video-running {
            display: flex;
            flex-direction: column;
            gap: 8px;
            animation: marqueeDown1 30s linear infinite;
        }

        .second-video-running:hover {
            animation-play-state: paused;
        }

        .second-video-running::after {
            content: "";
            display: block;
        }

        .box {
            width: 100%;
            flex: none;
        }

        .box img {
            width: 100%;
            display: block;
        }

        @keyframes marqueeDown1 {
            0% {
                transform: translateY(-50%);
            }

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

        .second-placement-video {
            background-color: #720429;
        }

        .marquee-wrapper {
            display: flex;
            flex-direction: column;
            gap: 10px;
            animation: scrollUp 15s linear infinite;
        }

        @keyframes scrollUp {
            0% {
                transform: translateY(0%);
            }

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

        .first-running-marquee {
            display: flex;
            flex-direction: column;
            gap: 8px;
            animation: marqueeUpVideo 60s linear infinite;
        }

        .first-running-marquee .marquee-wrapper:hover {
            animation-play-state: paused !important;
        }

        .second-video-running .fa-play:before {
            content: "\f04b";
            position: absolute;
            left: 21px;
            top: 15px;
            font-size: 20px;
            color: #d73438;
        }

        .videoplayer.fa-play:before {
            content: "\f04b";
            position: absolute;
            top: 11px;
            left: 18px;
        }

        /* Placement Activities and Opportunities section code start */

        /* last query section code css */
        .feedback-query {
            background: linear-gradient(90deg, hsla(222, 51%, 34%, 1) 0%, hsla(236, 100%, 8%, 1) 100%);
        }

        .feedback-query-first p:nth-of-type(1) {
            color: #fff;
            font-size: 20px;
            font-weight: 500;
        }

        .feedback-query-first h2 {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
            margin-top: 8px;
        }

        .feedback-query-first p:nth-of-type(2) {
            color: white;
            font-size: 20px;
            font-weight: 500;
        }

        .voice-support h4 {
            color: #fff;
            font-size: 12px;
            font-weight: 400;
        }

        .voice-support-box.support-box {
            background: #fff;
            padding: 7px;
            width: 216px;
            margin: auto;
            border-radius: 5px;
            font-weight: 600;
        }

        .voice-support-box.support-box a {
            color: #000;
        }

        .whatsaap-support h4 {
            color: #fff;
            font-size: 12px;
            font-weight: 400;
        }

        .whatsaap-support-box.support-box {
            background: #fff;
            padding: 7px;
            width: 216px;
            margin: auto;
            border-radius: 5px;
            font-weight: 600;
        }

        .whatsaap-support-box.support-box a {
            color: var(--black-color);
        }

        /* AWS Solutions Architect Associate banner para cutting in 992 */
        .global-exam-heading p {
            width: 100%;
        }

        /* AWS Solutions Architect Associate banner para cutting in 992 */
        /* last query section code css */


        /* media query start form here for new section add by other pages */
        @media only screen and (max-width: 992px) {

            .bg-image-section-new-contact-details h2 {
                font-size: 22px;
            }

            .content-box {
                box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 4px 0px;
                padding: 6px;
                margin-top: 20px;
                width: 90%;
                margin: auto;
            }

            .content-box table tr {
                display: inline-block;

            }

            .inner-container-table h3 {
                padding: 15px;
                margin-top: 30px;
                ;
            }

            .inner-container-table {
                padding: 25px 0px;
            }

            .content-box table tr.for-bg-change {
                width: 100%;
            }

            .inner-container-table h3::after {
                width: 150px;
                left: 15px;
                bottom: 6px;
            }

            .table-new-section {
                padding: 40px 15px;
            }

            .for-botto-btns {
                flex-direction: column;
                padding: 0px 15px;
            }

            .career-update {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
                margin-top: 24px;
            }

            .download-curriculum {
                justify-content: center;
                display: flex;
                margin-top: 10px;
            }

            .course-design-by {
                margin-top: 20px;
            }
        }

        @media only screen and (max-width:576px) {
            .get-exclusive-section h5 {
                margin-bottom: 25px;
            }

            .feedback-query-first p:nth-of-type(1) {
                text-align: center;
            }

            .feedback-query-first h2 {
                text-align: center;
            }

            .feedback-query-first p:nth-of-type(2) {
                text-align: center;
            }

            .placement-activites-opportunities {
                padding: 0px;
            }

            .first-explore-section {
                padding: 40px 15px;
            }

            .four-btn-sect {
                width: 100% !important;
            }

            .image-video-cover-section .first-running-marquee .box1 img {
                border: 6px solid #fff;
                width: 140px !important;
            }

            .four-btn-sect a {
                padding: 10px 5px;
                font-size: 11px;
            }

            .get-exclusive-section {
                padding: 15px !important;
            }

            .career-update {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                margin-top: 50px;
                gap: 15px;
                row-gap: 30px;
            }

            .for-inner-cards {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 20px;
            }

            .career-update .first-card img {
                width: 100px;
            }

            .main-cover-design-by-section {
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                gap: 45px;
                margin-top: 25px;
            }

            .for-small-device {
                justify-content: left !important;
                margin-top: 25px;
            }

            .curriculum-super-heading h2::after {
                width: 223px;
                transform: translate(-110px, 10px);
            }

            .curriculum-heading h3::after {
                width: 126px;
                top: 12px;
                transform: translate(-62px, 10px);
            }

            .speciality .speciality-heading h2::before {
                width: 110px !important;
            }

            .speciality .speciality-heading h2::after {
                width: 110px !important;
            }
        }


        /* media query start form here for new section add by other pages */




        /* exta coding for new section  */

        button.btnColorChange {
            color: white;
            border: 1px solid #fff;
        }


        body {
            height: auto;
            padding: 0px 0px;
        }

        .fa-indian-rupee-sign:before,
        .fa-indian-rupee:before,
        .fa-inr:before {
            content: "\e1bc";
            color: #212529;
        }

        .videowatch .fa-play:before {
            content: "\f04b";
            position: absolute;
            top: 17px;
            left: 84px;
        }

        .fa-dollar-sign:before,
        .fa-dollar:before,
        .fa-usd:before {
            content: "\24";
            color: #212529;
        }

        /*circulam line section start*/
        .new-for-dots {
            position: relative;
        }

        .accordion>.card {
            overflow: visible;
        }

        .new-for-dots::before {
            content: "";
            border-right: 2px solid #022278;
            height: calc(100% - 52px);
            position: absolute;
            top: 23px;
            left: -23px;
        }

        .new-for-dots .accordion .card {
            margin-bottom: 5px;
            border-bottom: none;
            border: none;
        }

        .new-for-dots .accordion .card .card-header::before {
            content: "";
            position: absolute;
            top: 18px;
            left: -27px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #022278;
            background-repeat: no-repeat;
            z-index: 9;
        }

        .new-for-dots .accordion .card .card-header {
            padding: 7px;
            background: none;
            border: none;
            background: #B2DFFF;
            color: #022278;
            border-radius: 6px !important;
        }

        .new-for-dots {
            margin-top: 16px;
            box-shadow: none !important;
        }

        .new-for-dots .accordion .card .card-body {}

        .new-for-dots.accordion .card .card-header h2 button {
            color: #022278;
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            /* width: 93%; */
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            text-align: left;
        }


        .new-for-dots .accordion .card .card-header h2 button .fa {
            color: #022278;
        }

        .new-for-dots .accordion .card .card-header h2 button span {
            color: #022278 !important;
            font-weight: 500;
            text-align: left;
            font-size: 15px;
            text-transform: capitalize;
        }

        .new-for-dots .accordion .card .card-header h2 button i {
            color: #022278;
        }

        .new-for-dots .accordion .card .card-header {
            margin-bottom: 0px !important;
            /* max-width: 730px; */
            border-radius: 10px;
        }

        .new-for-dots .accordion .card .card-header {
            border-radius: 0;
            border: none;
            margin-bottom: 10px;
            /* max-width: 730px; */
            border-radius: 10px;
            box-shadow: none;
        }

        .abt-accordion .card .collapse.show::before {
            content: '';
            width: 94%;
            height: 1px;
            position: absolute;
            top: 0;
            left: 0;
            background-color: transparent;
            margin-left: 3%;
        }


        .new-for-dots .accordion .card::before {
            content: "";
            position: absolute;
            top: 18px;
            left: -27px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #022278;
            background-repeat: no-repeat;
            z-index: 9;
        }


        .new-for-dots .accordion ul p::before {
            content: " ";
            position: absolute;
            top: 3px;
            left: -16px;
            display: inline-block;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            height: 1em;
            width: .5em;
            border-bottom: .2em solid #ff5f14;
            border-right: .2em solid #ff5f14;
        }

        .new-for-dots .accordion ul p::before {
            content: "✔ ";
            position: absolute;
            top: 3px;
            left: -16px;
            display: inline-block;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            height: 1em;
            width: .5em;
            border-bottom: .0em solid #ff5f14;
            border-right: .0em solid #ff5f14;
            background: #008FFB;
            border-radius: 50px;
            width: 15px;
            height: 15px;
            color: white !important;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 9px;
            font-size: 11px;
        }

        .new-for-dots .accordion .card-body ul li {}

        .new-for-dots .accordion .card-body p {
            padding-left: 10px;
            margin-bottom: 0;
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        /*circulam line section start*/




        /*indin international section code start*/
        .toggle-container {
            display: flex;
            border-radius: 25px;
            overflow: hidden;
            width: fit-content;
            margin-top: 4px;
            box-shadow: rgba(149, 157, 165, 0.2) 3px 5px 6px;
            margin-bottom: 15px;
        }

        .main-second-coursecol h5 {
            color: #a8a8a8;
            font-weight: 600;
        }



        .toggle-label {
            background-color: white;
            color: #022278;
            padding: 7px 0px;
            /* width: 144% !important; */
            font-size: 11px;
            text-align: center;
            cursor: pointer;
            width: 128px;
            transition: all 0.3s ease;
        }

        .toggle-label.active {
            background-color: #022278;
            color: white;
        }

        .content {
            display: none;
            font-size: 18px;
            text-align: center;
            color: #000;
            /* background-color: #333; */
            padding: 0px 0px;
            border-radius: 10px;
            width: 90%;
            max-width: 600px;
        }

        .content.active {
            display: block;
        }

        h3.coming-soon {
            margin-top: 20px;
            margin-bottom: 30px;
            font-size: 32px;
            font-weight: 700;
        }


        span.know-more-text {
            font-size: 12px;
            color: #707070;
            font-weight: 500;
            display: flex;
            justify-content: center;
        }

        p.text-align-first-with-icon {
            margin-left: 22px;
        }

        .new-for-dots .accordion .card-body p {
            padding-left: 10px;
            margin-bottom: 0;
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
            font-weight: 700;
        }


        .card-body>ul>ul>li:first-child {
            font-weight: bold !important;
            position: relative;
            /* Ensure pseudo-element positions relative to li */
            list-style: disc;
            color: #000;
            margin-top: 5px;
            margin-bottom: 5px;
            line-height: 1.6em;

        }

        .card-body>ul>ul>li ul li {
            font-weight: bold !important;
            position: relative;
            /* Ensure pseudo-element positions relative to li */
            list-style: disc !important;
            color: #000;
            line-height: 1.6em;
        }

        .new-for-dots .accordion .card .card-header h2 button {
            color: #022278;
            text-decoration: none;
            font-size: 15px;
            font-weight: 600;
            width: 99%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            text-align: left;
        }

        .curriculum-accordian .accordion .card-body ul ul>li {
            margin-bottom: 0;
            margin-left: 22px;
            font-weight: 400 !important;
        }

        .curriculum-accordian .accordion .card-body ul ul ul {
            position: relative;
            font-weight: 400;
            font-size: 13px !important;
            line-height: 1.7;
            margin-left: 30px;
            list-style: circle;
        }

        .curriculum-accordian .accordion .card-body ul ul ul ul {
            position: relative;
            font-weight: 400;
            font-size: 13px !important;
            line-height: 1.7em;
            margin-left: 30px;
            list-style: square;
            margin-top: 10px;
            margin-bottom: 10px;
        }


        .card-body>ul>ul>li:first-child::before {
            display: none !important;
            content: "\2713";
            /* Unicode for the checkmark symbol ✔ */
            font-family: "Arial", sans-serif;
            /* Makes sure symbol renders properly */
            font-weight: bold;
            color: white;
            /* Checkmark color */
            /* Circle background for the icon */
            background-color: #008FFB !important;
            border-radius: 50%;
            /* Makes the background circular */
            /* Dimensions of the circle */
            width: 20px;
            height: 20px;
            /* Center the icon inside the circle */
            display: flex;
            justify-content: center;
            align-items: center;
            /* Positioning */
            position: absolute;
            left: -30px;
            /* Distance to the left */
            top: 3px;
            /* Align vertically */
            font-size: 12px;
            /* Checkmark size */
        }





        /* country code css here  */
        .enroll-class-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            margin-left: 4px;
        }

        .modalclass.modal .modal-content .modal-body .modal-form-fill form button {
            margin-top: 24px;
        }

        .courseclass .select2-container {
            width: max-content !important;
        }

        /* #myModal4.modal .modal-content .modal-body .guide-modal-right .valide-text2 .drop-number input[type="tel"] {
   padding-left: 152px !important;
   } */
        #sidemodalclass .drop-number .select2-container--bootstrap .select2-selection--single {
            line-height: 35px;
            width: fit-content;
        }

        .fcontrol input {
            font-size: 13px;
        }

        .fcontrol .mobile-hidden {
            position: absolute;
            top: 27px;
            right: -34px;
            background: #fa8e2b;
            padding: 4px 8px;
            height: 36px;
            line-height: 32px;
            border-radius: 6px;
        }

        .dropquery-right .valide-text2 .drop-number .help-block:last-child {
            left: 34px;
        }

        .fcontrol .valide-text1 .select2-container .select2-selection--single .select2-selection__rendered {
            font-size: 13px;
        }

        .select2-selection__placeholder {
            font-weight: 400;
            color: #6c757d;
            opacity: 1;
        }

        .form-inline .help-block {
            display: block;
            margin-left: 5px;
            width: max-content;
        }

        #myModal4 .drop-number .select2-container--bootstrap .select2-selection--single {
            width: auto;
        }

        .practice-test {
            background-color: #f10000;
            margin-right: 0;
            padding: 8px 11px;
            border-radius: 4px;
            color: #fff !important;
            font-weight: 500;
            font-size: 15px;
            text-decoration: none;
            cursor: pointer;
            margin-right: 10px;
            text-transform: uppercase;
        }


        .select2-container {
            width: 113px !important;
        }

        /* .valide-text2 .drop-number input[type="tel"] {
   padding-left: 144px !important;
   } */
        .sticky-form .drop-number .select2-container--bootstrap .select2-selection--single {
            line-height: 41px;
        }

        .form-mbil-course .select2-selection__placeholder {
            font-size: 13px;
            color: #545454;
            font-weight: 400;
        }

        .sticky-form .drop-number .select2-container--bootstrap .select2-selection--single {
            box-shadow: none;
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            background: 0 0;
            height: 41px !important;
            padding-top: 0;
            margin-left: 0;
            margin-top: 9px;
            border: none;
            width: 125px;
            color: #212529;
        }

        .sticky-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 6px 4px 0;
            height: 0;
            left: 100%;
            position: absolute;
            top: 54%;
            width: 0;
            margin: 0px;
        }

        .sticky-form .valide-text input[type="tel"] {
            position: absolute;
            top: 0;
            left: 0%;
            width: 100% !important;
        }

        .sticky-form .form-column form textarea {
            border: none;
            border: 1px solid #ddd;
            background: transparent;
            height: 73px;
            outline: none;
            font-size: 13px;
            margin-top: 27px;
            padding: 8px 0 0 14px;
            border-radius: 5px;
        }

        .sticky-form .form-column form button {
            width: 100%;
            height: 40px;
            border-radius: 4px;
            border: 1px solid #021B79;
            background: transparent;
            color: #021B79;
            text-transform: uppercase;
            margin: 10px auto 0;
            display: block;
            font-size: 16px;
            transition: all 0.3s ease-in-out;
        }

        .sticky-form .form-column form button:hover {
            background-color: #021B79;
            color: #fff;
        }

        .sticky-form .form-column form {
            font-size: 13px;
            margin-top: 50px;
        }

        .sticky-form .form-column form select,
        .sticky-form .form-column form input {
            border: none;
            border: 1px solid #ddd;
            background: transparent;
            height: 41px;
            outline: none;
            margin-top: 15px;
            padding: 0 0 0 14px;
            border-radius: 5px;
        }

        .sticky-form .form-column {
            width: 100% !important;
            background: #fff;
            padding: 20px;
            margin-right: 0px;
            margin-left: 0px;
            box-shadow: 0 0 5px 3px #d4d4d4c2;
            margin-bottom: 30px;
            position: relative;
        }

        .course-banner-sections-right .sticky-form .form-column {
            width: 100% !important;
            background: #fff;
            padding: 20px;
            margin-right: 0px;
            margin-left: 0px;
            box-shadow: none;
            margin-bottom: 30px;
            position: relative;
        }





        .batch-request .form-batch .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 6px 4px 0;
            height: 0;
            margin-top: 2px;
            position: absolute;
            right: -5%;
            width: 0;
            top: 16%;
            left: 72%;
        }

        .curriculum .sticky-form .drop-number .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 6px 4px 0;
            height: 0;
            left: 80%;
            margin-left: 29px;
            margin-top: 6px;
            position: absolute;
            top: 42%;
            width: 0;
        }

        .form-mbil-course .select2-selection__placeholder {
            font-size: 13px;
            color: #545454;
        }


        /* course box css */
        .course-page-second {
            padding: 0px 0;
        }

        .course-price-main {
            display: flex;
            box-shadow: rgb(0 0 0 / 16%) 1px 5px 16px;
            align-items: center;
            background-color: #fff;
            padding-left: 15px;
        }

        .course-price-main> :nth-child(1) {
            width: calc(100%);
        }

        .course-duration-box {
            background-image: linear-gradient(to right, #0072d2, #00b6c3);
        }

        .course-duration-main {
            margin: 20px;
            background-color: #fff;
            border-radius: 4px;
            width: 85%;
        }

        .coursetype-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            gap: 20px;
        }

        .course-heading {
            background-color: #0072D2;
            padding: 0;
            color: #fff;
            font-size: 25px;
        }

        .course-heading h4 {
            line-height: 1em;
            padding: 0px 15px;
            font-weight: 600;
        }

        .course-heading span {
            background-color: #1F1F20;
            font-weight: 600;
            padding: 0px 10px;
        }

        a:not([href]):not([tabindex]),
        a:not([href]):not([tabindex]):focus,
        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

        .coursetype-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            gap: 20px;
        }

        .coursetype-box a {
            color: #0437AF !important;
            font-size: 13px;
        }

        .course-dur-field {
            background-color: #EFEFEF;
            padding: 13px 20px;
            display: flex;
            align-items: center;
            font-size: 14px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            gap: 10px;
        }

        .dur-section .bg-green {
            background-color: #0A9C7B;
            position: relative;
            padding: 2px 9px;
            color: #fff;
        }

        .dur-section .bg-green:after {
            content: "";
            position: absolute;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #0A9C7B;
            border-top: 5px solid transparent;
            height: 0px;
            width: 0px;
            top: 7px;
            right: -4px;
        }

        .dur-section span:last-child {
            color: #0F1010;
            font-size: 12px;
            padding: 4px 12px;
            font-weight: 500;
        }

        .dur-section .bg-red {
            background-color: #F10000;
            position: relative;
            padding: 2px 9px;
            color: #fff;
        }

        .dur-section .bg-red:after {
            content: "";
            position: absolute;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #F10000;
            border-top: 5px solid transparent;
            height: 0px;
            width: 0px;
            top: 7px;
            right: -4px;
        }

        .course-duration-box h5 {
            padding: 0px 20px 10px 20px;
            margin: 0px;
            color: #fff;
            font-size: 17px;
            font-weight: 500;
            border-bottom: 1px solid #fff;
        }

        .table-batch {
            margin: 10px 0px 10px;
        }

        .table-batch ul li:last-child {
            width: 42%;
            text-align: left;
        }

        .table-batch ul {
            display: flex;
            align-items: center;
            font-size: 15px;
            color: #fff;
            font-weight: 400;
            border-bottom: 1px solid #fff;
            margin: 0px 20px;
            padding: 12px 0px;
        }

        .table-batch ul li:first-child {
            width: 25%;
            padding: 0px 20px 0px 0px;
            text-align: start;
            display: flex;
            align-items: center;
        }

        .table-batch ul li {
            width: 18%;
            padding: 0px 20px;
            position: relative;
            text-align: center;
        }

        .table-batch ul li:after {
            height: 70%;
            content: '';
            border-right: 1px solid #fff;
            display: block;
            position: absolute;
            top: 3px;
            right: 0px;
        }

        .table-batch ul li:last-child:after {
            border-right: none;
        }

        .table-batch ul:last-child {
            border-bottom: 0px;
        }

        .course-price-box h5 {
            color: #A8A8A8;
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 20px;
            opacity: 1;
        }

        .course-price-box {
            width: auto;
        }

        .course-price-main> :nth-child(2) {
            width: calc(47.5%);
            padding: 10px 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .course-price-box {
            /* padding: 10px 35px;*/
            background-color: #fff;
        }
        .course-price-box p {
            font-size: 12px;
            color: #B1B1B1;
            font-weight: 400;
        }

        .know-more-course {
            color: #0c5397;
            cursor: pointer;
            display: block;
            font-weight: 600;
            text-decoration: none !important;
        }

        

        .discount_offer,
        .discount_offer span {
            color: #F10000;
            margin-right: 0;
            font-weight: 500;
            font-size: 13px;
            margin-bottom: 7px;
        }

        .offer-course {
            border: 1px solid #0A9C7B;
            padding: 8px 2px;
            border-radius: 4px;
            line-height: 1em;
            display: flex;
            width: 86%;
            margin: auto;
            justify-content: center;
            margin-top: 5px;
        }

        .offer-course span {
            font-size: 11px;
            color: #0a9c7b;
            padding: 0px;
            margin: 0px;
            font-weight: 600;
            margin-right: 3px;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        #offerEnding {
            font-size: 12px;
            font-weight: 600;
            margin: 0px !important;
            padding: 0px;
            display: inline-flex;
        }

        .course-price-box h5 {
            color: #A8A8A8;
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .disc-amt {
            font-size: 22px;
            color: #000;
            position: relative;
            display: inline-block;
            font-weight: 600;
            opacity: .5;
        }

        .disc-amt:after {
            position: absolute;
            top: 46.5%;
            overflow: hidden;
            width: 100%;
            height: 2px;
            right: -8px;
            content: '\a0';
            background-color: #F10000;
        }

        .eduction-cost h5 {
            margin-bottom: 20px !important;
            font-weight: 600;
        }

        audio.radio-audio {
            width: 100%;
        }

        @media (max-width: 768px) {
            .our_statistics_box {
                width: 100% !important;
            }

            .for-inner-cards .first-cards p {
                display: none;
            }

            .for-inner-cards .second-cards p {
                display: none;
            }

            .for-inner-cards .third-cards p {
                display: none;
            }

            .for-inner-cards .first-cards {
                display: flex;
                align-items: center;
                gap: 15px;
            }

            .for-inner-cards .second-cards {
                display: flex;
                align-items: center;
                gap: 15px;
            }

            .for-inner-cards .third-cards {
                display: flex;
                align-items: center;
                gap: 15px;
            }


            .for-inner-cards .first-cards .line-for-mock {
                display: none;
            }

            .for-inner-cards .second-cards .line-for-mock {
                display: none;
            }

            .for-inner-cards .third-cards .line-for-mock {
                display: none;
            }

            .for-inner-cards .first-cards h6 {
                margin-top: 10px;
            }

            .for-inner-cards .second-cards h6 {
                margin-top: 10px;
            }

            .for-inner-cards .third-cards h6 {
                margin-top: 10px;
            }


            .for-inner-cards .first-cards {
                padding: 20px 20px;
            }

            .for-inner-cards .second-cards {
                padding: 20px 20px;
            }

            .for-inner-cards .third-cards {
                padding: 20px 20px;
            }




            button.hear-more-stories {
                margin-bottom: 30px;
            }

            .batch-request-section h2 {
                font-size: 22px;
            }

            .banner-heading h1 {
                font-size: 22px;
                line-height: 1.4em;
            }

            .button-intro {
                color: #fff;
                font-size: 17px;
                background: none;

            }

            .download-curriculum-section h2 {
                font-size: 25px;
                margin-bottom: 16px;
            }

            .first-explore-section h1 {
                font-size: 27px !important;
            }

            .four-btn-sect {
                grid-template-columns: repeat(2, 1fr);
                width: 100% !important;
            }

            .four-btn-sect a {
                font-size: 11px;
                padding: 10px 5px;
            }
            
        }

      /* tools hover css */

      .traning-cards .cards:hover{
       text-decoration: underline;
       color: #000F45;
       transition: 0.5s;
       transform: translateY(-5px);
      }

      /* placement css */

        .grid-four {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .placement-img img {
            width: 100%;
            height: auto;
        }

        .gall-box h4 {
            color: #022278;
            font-weight: 600;
            font-size: 14px;
            line-height: 1.3em;
            margin-bottom: 0px;
        }

        .gall-box p {
            font-size: 12px;
            font-weight: 400;
            color: #555555;
            margin-top: 3px;
        }

        .placement-img img {
            width: 100% !important;
            height: auto;
        }

        .hover-zoom span {
            position: absolute;
            top: 50%;
            left: 50%;
            visibility: hidden;
            opacity: 0;
            text-align: center;
            z-index: 2;
            transition: 0.5s;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .company-det-placement {
            padding: 18px 12px;
            background-color: #fff;
            box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
            display: flex;
            margin-top: -30px;
            position: relative;
            justify-content: space-between;
            align-items: center;
            z-index: 1;
        }

        .box-details-section {
            position: relative;
            box-shadow: none;
            transition: 0.5s;
        }

        .box-details-section {
            position: relative;
            box-shadow: none;
            transition: 0.5s;
        }

        .box-details-section:hover {
            cursor: pointer;
            box-shadow: rgb(0 0 0 / 16%) 0 3px 6px !important;
            transform: translateY(-5px);
        }

        .hover-zoom:hover:after {
            width: 100%;
            opacity: 1;
        }

        .hover-zoom:hover span {
            visibility: visible;
            opacity: 1;
        }

        .box-details-section:hover {
            cursor: pointer;
            box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
            transform: translateY(-5px);
        }

        .hover-zoom:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background: rgb(5 17 69 / 18%);
            content: "";
            opacity: 0;
            z-index: 0;
            -webkit-transition: var(--transition);
            transition: var(--transition);
        }

        .fancybox-navigation .fancybox-button--arrow_left,
        .fancybox-navigation .fancybox-button--arrow_right {
            visibility: visible !important;
            opacity: 1 !important;
            display: block !important;
        }

        /* media query start */
        @media (max-width: 991px) {

            .grid-four {
                grid-template-columns: repeat(1, 1fr);
            }
        }

        /* digital marketing */

          .category {
            display: grid;
            flex-wrap: wrap;
            grid-template-columns: 1fr 1fr 1fr;
            justify-content: center;
            margin-bottom: 20px;
            max-width: 1170px;
            margin: auto;
            gap: 20px;
            padding: 0px 20px;
            margin-top: 40px;
        }
        .card1,  .inner-col img
        {
        border-radius: 10px;
        }
       
       
.gallery-item {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
        @media(max-width:767px)
        {
            .category
            {
                  grid-template-columns: 1fr
            }
        }

        .outer-div
        {
            padding: 10px;
        }

        .first-section-new {
            /* height: 83px; */
            background: white;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            /* position: relative; */
        }

        .outer-div h3 {
            font-size: 17px;
            text-align: center;
            font-weight: 600;
        }


        /*  */

        .combo-card {
  border: 2px solid #6c63ff;
  border-radius: 18px;
  background: #d4d6e31a;
}

.best-badge {
  position: absolute;
  top: -12px;
  left: 20px;
  background: linear-gradient(45deg, #6c63ff, #9b5cff);
  color: #fff;
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 20px;
  font-weight: 600;
}

.mentor-img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 50%;
  background-color: #034BA5;
}

.icon-box {
  width: 70px;
  height: 70px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px;
  border: 2px solid #6c63ff;
}

.icon-box img{
     
}

.plus {
  font-size: 22px;
  font-weight: bold;
}

.feature {
  background: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.feature i {
  color: #034BA5;
  margin-right: 6px;
}

.price-box {
    padding: 30px;
     background-size: cover;
    background-repeat: no-repeat;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px;
    border-radius: 10px;
}

.price {
  font-size: 42px;
}

/* contact */

  .contact-banner {
            /* background: url(public/img/contact-banner.webp); */
            height: 374px;
            position: relative;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .contact-banner-heading h2 {
            font-weight: 700;
            font-size: 30px;
            color: white;
        }

        .contact-banner-heading h2 span {
            font-weight: 700;
            font-size: 40px;
            color: white;
        }

        .contact-banner-heading h1 {
            font-size: 40px;
            text-transform: uppercase;
            font-weight: bold;
            color: transparent;
            -webkit-text-stroke: 1px white;
        }

        .whiteline {
            width: 172px;
            height: 4px;
            background: #fff;
            margin-top: -8px;
            margin-bottom: 19px;
        }

        .contact-banner-desc p {
            line-height: 1.7;
            margin-top: 15px;
        }

        .banner-inner-image {
            position: absolute;
            top: 93px;
            right: -53px;
        }

        .banner-inner-image img {
            width: 80%;
        }

        .icon i {
            color: #0F2C39;
            font-size: 14px;
        }

        .text p a {
            color: #0f2c39;
        }

        .main-heading {
            text-align: center;
            width: 100%;
            text-align: left;
        }

        .main-heading h4 {
            background: linear-gradient(178deg, hsla(29, 96%, 57%, 1) 0%, hsla(213, 97%, 13%, 1) 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
        }

        .main-heading h4::after {
            content: "";
            width: 100px;
            height: 3px;
            background: linear-gradient(178deg, hsla(29, 96%, 57%, 1) 0%, hsla(213, 97%, 13%, 1) 80%);
            position: absolute;
            bottom: -4px;
            left: 0;
        }

        .first-content-section {
            position: relative;
            padding: 25px;
            border-radius: 15px;
            background: linear-gradient(90deg, hsla(223, 100%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
            z-index: 1;
        }

        .first-content-section::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 15px;
            padding: 3px;
            background: linear-gradient(90deg, hsla(81, 100%, 34%, 1) 0%, hsla(0, 0%, 100%, 1) 90%);
            -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: -1;
        }

        .first-content-section h3 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 600 !important;
            font-size: 17px !important;
            margin-bottom: 20px;
        }

        .first-content-section3 h3 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 600 !important;
            font-size: 17px !important;
            margin-bottom: 20px;
        }

        /* ==== */
        .first-content-section2 {
            position: relative;
            padding: 25px;
            border-radius: 15px;
            background: linear-gradient(90deg, hsla(223, 100%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
            z-index: 1;
        }

        .first-content-section3 {
            position: relative;
            padding: 25px;
            border-radius: 15px;
            background: linear-gradient(90deg, hsla(223, 100%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
            z-index: 1;
        }



        .first-content-section2::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 15px;
            padding: 3px;
            background: linear-gradient(90deg, hsla(358, 82%, 52%, 1) 0%, hsla(0, 0%, 100%, 1) 80%);
            -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: -1;
        }

        .first-content-section3::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 15px;
            padding: 3px;
            background: linear-gradient(90deg, hsla(81, 100%, 34%, 1) 0%, hsla(0, 0%, 100%, 1) 90%);
            -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: -1;
        }


        .first-content-section2 h3 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 600 !important;
            font-size: 17px !important;
            margin-bottom: 20px;
        }

        .for-contact-information {
            display: flex;
            gap: 9px;
            align-items: center;
        }

        .head-office-section {
            margin-top: 15px;
        }

        .head-office-section h3 {
            font-size: 16px;
            font-weight: 500;
            color: #0F2C39;
            width: 75%;
            line-height: 1.6em;
        }

        .head-office-section h3 span {
            font-weight: 700;
        }

        .for-contact-information .text p {
            font-weight: 500;
            color: #0F2C39;
            font-size: 16px;
        }

        .whatsapp-icon-main-section {
            gap: 10px;
            align-items: center;
            margin-right: -24px;
            margin-bottom: -10px;
        }

        .first-whatsapp-image {
            display: flex;
            gap: 10px;
            border-radius: 50px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            padding: 0px 20px 0px 0px;
            align-items: center;
            height: 40px;
        }

        .first-whatsapp-image .for-text-section p:nth-of-type(1) {
            font-weight: 700;
            font-size: 13px;
            color: #0F2C39;
        }

        .first-whatsapp-image .for-text-section p:nth-of-type(2) {
            font-size: 10px;
            color: #158B29;
            margin-top: -2px;
            font-weight: 600;
        }

        .location-section {
            display: flex;
            gap: 10px;
            align-items: center;
            background: linear-gradient(90deg, hsla(217, 89%, 62%, 1) 0%, hsla(217, 55%, 36%, 1) 100%);
            padding: 0px 10px;
            border-radius: 5px;
        }

        .location-section p {
            color: white;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 1.3em;
            font-size: 11px;
        }

        .for-image-section {
            background: white;
            padding: 5px;
        }

        .for-flag {
            position: absolute;
            top: 17px;
            right: 2px;
        }

        .right-hand-form-section {
            display: flex;
            justify-content: end;
        }

        .right-pannel {
            width: 334px;
            /* position: absolute; */
            border-radius: 6px;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
            border-top: 0px solid #ff8d5b;
            background-color: #fff;
            padding: 14px 20px 25px;
            margin-top: -400px;
        }

        .right-pannel h3 {
            font-size: 18px;
            line-height: 1.5em;
            color: #000;
        }

        .right-pannel h3 span {
            font-weight: 700;
        }

        .right-pannel form {
            display: flex;
            gap: 3px;
            flex-direction: column;
            margin-top: 20px;
        }

        .right-pannel form label {
            width: 100%;
            display: flex;
            flex-direction: column;
            font-size: 14px !important;
            gap: 5px;
            color: #000;
            margin-bottom: 4px;
        }

        .right-pannel form label input {
            width: 100%;
            height: 35px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 10px;
            font-size: 13px;
        }

        input.for-submit-btn {
            background: #FB8F2A !important;
            border: navajowhite;
            padding: 7px;
            color: white !important;
            border-radius: 4px;
            margin-top: 10px;
        }

        select {
            word-wrap: normal;
            color: #000;
            font-size: 14px;
            padding: 7px 10px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: white;
            padding-right: 30px;
            position: relative;
        }

        select::-ms-expand {
            display: none;
        }

        .select-container {
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .select-container select {
            appearance: none;
            padding: 5px 10px;
            padding-right: 40px;
            border: 1px solid #ccc;
            width: 100%;
            font-size: 13px;
        }

        .select-container::after {
            content: "▼";
            font-size: 14px;
            color: #333;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }

        textarea {
            overflow: auto;
            resize: vertical;
            height: 75px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 10px;
            color: #000;
            font-size: 13px;
        }

        .qr-code-section {
            background: linear-gradient(90deg, hsla(29, 96%, 57%, 1) 0%, hsla(215, 86%, 22%, 1) 100%);
            margin-top: 285px;
            width: 239px;
            border-radius: 10px;
            height: 279px;
            margin-right: 49px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .qr-code-section img {
            width: 75%;
        }

        .download-vouctute {
            padding: 10px 20px;
            background: white;
            border-radius: 50px;
            display: flex;
            margin-top: 10px;
            align-items: center;
            gap: 7px;
            justify-content: center;
            font-weight: 700;
            color: #011D3F;
        }

        .download-vouctute img {
            width: 20px;
        }

        .download-vouctute a {
            display: flex;
            gap: 6px;
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%, hsla(221, 80%, 33%, 1) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 12px;
            display: flex;
            align-items: center;
        }

        .contact-us-section-box {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            align-content: center;
            margin-top: 25px;
        }

        .contact-us-section-box p {
            font-size: 14px;
        }

        .contact-us-section-box .box1 {
            padding: 50px 30px;
            box-shadow: rgb(0 0 0 / 25%) 0px 4px 15px;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

        .form-control,
        input {
            font-size: 13px;
            color: #000;
            width: 100%;
            height: 35px;
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #d9d9d9;
        }

        .form-group {
            margin-bottom: 5px;
        }

        .form-group select {
            width: 100%;
            height: 35px;
        }

        .contact-us-section-box .box1 h5 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 18px;
        }

        .contact-us-section-box .box1 p {
            font-size: 13px;
            font-weight: 500;
        }

        .contact-us-section-box .box1 p span {
            color: #0F2C39;
            font-weight: 500;
        }

        .contact-us-section-box .box1 img {
            margin-top: 10px;
        }

        .stay-with-us {
            background: linear-gradient(90deg, hsla(220, 81%, 10%, 1) 0%, hsla(221, 80%, 33%, 1) 51%, hsla(221, 80%, 33%, 1) 100%);
            margin-bottom: 30px;
        }

        .for-light-border {
            position: relative;
            padding: 30px 0;
        }

        .for-light-border::before {
            content: "";
            position: absolute;
            top: -5px;
            left: 0;
            width: 100%;
            height: 5px;
            /* Same as border-top */
            background: linear-gradient(90deg, hsla(0, 0%, 100%, 1) 0%, hsla(29, 96%, 57%, 1) 20%, hsla(29, 96%, 57%, 1) 78%, hsla(0, 0%, 100%, 1) 100%);
        }

        .for-light-border::after {
            content: "";
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, hsla(0, 0%, 100%, 1) 0%, hsla(29, 96%, 57%, 1) 20%, hsla(29, 96%, 57%, 1) 78%, hsla(0, 0%, 100%, 1) 100%);
        }

        .stay-connect-with h3 {
            color: white;
            font-size: 25px;
            font-weight: 700;
        }

        .stay-connect-with p {
            color: white;
            font-size: 14px;
        }

        .social-media-new {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .social-media-new .social-box {
            background-color: white !important;
            border-radius: 5px;
            padding: 10px 6px;
            transition: transform 0.3s ease, opacity 1s ease;
            animation: fadeIn 1s forwards;
            border: 2px solid #84A5EB;
            cursor: pointer;
        }

        .social-media-new .social-box a {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .social-box img {
            width: 70%;
            height: auto;
            transition: transform 0.3s ease;
        }

        .social-box:hover {
            transform: scale(1.2);
        }

        .social-box:hover img {
            transform: rotate(10deg);
        }

        @keyframes bounceIn {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }

            50% {
                opacity: 0.5;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }


        @media only screen and (max-width:992px) {
            .social-media-new {
                margin-top: 40px;
            }

            .download-vouctute {
                margin-top: 14px;
            }

            .contact-us-section-box {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 15px;
                align-content: center;
                margin-top: 10px;
            }

            .for-contact-information {
                flex-direction: column;
            }

            .banner-inner-image {
                display: none;
            }

            .for-flag {
                position: absolute;
                top: -56px;
                right: 2px;
            }

            .head-office-section {
                margin-top: 51px !important;
            }

            .whatsapp-icon-main-section {
                display: flex !important;
                justify-content: center !important;
                gap: 20px !important;
                margin-top: 10px;
            }

            .right-pannel {
                width: auto;
                /* position: absolute; */
                border-radius: 6px;
                box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
                border-top: 0px solid #ff8d5b;
                background-color: #fff;
                padding: 25px 20px 25px;
                margin-top: 24px;
            }

            .right-hand-form-section {
                display: flex;
                justify-content: center;
            }

            .head-office-section h3 {
                text-align: center;
                width: 100%;
            }

            .for-contact-information .text p {
                text-align: center;
            }

            .qr-code-section {
                padding: 20px;
                background: linear-gradient(90deg, hsla(29, 96%, 57%, 1) 0%, hsla(215, 86%, 22%, 1) 100%);
                margin-top: 178px;
                width: 290px;
                border-radius: 10px;
                height: auto;
                margin-right: 20px;
                margin-top: 648px;
            }

            .contact-banner-desc p {
                width: auto;
                display: block;
            }

            .contact-banner-heading {
                margin-top: 60px;
            }
        }

        @media only screen and (max-width:768px) {

            .contact-banner {
                height: 420px;
            }
        }


        @media only screen and (max-width:576px) {
            .contact-banner {
                height: 325px;
            }

            .first-content-section h3 {
                font-size: 16px !important;
            }

            .for-contact-information .text p {
                font-size: 14px;
            }

            .whatsapp-icon-main-section {
                margin-top: 23px;
            }

            .location-section p {
                font-size: 10px;
            }

            .first-whatsapp-image .for-text-section p:nth-of-type(1) {
                font-size: 10px;
            }

            .first-whatsapp-image .for-text-section p:nth-of-type(2) {
                font-size: 8px;
            }

            .first-content-section2 h3 {
                font-size: 16px !important;
            }

            .head-office-section {
                margin-top: 24px !important;
            }

            .qr-code-section {
                margin-right: 0px;
            }

            .contact-banner-heading h1 {
                font-size: 31px;
            }

            .whiteline {
                width: 103px;
            }

            .contact-banner-heading h2 {
                font-weight: 700;
                font-size: 20px;
                color: white;
            }

            .contact-banner-heading h2 span {
                font-weight: 700;
                font-size: 25px;
                color: white;
            }

            .contact-banner-desc p {
                font-size: 14px;
            }

            .main-heading {
                text-align: center;
                width: 100%;
                text-align: left;
                display: flex;
                justify-content: center;
            }

            .for-flag img {
                width: 40px;
            }

            .for-flag {
                position: absolute;
                top: -8px;
                right: 2px;
            }

            .contact-us-section-box {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 15px;
                align-content: center;
                margin-top: 20px;
            }

            .contact-us-section-box p {
                font-size: 14px;
            }

            .stay-connect-with h3 {
                line-height: 1.6em;
            }
        }

        .contact-banner-heading h2 {
            font-weight: 700;
            font-size: 30px;
            color: white;
        }

        .contact-banner-heading h2 span {
            font-weight: 700;
            font-size: 40px;
            color: white;
        }

        .contact-banner-heading h1 {
            font-size: 40px;
            text-transform: uppercase;
            font-weight: bold;
            color: transparent;
            -webkit-text-stroke: 1px white;
        }

        .whiteline {
            width: 172px;
            height: 4px;
            background: #fff;
            margin-top: -8px;
            margin-bottom: 19px;
        }

        .contact-banner-desc p {
            line-height: 1.7;
            margin-top: 15px;
        }

        .banner-inner-image {
            position: absolute;
            top: 93px;
            right: -53px;
        }

        .banner-inner-image img {
            width: 80%;
        }

        .icon i {
            color: #0F2C39;
            font-size: 14px;
        }

        .text p a {
            color: #0f2c39;
        }

        .main-heading {
            text-align: center;
            width: 100%;
            text-align: left;
        }

        .main-heading h4 {
            background: linear-gradient(178deg, hsla(29, 96%, 57%, 1) 0%, hsla(213, 97%, 13%, 1) 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
        }

        .main-heading h4::after {
            content: "";
            width: 100px;
            height: 3px;
            background: linear-gradient(178deg, hsla(29, 96%, 57%, 1) 0%, hsla(213, 97%, 13%, 1) 80%);
            position: absolute;
            bottom: -4px;
            left: 0;
        }

        .first-content-section {
            position: relative;
            padding: 25px;
            border-radius: 15px;
            background: linear-gradient(90deg, hsla(223, 100%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
            z-index: 1;
        }

        .first-content-section::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 15px;
            padding: 3px;
            background: linear-gradient(90deg, hsla(81, 100%, 34%, 1) 0%, hsla(0, 0%, 100%, 1) 90%);
            -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: -1;
        }

        .first-content-section h3 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 600 !important;
            font-size: 17px !important;
            margin-bottom: 20px;
        }

        .first-content-section3 h3 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 600 !important;
            font-size: 17px !important;
            margin-bottom: 20px;
        }

        /* ==== */
        .first-content-section2 {
            position: relative;
            padding: 25px;
            border-radius: 15px;
            background: linear-gradient(90deg, hsla(223, 100%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
            z-index: 1;
        }

        .first-content-section3 {
            position: relative;
            padding: 25px;
            border-radius: 15px;
            background: linear-gradient(90deg, hsla(223, 100%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
            z-index: 1;
        }



        .first-content-section2::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 15px;
            padding: 3px;
            background: linear-gradient(90deg, hsla(358, 82%, 52%, 1) 0%, hsla(0, 0%, 100%, 1) 80%);
            -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: -1;
        }

        .first-content-section3::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 15px;
            padding: 3px;
            background: linear-gradient(90deg, hsla(81, 100%, 34%, 1) 0%, hsla(0, 0%, 100%, 1) 90%);
            -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: -1;
        }


        .first-content-section2 h3 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 600 !important;
            font-size: 17px !important;
            margin-bottom: 20px;
        }

        .for-contact-information {
            display: flex;
            gap: 9px;
            align-items: center;
        }

        .head-office-section {
            margin-top: 15px;
        }

        .head-office-section h3 {
            font-size: 16px;
            font-weight: 500;
            color: #0F2C39;
            width: 75%;
            line-height: 1.6em;
        }

        .head-office-section h3 span {
            font-weight: 700;
        }

        .for-contact-information .text p {
            font-weight: 500;
            color: #0F2C39;
            font-size: 16px;
        }

        .whatsapp-icon-main-section {
            gap: 10px;
            align-items: center;
            margin-right: -24px;
            margin-bottom: -10px;
        }

        .first-whatsapp-image {
            display: flex;
            gap: 10px;
            border-radius: 50px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            padding: 0px 20px 0px 0px;
            align-items: center;
            height: 40px;
        }

        .first-whatsapp-image .for-text-section p:nth-of-type(1) {
            font-weight: 700;
            font-size: 13px;
            color: #0F2C39;
        }

        .first-whatsapp-image .for-text-section p:nth-of-type(2) {
            font-size: 10px;
            color: #158B29;
            margin-top: -2px;
            font-weight: 600;
        }

        .location-section {
            display: flex;
            gap: 10px;
            align-items: center;
            background: linear-gradient(90deg, hsla(217, 89%, 62%, 1) 0%, hsla(217, 55%, 36%, 1) 100%);
            padding: 0px 10px;
            border-radius: 5px;
        }

        .location-section p {
            color: white;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 1.3em;
            font-size: 11px;
        }

        .for-image-section {
            background: white;
            padding: 5px;
        }

        .for-flag {
            position: absolute;
            top: 17px;
            right: 2px;
        }

        .right-hand-form-section {
            display: flex;
            justify-content: end;
        }

        .right-pannel {
            width: 334px;
            /* position: absolute; */
            border-radius: 6px;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
            border-top: 0px solid #ff8d5b;
            background-color: #fff;
            padding: 14px 20px 25px;
            margin-top: -400px;
        }

        .right-pannel h3 {
            font-size: 18px;
            line-height: 1.5em;
        }

        .right-pannel h3 span {
            font-weight: 700;
        }

        .right-pannel form {
            display: flex;
            gap: 3px;
            flex-direction: column;
            margin-top: 20px;
        }

        .right-pannel form label {
            width: 100%;
            display: flex;
            flex-direction: column;
            font-size: 14px !important;
            gap: 5px;
            margin-bottom: 4px;
        }

        .right-pannel form label input {
            width: 100%;
            height: 35px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 10px;
            font-size: 13px;
        }

        input.for-submit-btn {
            background: #FB8F2A !important;
            border: navajowhite;
            padding: 7px;
            color: white !important;
            border-radius: 4px;
            margin-top: 10px;
        }

        select {
            word-wrap: normal;
            color: #000;
            font-size: 14px;
            padding: 7px 10px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: white;
            padding-right: 30px;
            position: relative;
        }

        select::-ms-expand {
            display: none;
        }

        .select-container {
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .select-container select {
            appearance: none;
            padding: 5px 10px;
            padding-right: 40px;
            border: 1px solid #ccc;
            width: 100%;
            font-size: 13px;
        }

        .select-container::after {
            content: "▼";
            font-size: 14px;
            color: #333;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }

        textarea {
            overflow: auto;
            resize: vertical;
            height: 75px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 10px;
            color: #000;
            font-size: 13px;
        }

        .contact-us-section-box {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            align-content: center;
            margin-top: 25px;
        }

        .contact-us-section-box p {
            font-size: 14px;
        }

        .contact-us-section-box .box1 {
            padding: 50px 30px;
            box-shadow: rgb(0 0 0 / 25%) 0px 4px 15px;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

        .form-control,
        input {
            font-size: 13px;
            color: #000;
            width: 100%;
            height: 35px;
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #d9d9d9;
        }

        .form-group {
            margin-bottom: 14px;
        }

        .form-group select {
            width: 100%;
            height: 35px;
        }

        .contact-us-section-box .box1 h5 {
            background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 18px;
        }

        .contact-us-section-box .box1 p {
            font-size: 13px;
            font-weight: 500;
        }

        .contact-us-section-box .box1 p span {
            color: #0F2C39;
            font-weight: 500;
        }

        .contact-us-section-box .box1 img {
            margin-top: 10px;
        }

        .stay-with-us {
            background: linear-gradient(90deg, hsla(220, 81%, 10%, 1) 0%, hsla(221, 80%, 33%, 1) 51%, hsla(221, 80%, 33%, 1) 100%);
            margin-bottom: 30px;
        }

        .for-light-border {
            position: relative;
            padding: 30px 0;
        }

        .for-light-border::before {
            content: "";
            position: absolute;
            top: -5px;
            left: 0;
            width: 100%;
            height: 5px;
            /* Same as border-top */
            background: linear-gradient(90deg, hsla(0, 0%, 100%, 1) 0%, hsla(29, 96%, 57%, 1) 20%, hsla(29, 96%, 57%, 1) 78%, hsla(0, 0%, 100%, 1) 100%);
        }

        .for-light-border::after {
            content: "";
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, hsla(0, 0%, 100%, 1) 0%, hsla(29, 96%, 57%, 1) 20%, hsla(29, 96%, 57%, 1) 78%, hsla(0, 0%, 100%, 1) 100%);
        }

        .stay-connect-with h3 {
            color: white;
            font-size: 25px;
            font-weight: 700;
        }

        .stay-connect-with p {
            color: white;
            font-size: 14px;
        }

        .social-media-new {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .social-media-new .social-box {
            background-color: white !important;
            border-radius: 5px;
            padding: 10px 6px;
            transition: transform 0.3s ease, opacity 1s ease;
            animation: fadeIn 1s forwards;
            border: 2px solid #84A5EB;
            cursor: pointer;
        }

        .social-media-new .social-box a {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .social-box img {
            width: 70%;
            height: auto;
            transition: transform 0.3s ease;
        }

        .social-box:hover {
            transform: scale(1.2);
        }

        .social-box:hover img {
            transform: rotate(10deg);
        }

        @keyframes bounceIn {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }

            50% {
                opacity: 0.5;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }


        @media only screen and (max-width:992px) {
            .social-media-new {
                margin-top: 40px;
            }

            .download-vouctute {
                margin-top: 14px;
            }

            .contact-us-section-box {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 15px;
                align-content: center;
                margin-top: 10px;
            }

            .for-contact-information {
                flex-direction: column;
            }

            .banner-inner-image {
                display: none;
            }

            .for-flag {
                position: absolute;
                top: -56px;
                right: 2px;
            }

            .head-office-section {
                margin-top: 51px !important;
            }

            .whatsapp-icon-main-section {
                display: flex !important;
                justify-content: center !important;
                gap: 20px !important;
                margin-top: 10px;
            }

            .right-pannel {
                width: auto;
                /* position: absolute; */
                border-radius: 6px;
                box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
                border-top: 0px solid #ff8d5b;
                background-color: #fff;
                padding: 25px 20px 25px;
                margin-top: 24px;
            }

            .right-hand-form-section {
                display: flex;
                justify-content: center;
            }

            .head-office-section h3 {
                text-align: center;
                width: 100%;
            }

            .for-contact-information .text p {
                text-align: center;
            }

            .qr-code-section {
                padding: 20px;
                background: linear-gradient(90deg, hsla(29, 96%, 57%, 1) 0%, hsla(215, 86%, 22%, 1) 100%);
                margin-top: 178px;
                width: 290px;
                border-radius: 10px;
                height: auto;
                margin-right: 20px;
                margin-top: 648px;
            }

            .contact-banner-desc p {
                width: auto;
                display: block;
            }

            .contact-banner-heading {
                margin-top: 60px;
            }
        }



        @media only screen and (max-width:768px) {

            .contact-banner {
                height: 420px;
            }
        }


        @media only screen and (max-width:576px) {
            .contact-banner {
                height: 325px;
            }

            .first-content-section h3 {
                font-size: 16px !important;
            }

            .for-contact-information .text p {
                font-size: 14px;
            }

            .whatsapp-icon-main-section {
                margin-top: 23px;
            }

            .location-section p {
                font-size: 10px;
            }

            .first-whatsapp-image .for-text-section p:nth-of-type(1) {
                font-size: 10px;
            }

            .first-whatsapp-image .for-text-section p:nth-of-type(2) {
                font-size: 8px;
            }

            .first-content-section2 h3 {
                font-size: 16px !important;
            }

            .head-office-section {
                margin-top: 24px !important;
            }

            .qr-code-section {
                margin-right: 0px;
            }

            .contact-banner-heading h1 {
                font-size: 31px;
            }

            .whiteline {
                width: 103px;
            }

            .contact-banner-heading h2 {
                font-weight: 700;
                font-size: 20px;
                color: white;
            }

            .contact-banner-heading h2 span {
                font-weight: 700;
                font-size: 25px;
                color: white;
            }

            .contact-banner-desc p {
                font-size: 14px;
            }

            .main-heading {
                text-align: center;
                width: 100%;
                text-align: left;
                display: flex;
                justify-content: center;
            }

            .for-flag img {
                width: 40px;
            }

            .for-flag {
                position: absolute;
                top: -8px;
                right: 2px;
            }

            .contact-us-section-box {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 15px;
                align-content: center;
                margin-top: 20px;
            }

            .contact-us-section-box p {
                font-size: 14px;
            }

            .stay-connect-with h3 {
                line-height: 1.6em;
            }
        }

        /* home hero */

        .hero-section{
    min-height:100vh;
    background:
    radial-gradient(circle at top right,#3b82f6 0%,transparent 30%),
    linear-gradient(135deg,#020617,#08154a,#051d75);
    color:#fff;
    position:relative;
}

.navbar-brand img{
    width:80px;
}

.glass-nav{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.1);
    border-radius:60px;
    padding:8px 25px;
}

.nav-link{
    color:#fff;
    margin:0 10px;
    font-size:1rem;
    font-weight:500;
}

.nav-link.active{
    /* color:#5fd0ff !important; */
}

.placement{
    color:#ff9f43 !important;
}

.btn-login{
    background:linear-gradient(
    45deg,
    #ff7b00,
    #ff4ec7);
    color:#fff;
    border-radius:15px;
    padding:12px 25px;
}

.hero-content{
    padding-top:40px;
    position:relative;
    z-index:2;
}

.hero-badge{
    display:inline-block;
    padding:10px 22px;
    font-size: .8rem;
    border-radius:40px;
    border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.05);
    margin-bottom:25px;
}

.hero-title{
    font-size:3.2rem;
    font-weight:900;
}

.hero-title span{
    background:linear-gradient(
    45deg,
    #00d4ff,
    #ff4ec7);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:900
}

.hero-text{
    font-size:1.1rem;
    margin-top:1rem;
    color:#d8d8d8;
}

.hero-features{
    margin-top:35px;
}

.hero-features ul{
    list-style:none;
    padding-left:0;
}

.hero-features li{
    margin-bottom:15px;
}

.hero-features li::before{
    content:'✓';
    color:#00e5ff;
    margin-right:10px;
}

.hero-buttons{
    margin-top:35px;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.btn-enroll{
    background:linear-gradient(
    45deg,
    #ff7b00,
    #ff4ec7);
    color:white;
    padding:16px 35px;
    border-radius:16px;
    font-weight:600;
}

.btn-demo{
    border:1px solid rgba(255,255,255,.3);
    color:white;
    padding:16px 35px;
    border-radius:16px;
}

.hero-image img{
   width:65%
}

.floating-card{
    position:absolute;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.15);
    padding:15px 20px;
    border-radius:16px;
    font-weight:600;
}

.card1{
    top:10%;
    right:0;
}

.card2{
    top:30%;
    left:0;
}

.card3{
    bottom:20%;
    right:5%;
}

.card4{
    bottom:30%;
    left:5%;
}

.stats-box{
    margin-top:50px;
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(20px);
    border-radius:25px;
    display:flex;
    justify-content:space-around;
    padding:35px;
    flex-wrap:wrap;
    border:1px solid rgba(255,255,255,.1);
}

.stat-item{
    text-align:center;
}

.stat-item h2{
    font-size:42px;
    font-weight:800;
    color:#00d4ff;
}

.stat-item p{
    margin:0;
}

@media(max-width:991px){

.hero-title{
    font-size:50px;
}

.hero-content{
    text-align:center;
    padding-top:10px
}

.hero-buttons{
    justify-content:center;
}

.hero-image{
    margin-top:50px;
}

.glass-nav{
    border-radius:20px;
}

.stats-box{
    gap:30px;
}
}

@media(max-width:576px){

.hero-title{
    font-size:38px;
}

.hero-text{
    font-size:18px;
}

.hero-badge{
    font-size:14px;
}

.btn-enroll,
.btn-demo{
    width:100%;
}

.stats-box{
    padding:20px;
}

.stat-item h2{
    font-size:28px;
}
}

 .hero-section {position: relative;width: 100%;overflow: hidden;}
 /* .hero-section img {
    width: 100%;height: auto;
} */
 .both-btn {position: absolute;bottom: 45px;left: 17%;transform: translateX(-50%);display: flex;gap:0px;z-index: 5;}.button-repfirst {background: #fff;color: #0e394c;font-size: 15px;font-weight: 600;padding: 14px 24px;border-radius: 4px;border: none;cursor: pointer;transition: background 0.3s ease, color 0.3s ease;}.button-repfirst:hover {background: #0e394c;color: #fff;}.second-btn {display: flex;align-items: center;gap: 10px;color: #fff;padding: 12px 20px;border: 2px solid #fff;border-radius: 6px;font-size: 15px;font-weight: 600;cursor: pointer;transition: background 0.3s ease, color 0.3s ease;}.second-btn:hover {background: #fff;color: #0e394c;}.second-btn img, .second-btn svg {width: 22px;height: auto;}@media (max-width: 768px) {.both-btn {flex-direction: column;gap: 12px;bottom: 20px;display:none !important;}.button-repfirst, .second-btn {font-size: 14px;padding: 12px 18px;}}

.courses2 i{
    color:#021B79;
}
.courses2 span{
   font-weight:500;
}

.courses a {
    color: #293b3f !important;
    text-decoration: none;
    align-items: center;
    background-color: white;
    width: 175px;
}

.header-top-links {
    text-align: center;
    padding: 4px 0;
    display: flex;
    justify-content: center;
}
.both-nav-cover {
    background: #e36c6c17;
    padding: 6px 10px;
    margin-top: -5px;
}
.both-nav-cover:nth-of-type(1) {
    padding-left: 30px;
}

span.for-red-color {
    color: #CC0909;
    font-weight: 600 !important;
}

button.lms-btn {
  background: linear-gradient(90deg, hsla(20, 91%, 56%, 1) 0%, hsla(36, 98%, 57%, 1) 100%);
  padding: 4px 13px;
  border-radius: 3px;
  font-size: 15px;
  color: white;
  border:none;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  margin-left: 8px;
  font-weight: 500;
  animation: wiggleButton 1s infinite;
  min-width:70px; 
  min-height: 30px; 
}

.fa-solid, .fas {
    font-weight: 900;
    font-size: 12px;
    color: white;
}

.courses {
   
    margin-left: 120px;
}

@media screen and (max-width:992px) {

  .for-new-serach-box2 {
    display: none !important;
}
    #myModal3 .modal-dialog .modal-content .modal-header {
    padding: 1.2rem 13px !important;
}
    .courses a span {
    font-weight: 600;
}
.box-for-master-in-all-program .arrow-box i {
            background: none !important;
            color: white;
}

.master-new-section-design .arrow-box i {
            background: none !important;
            color: white;
}




        span.caret {
            display: none !important;
        }
        .suman{
            background-color: #034BA5 !important;
            color: white !important;
            transform: rotate(180deg);
            transition: all 0.3s ease-in-out;
        }
        .pawan{
            background-color: #f8981d !important;
            color: #fff !important;
            transform: rotate(180deg);
             transition: all 0.3s ease-in-out;
        }
        .for-mob-arrow {
            background: red;
            color: white;
        }
        .master-course-description____ strong{
            font-size: 14px;
            margin-bottom: 10px;
        }
        .master-program-inner {
            margin-bottom: 5px;
        }
        .master-icon {
            margin-top: 22px;
            margin-bottom: -10px;
        }
        .master-icon strong{
            font-size: 14px;
    }
   .master-icon i {
    color: #FFB743 !important;
    font-size: 18px;
    margin-right: 5px;
    background: none !important;
}
        .top-main-master-section a{
            padding-left: 0px;
        }
        .box-for-master-in-all-program {
    width: 100%;
}
            .master-new-section-design .first-section {
    margin-top: 8px ;
        width: 100%;
}
.master-new-section-design .first-section .top-section-cover p {
    font-size: 12px;

}
        .box-for-master-in-all-program .arrow-box {
            padding: 12px 8px;
        }

        .master-new-section-design .arrow-box {
            padding: 12px 8px;
        }

        .top-main-master-section{
            background-color: #DEF2FE;
            border-radius: 0px;
            padding:10px;
            margin-top: 20px;
            margin-left: -13px;
            width: 109%;
            padding-bottom: 30px;
        }
        .top-main-master-section strong i{
                color: #FFB743;
                font-size: 18px;
        }
        .top-main-master-section a::before{
            display: none;
        }
        .box-for-master-in-all-program .arrow-box {
    display: block !important;

}
.box-for-master-in-all-program p {
    margin-right: 70px;
}
        h6.program-category-heading {
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 11px;
    margin-top: 25px;
}
   .new-page-section {
    padding: 2px 6px;
    border-radius: 6px;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    text-transform: uppercase;
    position: absolute;
    left: 115px;
    bottom: 0px;
    }

   
      .new-page-section2 {
    padding: 2px 6px;
    border-radius: 6px;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    text-transform: uppercase;
    position: absolute;
    left:115px;
    bottom: 0px;
    }
      .new-page-section3 {
    padding: 2px 6px;
    border-radius: 6px;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    text-transform: uppercase;
    position: absolute;
    left:140px;
    bottom: 5px;
    }
      .new-page-section4 {
    padding: 2px 6px;
    border-radius: 6px;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    text-transform: uppercase;
    position: absolute;
    left:172px;
    bottom: 6px;
    }
        .all-exta-links .main-div {
    display: flex;
    justify-content: space-between;
    position: relative;
}
        .all-exta-links .main-div a{
            color: #707070;
            font-size: 14px;
        }
        .all-exta-links {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }
        .all-exta-links h6{
            color: #B11F2A;
            text-transform: uppercase;
            margin-top: 20px;
        }
        .all-exta-links i{
            color: #707070;
            font-size: 15px;
            margin-right: 10px;
        }
.program-designed-by-logo {
    width: 100%;
    /* background: #c62424; */
    border-radius: 8px;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 16%) 0px 4px 11.4px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 21px;
    padding-bottom: 11px;
}
.program-designed-by-logo img{
    width: 100%;
}
    #myModal3 .modal-dialog .modal-content .modal-body {
    background: #fff;
    min-height: 100vh;
}
            a.allcorsepage.showCategoryProgram.btnclick {
    background: white;
    color: #021B79 !important;
    font-weight: 700 !important;
    width: 135px;
    margin-top: -0px;
    margin-left:28px;
}
      .fa-whatsapp:before {
    content: "\f232";
    font-weight: 900;
    display: inline-block;
    animation: flipIcon 2s infinite; /* Apply flip animation */
}

@keyframes flipIcon {
    0% {
        transform: rotateY(0deg); /* Start in normal position */
    }
    50% {
        transform: rotateY(180deg); /* Flip halfway */
    }
    100% {
        transform: rotateY(360deg); /* Complete the flip */
    }
}

    .mob-header-top {
    display: block;
    width: 100%;
    /*position: sticky;*/
    top: 0;
    z-index: 99;
    border-radius: 0px;
    margin: auto;
    box-shadow: 0px 5px 10px #063455;
}
.menu-mobile {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.menu-mobile, .menu-mobile-phone {
    display: flex !important;
}
.fa-bars:before, .fa-navicon:before {
    content: "\f0c9";
    color: white;
}
.mob-phone {
          margin-top: -10px;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(268deg, #F76B1C, #F5A623) !important;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: none;
}
.logo1{
  display: flex;
  align-items:center; 
  margin-top: -8px;
}
.logo1 img:nth-of-type(1){
  display: flex;
  align-items: center;
  width: 100px;
  height: 50px;
  margin-bottom: 17px;
  margin-right: -6px;
}
.line-white {
    width: 36px;
    height: 1px;
    transform: rotate(90deg);
    background: white;
}
.logo1 img:nth-of-type(2) {
    display: flex;
    align-items: center;
    width: 35px;
    height: 43px;
    margin-top: 4px;
    margin-left: -15px;
    z-index:999;
}

.courses {
    
    margin-left: 0px;
    display:none;
}
.logo {
    display: none;
}

.mobile-resp li {
    margin: 5px 0;
    padding: 5px 0px;
    overflow: hidden;
    background-color: white;
    border-bottom: 1px solid #8e8e8e36;
}
.master-course-description-list ul li {
    font-size: 11px;
    line-height: 2.5;
    position: relative;
    color: #6d6d6d;
}
.popular-programs {
    margin: 0;
    display: flex;
    flex-direction: column;
}
.master-course-description-list {
    margin-left: 0%;
}

}

.hero-swiper-unique {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    top: 0px;
}
.hero-swiper-wrapper {
  display: flex;
  height: 100%; 
}
.hero-swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%; 
  position: relative;
}
.hero-swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}
.swiper-button-next:after, .swiper-button-prev:after {
    color: white;
    top: 0 !important;
}

@media only screen and (max-width:992px){
    .hero-swiper-slide img {
    width: 190%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: 25% !important;
} 
}
/* new slider code home page  */







.for-main-form  .help-block:last-child{
    bottom:4px !important;
}

/*placement popup for mobile image open*/

/* Wrapper */
.placement-image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 45px 0;
  cursor: pointer;
  margin: auto;
}

/* Image */
.placement-image-wrapper img {
  display: block;
  height: auto;
  /*width: 100%;*/
}

/* Zoom icon only (with shadow/overlay) */
.zoom-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.5); /* dark background just behind icon */
  color: #fff;
  padding: 15px;
  border-radius: 50%;
  font-size: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*box-shadow: 0 4px 15px rgba(0,0,0,0.5);*/
  opacity: 0; /* hidden by default */
  transition: opacity 0.3s ease;
  pointer-events: none; /* allow clicks on image */
}

/* Show icon only on mobile */
@media (max-width: 768px) {
  .zoom-icon {
    opacity: 1;
  }
/*  #scroll{*/
/*    display:block !important;*/
/*}*/
}



 .placement-modal-box {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  overflow: hidden; /* allow panning */
}

.placement-modal-content {
  max-width: 80%;
  max-height: 90%;
  cursor: grab;
  transition: transform 0.3s ease;
}

.placement-close {
  position: absolute;
  top: 40px;
  right: 25px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}
/*placement popup for mobile image open*/



/*=== for nascom gallery===*/
/* The Modal (background) */
.custom-modal {
  display: none; 
  position: fixed; 
  z-index: 1000; 
  padding-top:10%; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto; 
  background-color: rgba(0,0,0,0.9);
}

/* Modal Image */
.custom-modal .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 40%;
  transform: translate(-50%, -50%) scale(0.7);
  animation: zoomIn 0.3s forwards;
}

/* Caption */
#caption {
  margin: 15px auto;
  text-align: center;
  color: #ccc;
  font-size: 18px;
}

/* Close Button */
.custom-modal .close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* Zoom Animation */
@keyframes zoomIn {
  from { transform: translate(-50%, -50%) scale(0.7); }
  to { transform: translate(-50%, -50%) scale(1); }
}
/*=== for nascom gallery===*/


  @media (max-width: 768px) {
    #freematerialsuman {
      display: none; 
      margin-bottom:25px;
    }
    .custom-modal {
    top: 0px;
    z-index: 99999;
}
  .custom-modal .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* exactly center */
    max-width: 80%;
}

    .placement-image-wrapper img {
      display: block;
      height: auto;
      width: 100%;
    }
    .valide-text.for-mob-input-margin {
    margin-bottom: 7px;
}
 

  }


.nascom-new-shadow-design {
    border: 2px solid #b11f2a;
    padding: 20px 40px;
    margin-bottom: 24px;
    border-radius: 15px;
    border-bottom: 6px solid #b11f2a;
    margin-bottom:60px;
}

.nascom-new-shadow-design .first-section-nascom {
  
    display: flex;
    justify-content: center;
    align-items: center;
}





.container.nascom-new-shadow-design .second-section-nascom {
    display: flex;
    flex-direction: column;
    padding: 50px;
}
.container.nascom-new-shadow-design .second-section-nascom p {
   text-align:center;
   color:#707070;
   font-weight:500;
   font-size:20px;
}
.container.nascom-new-shadow-design .second-section-nascom span{
    font-weight:600;
    
}
.container.nascom-new-shadow-design .second-section-nascom h3{
    color:#B11F2A;
    font-weight:800;
    font-size:40px;
}



/*===== new what our lerer says section design=====*/

.Learner-say-combine{
    padding:40px;
    background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
}
.Learner-say-combine h4{
    color:#fff;
}

.Learner-say-combine .social-media-links {
    display: grid;
  grid-template-columns: repeat(6, 1fr);
justify-content:flex-start;
    margin-top:30px;
    gap:0px;
}

.Learner-say-combine .social-media-links .first-card {
      cursor: pointer;
}




.Learner-say-combine .social-media-links img  {
   transition: all 0.3s ease-in-out
}
.Learner-say-combine .social-media-links img:hover  {
   transform: scale(1.1)
}

@media only screen and (max-width:768px){
    .Learner-say-combine .social-media-links {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;

}

a.for-view-more-stories {
    margin-top: 0px;
}


.last-switchupicon-hide{
    display:none;
}

.main-nascom-section{
   padding: 40px 20px;
}
.nascom-new-shadow-design {
    margin-bottom: 20px;
}
.container.nascom-new-shadow-design .second-section-nascom {
    padding: 40px 10px;
}
.container.nascom-new-shadow-design .second-section-nascom h3 {
    font-size: 30px;
    margin-bottom: 15px;
}
.container.nascom-new-shadow-design .second-section-nascom p {
    font-size: 17px;
}
.nascom-new-shadow-design .first-section-nascom img{
    width:100%;
}

.Learner-say-combine{
    padding:40px 10px;
}
.Learner-say-combine h4 {
    font-size: 20px;
}
}

/* Hide arrow by default */
.arrow-icon {
  display: none;
  float: right;
  transition: transform 0.3s ease;
}


.owl-stage {
    padding-left: 0px !important;
}

/* Show only on mobile (≤768px) */
@media only screen and  (max-width:768px) {
  .arrow-icon {
    display: inline-block;
    position: absolute;
    right: 38px;
    }
  }
  
  h1.explore-courses {
    color: #212529;
    font-size: 30px;
}



/* Rotate when active */
.arrow-icon.rotate-up {
  transform: rotate(180deg);
}

            h2.explore-courses {
            color: #212529;
            font-size: 30px;
        }
 
    .course-category-select ul {
       display:flex;
       flex-direction:column;
       z-index:10000;
       
    }
    
    
    .new-course-explore-main{
        background-color:#eef6ff;
    }

    
    
    
    .course-category-select ul li {
        background-color:#fff;
        padding:10px 20px;
        border-radius:5px;
        box-shadow: rgb(0 0 0 / 1%) 0px 4px 14px;
        margin-bottom:10px;
        cursor:pointer;
        font-weight:400;
        font-size:14px;
        display:flex;
        align-items:center;
        gap:8px;
    }
    
    .course-category-select ul li a{
        color:#000;
        font-size: 14px;
    }
    
    .course-category-select .selected-category a{
        background-color:none;
        color:#000;
    }
    
li.selected-category.free-material {
    background-color: #fff;
    color: #b11f21;
}
li.selected-category.free-material a{
    color: #B11F2A;
    font-weight:500;
}
    
    
 .courses-cards {
    display: flex;
    /*grid-template-columns: repeat(4, 1fr);*/
    gap: 15px;
    flex-direction: column;
}
    
.first-card-section {
    border-radius: 10px;
    min-height: 300px;
    box-shadow: rgb(0 0 0 / 25%) 0px 4px 10px;
}
    
  .first-card-section .top-section {
    background: linear-gradient(90deg, hsla(176, 49%, 51%, 1) 0%, hsla(93, 72%, 78%, 1) 100%);   
    padding: 20px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    
   .rating-box {
    display: flex;
    justify-content: left;
    align-items: center;
    gap:4px;
}
   .rating-box i{
    font-size:13px;
   color: #fe8739;
}


.rating-box p {
    font-size: 12px;
    position: absolute;
    right: 10px;
}
    
    
.first-card-section span {
    border: 1px solid #0575E6;
    padding: 6px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#707070;
    border-radius:5px;
    margin-top: 25px;
    font-size:14px;
    margin-bottom: 11px;
    transition:all 0.3s ease-in-out; 
}

.load-more-courses {
    margin-top: 20px;
    font-size: 16px;
    color: #034BA5;
    font-weight: 600;
}
.hide-more-courses {
    margin-top: 20px;
    font-size: 16px;
    color: #034BA5;
    font-weight: 600;
}
.load-more-arrow {
    color: #0575E6;
}

.first-card-section span:hover {
    background-color:#0575E6;
    color:white;
}    
    
    .first-card-section .mid-section {
    padding: 10px;
    background: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height:208px;
    position: relative;
}
    
  .first-card-section .mid-section h5 {
    font-size: 14px;
    color:#424242;
    font-weight:600;
    margin-bottom: 20px;
    margin-top: 10px;
}


.aws-cards {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    gap: 15px;
}

.cloud-computing {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    gap: 15px;
}
    .swiper-slide--one img,
    .swiper-slide--two img,
    .swiper-slide--three img,
    .swiper-slide--four img,
    .swiper-slide--five img {
        border: 5px solid #fff;
        position: relative;
    }

    .swiper-slide--one img {
        width: 250px;
    }

    @media (max-width: 768px) {
        .swiper-slide--one img,
        .swiper-slide--two img,
        .swiper-slide--three img,
        .swiper-slide--four img,
        .swiper-slide--five img {
            margin-left: 80px;
            margin-right: 40px;
        }
    }

    .heading-more-stories-section h3 {
        text-align: center;
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 30px;
        color: #333333;
        display: inline-block;
        position: relative;
    }

    .heading-more-stories-section h3::after {
        content: "";
        width: 142px;
        height: 3px;
        background-color: #FB8F2B;
        position: absolute;
        bottom: -11px;
        right: 2px;
    }

    .first-section-for-slider {
        position: relative;
        height: 400px;
    }

    .what-our-student-say-slider-section .fa-play:before {
        content: "\f04b";
        color: red;
        font-size: 20px;
        color: #d73438;
        position: absolute;
        top: 16px;
        left: 21px;
    }

    button.hear-more-stories {
        border-radius: 5px;
        color: white;
        width: 100%;
        background: #034BA5;
        border: none;
        padding: 10px 20px;
        margin-top: 30px;
        font-size: 16px;
    }

    .Hear-More-stories {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .heading-more-stories-section {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 50px;
    }

    .first-section-for-slider .video-patti {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .marquee-wrapper10 {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .marquee-content10 {
        display: flex;
        width: fit-content;
        animation: marquee10 20s linear infinite;
    }

    @keyframes marquee10 {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-20%);
        }
    }

    .marquee-items {
        display: flex;
        gap: 12px;
    }

    .marquee-wrapper10::before,
    .marquee-wrapper10::after {
        content: "";
        position: absolute;
        top: 0;
        width: 80px;
        height: 100%;
        z-index: 1;
        pointer-events: none;
    }

    .marquee-wrapper10::before {
        left: 0;
        background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .marquee-wrapper10::after {
        right: 0;
        background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .owl-quiz-slider .owl-dots {
        text-align: center;
        margin-top: 15px;
        display: flex;
        justify-content: center;
        margin-top: 8px;
        margin-bottom: -16px;
    }

    .owl-quiz-slider .owl-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #d5d0d0 !important;
        border-radius: 50%;
        margin: 0 5px;
        transition: background-color 0.3s ease;
        border: 1px solid #aaa;
    }

    .owl-quiz-slider .owl-dot.active {
        background-color: #818183 !important;
        border-color: #333;
    }

    .custom-quiz-prev .fa-arrow-circle-left:before,
    .fa-circle-arrow-left:before {
        content: "\f0a8";
        font-size: 19px;
    }

    .custom-quiz-next .fa-arrow-circle-right:before,
    .fa-circle-arrow-right:before {
        content: "\f0a9";
        font-size: 19px;
    }

    .quiz-slider-wrapper {
        position: relative;
    }

    .custom-quiz-prev,
    .custom-quiz-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: linear-gradient(90deg, hsla(213, 97%, 13%, 1) 0%, hsla(213, 96%, 33%, 1) 100%);
        border: none;
        padding: 10px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        z-index: 10;
        height: 30.5px;
    }

    .custom-quiz-prev {
        left: -43px;
    }

    .custom-quiz-next {
        right: -43px;
    }

    .custom-quiz-prev img,
    .custom-quiz-next img {
        width: 20px;
        height: 20px;
    }

    .custom-nav-left-01,
    .custom-nav-right-01 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #ddd;
        color: #feda6a;
        border: none;
        border-radius: 50%;
        padding: 7.5px 15px;
        font-size: 18px;
        z-index: 100;
    }

    .custom-nav-left-01 {
        left: -50px;
    }

    .custom-nav-left-01 i,
    .custom-nav-right-01 i {
        color: #606060 !important;
        font-size: 15px;
    }

    .custom-nav-right-01 {
        right: -50px;
    }

    .unique-carousel-wrapper .owl-dots {
        text-align: center;
        margin-top: 0px;
    }

    .unique-carousel-wrapper .owl-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #d5d0d0 !important;
        border-radius: 50%;
        margin: 0 5px;
        transition: background 0.3s ease;
        cursor: pointer;
    }

    .unique-carousel-wrapper .owl-dot.active {
        background: #818183 !important;
    }

    .category-title {
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin-top: 20px;
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
    }

    .category-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .category-grid h6 {
        font-size: 10px;
        font-weight: 500;
        color: var(--black-color);
    }

    .see-all-category {
        display: none !important;
    }

    .Discover-Top-Categories h4 {
        font-size: 18px !important;
    }

    .category-box {
        display: flex;
        gap: 12px;
        margin-bottom: 0px;
    }

    .category-box img {
        border-radius: 0%;
        width: auto;
        height: auto;
    }

    img.modal-image {
        width: 50%;
    }

    .swiper-slide.swiper-slide-active {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .image-modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        overflow: auto;
        justify-content: center;
        align-items: center;
        z-index: 999;
    }

    .modal-swiper {
        width: 80%;
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .close-modal {
        position: absolute;
        top: 10px;
        right: 25px;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
    }

    .coursetablinks.active {
        font-size: 16px;
    }

    .coursetablinks {
        font-size: 16px;
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 0px;
        height: auto !important;
    }

    .blank-white-box {
        background-color: white;
        border-radius: 3px;
        width: 75px;
        height: 25px;
        box-shadow: 0 2px 2px rgb(0 0 0 / 25%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blank-white-box img {
        width: 48px !important;
    }

    a {
        text-decoration: none;
    }

    :root {
        --heading-color: #212529;
        --black-color: #000000;
        --white-color: #ffffff;
        --heading-line-color: #f8981d;
        --card-bottom-line: #fbfbfb26;
        --best-seller-text: #034ba5;
        --button-bg: #0056b3;
        --button-hover: #0050a7;
        --free-for-you: #b11f2a;
        --inner-section-para-color: #707070;
        --bg-color-section: #f1faff;
        --border-color: #fb8f2a;
        --para-text: #252c2d;
        --bg-color2: #f4f4f4;
        --bg-color3: #f6f6f6;
        --bg-color4: #083068;
    }

    .gap-class-2 {
        gap: 3px;
        display: flex;
        align-items: center;
    }

    .gap-class-3 {
        gap: 10px;
        display: flex;
        align-items: center;
    }

    .gap-class-4 {
        gap: 20px;
        display: flex;
        align-items: center;
    }

    p {
        margin-bottom: 0px;
    }

    .header-top-links {
        position: relative;
        z-index: 999;
    }

    .first-banner-desktop {
        position: relative;
    }

    .first-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }

    .first-btn a {
        font-size: 15px;
        font-weight: 600;
        margin-right: 28px;
        padding: 14px 24px;
        border-radius: 4px;
        background: white !important;
        color: #0e394c !important;
    }

    .second-btn {
        position: absolute;
        bottom: 0;
        width: 193px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        color: white;
        padding: 10px 20px;
        border: 2px solid #fff;
        border-radius: 6px;
    }

    .second-btn img {
        width: 30px !important;
}

    .second-banner-mobile {
        display: none;
    }

    /* .hero-section img {
        width: 100%;
    } */

    .bannerslide1 {
        background-size: cover !important;
        background-position: center;
        background-position: center center !important;
        height: auto !important;
    }

    .button-repfirst {
        color: #0e394c !important;
        font-size: 15px;
        font-weight: 600;
        margin-right: 28px;
        padding: 14px 24px;
        border-radius: 4px;
        background: white !important;
        border: none;
    }

    button.downloadModalPopup.btnclick {
        margin-top: 0px;
    }

    .mobile-banner img {
        width: 100%;
        height: auto;
    }

    .campus-btn {
        border: 2px solid #fff;
        border-radius: 7px;
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 11px 20px;
        margin: 43px 0 0 -12px;
        position: absolute;
        bottom: 34px;
        left: 352px;
    }

    .campus-btn img {
        width: 30px;
    }

    .campus-btn a {
        display: flex;
        gap: 9px;
        align-items: center;
        color: #fff;
    }

    .campus-btn a i {
        font-size: 20px;
    }

    .for-update-section {
        padding: 50px 0px;
        padding-bottom:0px;
        background: linear-gradient(90deg, hsla(227, 97%, 24%, 1) 0%, hsla(210, 96%, 46%, 1) 100%);
    }

    .for-update-section .first-column {
        position: relative;
    }

    .viible-text-image {
        position: absolute;
        top: -13px;
        right: 231px;
    }

    .for-update-section .first-column h2 {
        color: var(--white-color);
        font-size: 35px;
        font-weight: 700;
        position: relative;
    }

    .for-update-section .first-column h2::after {
        content: "";
        width: 150px;
        height: 3px;
        background-color: var(--white-color);
        position: absolute;
        bottom: -20px;
        left: 0;
    }

    .for-update-section .first-column h5 {
        color: var(--white-color);
        font-size: 20px;
        font-weight: 700;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .for-update-section .first-column h6 {
        color: var(--white-color);
        font-size: 17px;
        font-weight: 400;
        line-height: 1.6em;
    }

    .for-update-section .first-column ul {
        margin-bottom: 35px;
        margin-top: 20px;
    }

    .for-update-section .first-column ul li {
        color: var(--white-color);
        font-size: 15px;
        font-weight: 400;
        list-style-type: disc;
        margin-left: 30px;
        line-height: 1.6em;
    }

    .for-update-section .first-column a.all-updats-btn {
        background: white;
        border-radius: 5px;
        padding: 10px 30px;
        font-weight: 600;
        color: #034BA5;
    }

    .for-update-section .second-column {
        background-color: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px;
    }

    .for-update-section .second-column img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    .main-card-for-heading .heading {
        display: flex;
        justify-content: center;
        margin-top: 45px !important;
    }

    .main-card-for-heading .heading h4 {
        font-size: 20px;
        font-weight: 600;
        position: relative;
    }

    .main-card-for-heading .heading h4::after {
        content: "";
        width: 72px;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -5px;
        right: 0px;
        z-index: 999;
    }

    .main-card-section {
        display: flex;
        grid-template-columns: repeat(4, 1fr);
        animation: marquee 30s linear infinite;
        padding: 50px 0px 20px 0px;
        gap: 20px;
        flex-wrap: wrap;
    }

    .cards {
       /* width: 262px;*/
        border-radius: 10px;
        
    }

    .fa-plane:before,
    .fa-computer:before,
    .fa-file:before {
        font-size: 9px;
        color: white;
    }

    .fa-plane:before {
        content: "\f072";
    }

    .fa-computer:before {
        content: "\e4e5";
    }

    .fa-file:before {
        content: "\f15b";
    }

    i.fa-solid.fa-star {
        margin-top: 2px;
        color: #fdbf84;
    }

    .cards .boxes {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        position: relative;
        margin-top: 0px;
    }

    .bg-box1 {
        background: linear-gradient(90deg, hsla(154, 40%, 33%, 1) 0%, hsla(153, 47%, 45%, 1) 100%);
        padding: 15px 12px;
    }

    .bg-box2 {
        background: linear-gradient(90deg, hsla(233, 16%, 41%, 1) 0%, hsla(233, 25%, 58%, 1) 100%);
        padding: 15px 12px;
    }

    .bg-box3 {
        background: linear-gradient(90deg, hsla(95, 6%, 36%, 1) 0%, hsla(109, 9%, 51%, 1) 100%);
        padding: 15px 12px;
    }

    .bg-box4 {
        background: linear-gradient(90deg, hsla(183, 61%, 29%, 1) 0%, hsla(182, 78%, 38%, 1) 100%);
        padding: 15px 12px;
    }

    .bg-box5 {
        background: linear-gradient(90deg, hsla(32, 35%, 46%, 1) 0%, hsla(34, 78%, 66%, 1) 100%);
        padding: 15px 12px;
    }

    .bg-box6 {
        background: linear-gradient(90deg, hsla(192, 12%, 8%, 1) 0%, hsla(211, 36%, 46%, 1) 100%);
        padding: 15px 12px;
    }

    .bg-box7 {
        background: linear-gradient(90deg, hsla(215, 76%, 41%, 1) 0%, hsla(9, 58%, 47%, 1) 100%);
        padding: 15px 12px;
    }

    .bg-box8 {
        background: linear-gradient(90deg, hsla(222, 51%, 34%, 1) 0%, hsla(236, 100%, 8%, 1) 100%);
        padding: 15px 12px;
    }

    .border-top1 {
        border-top: 5px solid #25bb78 !important;
    }

    .border-top2 {
        border-top: 5px solid #585c79 !important;
    }

    .border-top3 {
        border-top: 5px solid #5b6156 !important;
    }

    .border-top4 {
        border-top: 5px solid #1d7377 !important;
    }

    .border-top5 {
        border-top: 5px solid #9e784c !important;
    }

    .border-top6 {
        border-top: 5px solid #121617 !important;
    }

    .border-top7 {
        border-top: 5px solid #bd4732 !important;
    }

    .border-top8 {
        border-top: 5px solid #000329 !important;
    }

    .h5-color-1 {
        color: #3DA979 !important;
    }

    .h5-color-2 {
        color: #585C79 !important;
    }

    .h5-color-3 {
        color: #5C6357 !important;
    }

    .h5-color-4 {
        color: #1D7579 !important;
    }

    .h5-color-5 {
        color: #ecb165 !important;
    }

    .h5-color-6 {
        color: #4b74a0 !important;
    }

    .h5-color-7 {
        color: #bd4732 !important;
    }

    .h5-color-8 {
        color: #000329 !important;
    }

    .top-sectionpara-and-start-rating {
        display: flex;
        justify-content: space-between;
    }

    .top-sectionpara-and-start-rating p.start-rating {
        border: 1px solid var(--white-color);
        border-radius: 4px;
        padding: 0px 6px;
        display: flex;
        gap: 5px;
    }

    .cards .boxes P {
        color: var(--white-color);
        font-size: 10px;
        margin-bottom: 5px;
    }

    .cards .boxes h5 {
        color: var(--white-color);
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.4em;
        margin-top: 8px;
        border-bottom: 1px solid var(--card-bottom-line);
        padding-bottom: 54px;
        height: 42px;
    }

    .icon-with- {
        display: flex;
        gap: 5px;
        margin-top: 17px;
        border-top: 1px solid #ffffff2e;
        padding-top: 13px;
    }

    .icon-with- i.fa-regular.fa-file {
        margin-bottom: 7px;
    }

    .icon-with- .inner-text-para {
        margin-top: 6px;
    }

    .cover1,
    .cover2 {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .cover1 .two,
    .cover2 .one {
        display: flex;
        align-items: center;
    }

    .cover1 p,
    .cover2 p {
        font-size: 9px !important;
        margin-bottom: 0px !important;
    }

    .main-image {
        position: relative;
        display: flex;
        padding: 20px;
        gap: 10px;
        height: 122px;
        border-top: 5px solid red;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .main-image h5 {
        text-transform: uppercase;
        color: var(--black-color);
        font-size: 17px;
    }

    .main-image p {
        position: absolute;
        top: 0;
        right: 5px;
        background-color: #E7E7E7;
        padding: 5px 10px;
        color: var(--best-seller-text);
        font-weight: 600;
        font-size: 7px;
        border-bottom-left-radius: 6px;
        text-transform: uppercase;
        border-bottom-right-radius: 6px;
        text-align: center;
        line-height: 1.2em;
    }

    .main-image img {
        width: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        object-fit: none;
        width: 80px;
        height: 60px;
        object-fit: scale-down;
        margin-top: 10px;
    }

    .btns {
        padding: 10px;
        display: flex;
        justify-content: center;
    }

    button#btn-design {
        background: var(--button-bg) !important;
        font-size: 14px;
        padding: 12px 28px;
        color: white !important;
        font-weight: 500;
        border-radius: 5px;
    }

    button#btn-design:hover {
        background: var(--button-hover);
    }

    .btns a:hover {
        color: var(--button-bg) !important;
    }

    .btns a {
        color: var(--black-color);
        text-decoration: none;
        font-weight: 500;
        font-size: 12px;
    }

    .all-course-btn a {
        text-decoration: none;
        border-radius: 5px;
        color: white;
    }

    .iocn-google-review-for-heading .heading {
        display: flex;
        justify-content: center;
    }

    .iocn-google-review-for-heading .heading h4 {
        font-size: 20px;
        font-weight: 600;
        position: relative;
    }

    .iocn-google-review-for-heading .heading h4::after {
        content: "";
        width: 99px;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -5px;
        right: 0;
    }

    .iocn-google-review-section {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        padding: 0px 0px;
    }

  

   

    .iocn-google-review-section .star-icon {
        display: flex;
        flex-direction: column;
    }

    .iocn-google-review-section .cover-google {
        display: flex;
        gap: 14px;
        align-items: center;
    }

    .iocn-google-review-section .cover-google img {
        width: 30px;
    }

    .iocn-google-review-section .rating-section {
        display: flex;
        gap: 6px;
    }

    .iocn-google-review-section .rating-section img {
        width: 12px;
    }

    .iocn-google-review-section .rating-section p {
        font-size: 23px;
        font-weight: 600;
        color: #fff;
    }

    .iocn-google-review-section .text-review0-section p {
        color: #fff;
        font-size: 10px;
        font-weight: 500;
        margin-top: -5px;
    }

    .quiz-card-section-main-for-heading .heading {
        display: flex;
        justify-content: center;
    }

    .quiz-card-section-main-for-heading .heading h4 {
        font-size: 20px;
        margin-bottom: 0;
        font-weight: 600;
        position: relative;
    }

    .quiz-card-section-main-for-heading .heading h4::after {
        content: "";
        width: 118px;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -5px;
        right: 0;
    }

    .bg-gredient-bottom {
        background: linear-gradient(0deg, hsla(218, 99%, 30%, 1) 0%, hsla(0, 0%, 40%, 1) 100%);
    }

    .free-for-you {
        background-color: #fde3e5;
    }

    .free-for-you p {
        font-weight: 700;
        color: var(--free-for-you);
    }

    .quiz-card-section-main .middle-section-quiz {
        padding: 15px 16px;
    }


    
    .quiz-card-section-main .middle-section-quiz h5 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        text-align:left;
        color: #073C80;
    }

    .quiz-card-section-main .middle-section-quiz p {
        color: var(--inner-section-para-color);
        font-size: 14px;
        line-height: 1.5;
          text-align:left;
          font-weight: 500;
    }

    .session-section {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .session-section p{
   color:#034BA5 !important;
   font-size: 12px !important;
   font-weight: 600 !important;
}


    .quiz-card-section-main .quiz-card-inner {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        margin-left: -1.5px;
        background-color:#fff;
    }
.quiz-card-section-main .quiz-card-inner  .btn-text {
    color: #034ba5;
    font-size: 10px;
    margin-top: 11px;
    background-color: #f1faff;
    padding: 10px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    gap: 10px;
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
}
.quiz-card-section-main .quiz-card-inner  .btn-text:hover {
    background-color: #034ba5;
    color:white;
}

.quiz-card-section-main .quiz-card-inner  .btn-text:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

    .quiz-card-section-main .quiz-box-inner-image img {
        width: 100%;
        border-radius: 8px 8px 0 0;
    }
    
    .quiz-slider-wrapper.position-relative {
    margin-top: -57px;
}



    .middle-section-quiz .calender-time-icon {
        display: flex;
        gap: 8px;
    }

    .heading {
        display: flex;
        justify-content: center;
    }

    .heading h4 {
        font-size: 20px;
        margin-bottom: 0;
        font-weight: 600;
        position: relative;
    }

    span.studentvideoappend {
        display: flex;
    }

    .heading h4::after {
        content: "";
        width: 99px;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -5px;
        right: 0;
    }

    .video-patti.first-banner {
        position: absolute;
        top: 43%;
        left: 40%;
    }

    @media (max-width: 768px) {
        .video-patti.first-banner {
            left: 40%;
        }
    }

    .video-btn {
        width: 50px;
        height: 50px;
        background: #fff;
        margin: auto;
        padding: 14px 20px;
        border-radius: 50%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
        text-align: center;
        color: #d73438;
        position: relative;
    }

    .video-btn .ripple {
        position: absolute;
        width: 60px;
        height: 60px;
        z-index: -1;
        left: 50%;
        top: 50%;
        margin: -30px 0 0 -30px;
        border-radius: 50%;
        animation: ripple 1.8s infinite;
        opacity: 0;
    }

    @keyframes ripple {
        100% {
            opacity: 1;
            transform: scale(1.5);
        }
    }

    .videowatch .video-patti {
        display: flex;
        justify-content: space-around;
        width: 211px;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

    .right-hand-section h2 {
        font-size: 25px;
        background: linear-gradient(90deg, hsla(29, 96%, 57%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        text-align: left;
    }

    .slider5 {
        display: flex;
        transition: transform 0.5s ease-in-out;
        scroll-behavior: smooth;
    }

    img.opacity-class {
        opacity: 1 !important;
        border: 2px solid orange !important;
    }

    .slide {
        flex: 0 0 25%;
        text-align: center;
        padding: 10px;
        position: relative;
    }

    .slide img {
        width: 76%;
        opacity: 0.5;
        transition: opacity 0.3s, border 0.3s;
        background-color: #2b4584;
        border-radius: 6px;
        cursor: pointer;
        border: 2px solid #fff;
    }

    .slider-container {
        position: relative;
        width: 93.3%;
        overflow: hidden;
        margin-left: 17px;
        padding: 0 19px;
    }

    button {
        background: none;
        border: none;
        color: black;
        font-size: 24px;
        cursor: pointer;
    }

    .coueses-main-section {
        background-color: var(--bg-color3);
        width: 91%;
        margin: auto;
        border-bottom: 6px solid var(--border-color);
        border-radius: 6px;
        padding:18px 10px;
        display: flex;
        gap: 20px;
    }

    .coueses-main-section .course-first,
    .course-main-second {
        display: flex;
        gap: 11px;
    }

    .course-main-second h4,
    .coueses-main-section .course-first h4 {
        font-size: 20px;
        color: var(--border-color);
        font-weight: 700;
    }

    .course-main-second p,
    .coueses-main-section .course-first p {
        margin-top: -35px;
        color: var(--bg-color4);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
    }

    .coueses-main-section .course-second p {
        margin-top: 0;
        font-size: 8px;
        color: var(--inner-section-para-color);
        font-weight: 400;
    }

    .for-reel-section .swiper-slide img {
        opacity: 0.5;
        transition: opacity 0.3s ease-in-out;
    }

    .for-reel-section .swiper-slide img {
        transition: border 0.3s ease-in-out;
    }

    .for-reel-section .swiper-slide img.active {
        border: 3px solid orange;
    }

    .for-reel-section .swiper-slide img.active {
        opacity: 1;
    }

    .left-section {
        width: 100%;
    }

    .heading h4 {
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }

    h4.category-title {
        margin-top: 34px;
    }

    .left-hand-image {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px;
    }

    #main-slide-content img {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-in-out;
    }

    .right-hand-section {
        text-align: center;
        position: relative;
        z-index: 0;
    }
    
a.for-view-more-stories {
    border: 2px solid #034BA5;
    border-radius: 5px;
    padding: 10px;
    color: #034BA5;
    width: 90%;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    transition:all 0.3s ease-in-out;
}

a.for-view-more-stories:hover {
    background-color:#034BA5;
    color:#fff;
}
a.for-view-more-stories:hover i{
    color:#fff;
}

 a.for-view-more-stories i {
   color:#034BA5;
     transition:all 0.3s ease-in-out;
}

    .right-hand-section h2 {
        font-size: 28px;
        font-weight: bold;
        color: #444;
    }

    .swiper-container {
        width: 76%;
        padding: 20px 0;
        overflow: hidden;
        margin: auto;
    }

    .for-reel-section .swiper-wrapper {
        display: flex;
        align-items: center;
        margin-top: -17px;
        margin-left: 2px;
    }

    .for-reel-section .swiper-slide {
        text-align: center;
        background: #2b4584;
        border-radius: 10px;
        overflow: hidden;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 73px !important;
    }

    .for-reel-section .swiper-slide img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        transition: all 0.3s ease-in-out;
    }

    .for-reel-section .swiper-slide:hover {
        transform: scale(1.03);
    }

    .for-reel-section .swiper-pagination-bullet {
        background-color: #ff6600;
        display: none;
    }

    @media only screen and (max-width: 768px) {
        .row {
            /*flex-direction: column;*/
        }
        .for-reel-section .swiper-slide {
            width: 80%;
            margin: auto;
        }
    }

    .video-patti.first-banner.for-swiper.studentvideo {
        position: absolute;
        top: 68%;
    }

    .for-beyond-section h5 {
        color: white;
        font-size: 24px;
        font-weight: 900;
    }

    .for-beyond-section p {
        color: white;
        font-size: 17px;
        margin-bottom: 16px;
    }

    .for-beyond-section .profiles-boxes {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .for-beyond-section .profiles-boxes {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 23px;
    }

    .for-beyond-section .profiles-boxes .inner-box {
        padding: 10px;
        border-radius: 5px;
        justify-items: center;
        background-color: white;
        display: grid;
        gap: 12px;
    }

    .for-beyond-section .profiles-boxes .inner-box p {
        color: #034BA5;
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .cover-main-section-bg h4 {
        color: #fff;
        font-size: 24px;
        font-weight: 900 !important;
    }

    p.process {
        color: white;
        font-size: 17px;
        font-weight: 700;
        margin-top: -4px;
        margin-bottom: 20px;
    }

    .swiper-coverflow {
        width: auto !important;
    }


    span.swiper-pagination-bullet {
        background: #ffffff !important;
    }

    .swiper {
        width: 100%;
        padding-top: 3.125rem;
    }

    .swiper-pagination-bullet,
    .swiper-pagination-bullet-active {
        background: #fff;
    }

    .swiper-pagination {
        bottom: 1.25rem !important;
    }

    .swiper-slide {
        width: 25.75rem;
        height: 28.125rem;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: self-start;
    }

    .swiper-slide h2 {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.4;
        margin-bottom: 0.625rem;
        padding: 0 0 0 1.563rem;
        text-transform: uppercase;
    }

    .swiper-slide p {
        color: #dadada;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        padding: 0 1.563rem;
        line-height: 1.6;
        font-size: 0.75rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    @media only screen and (max-width:576px) {
        .main-image h5 {
            margin-bottom: 0px;
        }
        .main-image {
            align-items: center;
        }
        .main-image img {
            margin-top: 0px;
        }
        .quiz-card-section-main .quiz-card-inner {
            /*width: 318px;*/
            margin-left: 1px;
            margin: auto;
        }
        .custom-nav-left-01 {
            left: 0px;
            display: none;
        }
        .custom-nav-right-01 {
            right: 0;
            display: none;
        }
        .unique-carousel-wrapper .owl-dots {
            text-align: center;
            margin-top: 8px;
            margin-bottom: 23px;
        }
        .cards {
         border-radius: 10px;
           
            /*width: 300px;
           margin: auto;
            box-shadow: rgb(0 0 0 / 20%) 0px 0 9px;*/
             
        }
        .nascom-inner-section img {
            margin-top: 30px !important;
        }
        .category-grid {
            grid-template-columns: repeat(2, 1fr) !important;
            padding: 0px 20px;
        }
        .swiper-3d {
            perspective: 1726px !important;
            margin-left: -28px !important;
            margin-top: 50px;
            margin-bottom: 50px !important;
             width: 100%;
        }
        main {
            overflow: hidden;
        }
        .col-lg-5.col-md-12.col-sm-12.d-flex.align-items-center.for-slider-testi-mobile {
            margin-bottom: 50px;
        }
    }

    @media only screen and (max-width:380px) {
        .OPC-section-main h2::after {
            width: 90px !important
        }
        .associated-with-for-heading .heading h4::after {
            content: "";
            width: 87px !important;
            height: 2px;
            background-color: var(--heading-line-color);
            position: absolute;
            bottom: -7px;
            right: 124px !important;
        }
        .for-reel-section .swiper-slide {
            width: 68px !important;
        }
        .swiper-3d {
            perspective: 610px !important;
            margin-left: -49px !important;
            margin-top: 50px;
        }
        .line-image img {
            height: 224px !important;
        }
    }

    @media only screen and (max-width:350px) {
        .for-mobile-traning-padding h4::after {
    content: "";
    width: 133px !important;
    height: 2px;
    background-color: var(--heading-line-color);
    position: absolute;
    bottom: -4px;
    right: 94px !important;
}

.social-media-links .first-card img{
    width: 140px;
}

 .for-update-section .second-column img {
        width: 100%;
        height: 290px;
        object-fit:cover;
    }

.for-mobile-traning-padding h4 {
    font-size: 18px;
    padding: 0px 30px !important;
}
        .swiper-3d {
            perspective: 500px !important;
            margin-left: -49px !important;
            margin-top: 50px;
        }
        .line-image img {
            height: 224px !important;
        }
    }

   .bg-image-section {
    background: 
        linear-gradient(
            90deg,
            hsla(29, 96%, 57%, 0.6) 10%,
            hsla(215, 86%, 22%, 0.6) 73%
        ),
        url("public/img/cover-bg.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .first-box {
        padding: 12px 40px 0 60px;
        border-radius: 5px;
    }

    span#studentreels {
        display: flex;
    }

    .first-box .mock-heading {
        color: #9a3812;
    }

    .first-box .right-Opportunity-heading {
        color: #1e5e45;
    }

    .first-box h3 {
        font-size: 15px;
        font-weight: 600;
        color: var(--bg-color4);
        margin-bottom: 0;
    }

    .inner-icon-section p {
        font-size: 12px;
        color: var(--para-text);
        font-weight: 500;
    }

    .fade-image-file {
        margin-bottom: -9px;
    }

    .cover-section-all-boxes {
        position: relative;
    }

    .cover-section-all-boxes .hover-box1,
    .cover-section-all-boxes .hover-box2,
    .cover-section-all-boxes .hover-box3 {
        transition: all 0.5s ease-in-out;
        cursor: pointer;
    }

    .cover-section-all-boxes .hover-box1:hover,
    .cover-section-all-boxes .hover-box2:hover,
    .cover-section-all-boxes .hover-box3:hover {
        transform: scale(1.05);
    }

    .line-image {
        position: absolute;
        top: 20px;
        left: 17px;
    }

    .line-image img {
        height: 223px;
        width: 18px;
    }

    .student-testimonial-card {
        transform: scale(0.9);
        transition: transform 0.3s ease-in-out;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

    .student-testimonial-card a {
        text-decoration: none;
    }

    .student-name {
        background: none;
    }

    .student-name h5 {
        font-size: 14px;
    }

    .student-testimonial-card img.profile-pic {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin-right: 10px;
        background-color: #b2dfff;
        padding: 3px;
        object-fit: cover;
        object-position: center;
    }

    .owl-item.active.center .student-testimonial-card {
        transform: scale(1.1);
        background: #f0f8ff !important;
    }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        padding: 24px 3px !important;
    }

    .student-testimonial-card .owl-item img {
        display: block;
        width: 100%;
    }

    .student-testimonial-card p {
        font-size: 10px;
        text-align: justify;
    }

    .student-testimonial-card .student-ranting-box {
        border-top: 2px solid #ddd;
        border-radius: 0 0 10px 10px;
        padding-left: 15px;
    }

    .student-testimonial-card .student-ranting-box .studentstar-list i {
        font-size: 11px;
    }

    .student-testimonial-card .reviews-star i {
        background: linear-gradient(45deg, #fe8739, #ffdf58);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 15px;
    }

    .student-testimonial-card .quote-icon {
        font-size: 24px;
        color: var(--button-bg);
        margin: auto;
        margin-left: 87px;
        width: 46px;
    }

    .student-testimonial-card .view_morebtn {
        background-color: #ff9100;
        padding: 9px 0;
        font-size: 15px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        width: 162px !important;
        gap: 10px;
    }

    .student-testimonial-card .view_morebtn:hover {
        color: white;
    }

    .student-testimonial-card .owl-carousel .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        transform: translateY(-50%);
        z-index: 1;
        margin: 0 50px;
    }

    .student-testimonial-card .owl-carousel .owl-nav button {
        background: #fff;
        border: none;
        padding: 10px;
        border-radius: 50%;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .student-testimonial-card .owl-carousel .owl-nav button:hover {
        background: #ddd;
    }

    .student-testimonial-card .owl-carousel .owl-dots {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .student-testimonial-card .owl-carousel .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        background: #ccc;
        border-radius: 50%;
        cursor: pointer;
    }

    .studenttestimonial-slider {
        display: flex;
        flex-direction: column;
    }

    .owl-theme .owl-nav {
        position: absolute;
        bottom: -11px;
        left: 49.5%;
        display: flex;
        margin-left: -59px;
        gap: 92px;
        text-align: center;
        margin-top: 10px;
        -webkit-tap-highlight-color: transparent;
    }

    .owl-theme .owl-nav [class*='owl-']:hover {
        background: none !important;
        color: #FFF;
        text-decoration: none;
    }

    .owl-next span,
    .owl-prev span {
        color: var(--button-bg);
        font-size: 33px;
    }

    .course-testi-super-heading {
        display: flex;
        justify-content: center;
    }

    .course-testi-super-heading h2 {
        font-size: 20px;
        border-bottom: 0px !important;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 0;
        position: relative;
    }

    .course-testi-super-heading h2::after {
        content: "";
        width: 104px;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -2px;
        right: 0;
    }

    .p-3.ml-auto.ranting-logo {
        border-left: 1px solid #d1d1d1;
        margin-left: 90px;
    }

    span.ml-1.ranting-text {
        font-size: 12px;
        margin-left: 5px;
    }

.bg-none
{
  background-color:transparent !important;
}

    .OPC-section-main {
        background-color: var(--bg-color-section);
    }

    .OPC-section-main h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.5em;
        background: linear-gradient(90deg, hsla(213, 96%, 33%, 1) 0%, hsla(213, 97%, 13%, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
        margin-bottom: 30px;
    }

    .OPC-section-main h2::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 174px;
        border-bottom: 3px solid var(--button-bg);
        bottom: -10px;
        left: 0;
    }

    .trigoloop-technologies-section p,
    .trigoloop-technologies-section ul li {
        font-weight: 500;
        font-size: 12px;
    }

    .trigoloop-technologies-section p {
        margin-bottom: 15px;
    }

    .trigoloop-technologies-section ul {
        list-style-type: disc;
        padding-left: 32px;
    }

    .trigoloop-technologies-section ul li {
        line-height: 1.9em;
    }

    .trigoloop-technologies-right-section {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .trigoloop-technologies-right-section .box {
         padding:10px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.5s ease-in-out;
        cursor: pointer;
    }

    .trigoloop-technologies-right-section img {
        transition: all 0.5s ease-in-out;
    }

    .trigoloop-technologies-right-section .box:hover img {
        transform: scale(1.1);
    }

    .step-placement-for-heading .heading {
        display: flex;
        justify-content: center;
    }

    .step-placement-for-heading .heading h4 {
        font-size: 18px;
        margin-bottom: 0px;
        font-weight: 600;
        position: relative;
    }

    .step-placement-for-heading .heading h4::after {
        content: "";
        width: 175px !important;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -5px;
        right: 0px !important;
    }

    .associated-with-for-heading .heading {
        display: flex;
        justify-content: center;
    }

    .associated-with-for-heading .heading h4 {
        font-size: 18px;
        margin-bottom: 0;
        font-weight: 600;
        position: relative;
    }

    .associated-with-for-heading .heading h4::after {
        content: "";
        width: 136px;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -7px;
        right: 0;
    }

    .view-all-partner-section,
    .view-all-partner-section2 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
    }

    .view-all-partner-section .box,
    .view-all-partner-section2 .box {
        box-shadow: #bae3fa 0px 1px 16px;
        padding: 10px;
        border-radius: 5px;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .marquee-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .marquee,
    .marquee2,
    .marquee3 {
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

    .marquee-wrapper::before,
    .marquee-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        width: 10%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
    }

    .marquee-wrapper::before {
        left: 0;
        background: linear-gradient(90deg, rgb(241 250 255) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .marquee-wrapper::after {
        right: 0;
        background: linear-gradient(-90deg, rgb(241 250 255) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .marquee-content,
    .marquee-content2,
    .marquee-content3 {
        display: flex;
        padding: 10px 0px;
        animation: marquee-left 10s linear infinite;
    }

    .marquee-content .box,
    .marquee-content2 .box,
    .marquee-content3 .box {
        margin: 0 10px;
        width: 150px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .marquee-content img,
    .marquee-content2 img,
    .marquee-content3 img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    @keyframes marquee-left {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-50%);
        }
    }

    @keyframes marquee-left-to-right {
        0% {
            transform: translateX(-50%);
        }
        100% {
            transform: translateX(0);
        }
    }

    .marquee-content2 {
        animation: marquee-left-to-right 8s linear infinite;
    }

    .marquee-content3 {
        animation: marquee-left 15s linear infinite;
    }

    .genral-container-hover-box-for-heading .heading {
        display: flex;
        justify-content: center;
    }

    .genral-container-hover-box-for-heading .heading h4 {
        font-size: 18px;
        margin-bottom: 0;
        font-weight: 600;
        position: relative;
    }

    .genral-container-hover-box-for-heading .heading h4::after {
        content: "";
        width: 129px;
        height: 2px;
        background-color: var(--heading-line-color);
        position: absolute;
        bottom: -4px;
        right: 0;
    }

    .general-container {
        display: flex;
        height: 395px;
        margin: 0 auto;
        justify-content: space-between;
        width: 100%;
    }

    .content {
        background: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 10px;
        cursor: pointer;
        flex: 1.3;
        margin-right: 0.8rem;
        overflow: hidden;
        position: relative;
        transition: transform 0.3s ease, flex 0.3s ease;
    }

    .content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .radio {
        display: none;
    }

    .content img.default {
        opacity: 1;
    }

    .content img.new-image {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .radio:checked+label {
        flex: 3;
    }

    .radio:checked+label img.default {
        opacity: 0;
    }

    .radio:checked+label img.new-image {
        opacity: 1;
        transition: opacity 0.5s ease;
    }

    .radio:not(:checked)+label img.new-image {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .bg-section-years-of-traning {
        background-color: var(--bg-color-section);
    }

    .years-of-traning-section-main {
        padding: 0px 0px 50px 0px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
    }
    
 .for-mobile-traning-padding {
     display: flex;
    flex-direction: column;
    align-items: center;
}
 .for-mobile-traning-padding h4 {
    margin-top: 41px;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    position:relative;
    display:inline-block;
    color:#333333;
}
 .for-mobile-traning-padding h4::after {
       content: "";
    width: 129px;
    height: 2px;
    background-color: var(--heading-line-color);
    position: absolute;
    bottom: -4px;
    right: 0;
}

    .years-of-traning-section-main .one-box h5 {
        margin-bottom: 0;
        color: #C53021;
        font-size: 16px;
        font-weight: 700;
    }
    .years-of-traning-section-main .two-box h5 {
        margin-bottom: 0;
        color: #4B3CCF;
        font-size: 16px;
        font-weight: 700;
    }
    .years-of-traning-section-main .three-box h5 {
        margin-bottom: 0;
        color: #E69000;
        font-size: 16px;
        font-weight: 700;
    }
    .years-of-traning-section-main .four-box h5 {
        margin-bottom: 0;
        color: #26BD39;
        font-size: 16px;
        font-weight: 700;
    }

    .years-of-traning-section-main .box1 p {
        font-size: 12px;
        color: #000;
        font-weight: 500;
    }

    /*.years-of-traning-section-main .box-cover {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    background-color:blue;*/
    /*}*/
    
.box-cover.one-box {
    background: #F7F1F0;
    padding: 20px;
    border-bottom: 5px solid #C53021;
    border-radius: 8px;
}
.box-cover.two-box {
    background: #F0EDFF;
    padding: 20px;
    border-bottom: 5px solid #4B3CCF;
    border-radius: 8px;
}
.box-cover.three-box {
    background: #FFF6E8;
    padding: 20px;
    border-bottom: 5px solid #E69000;
    border-radius: 8px;
}
.box-cover.four-box {
    background: #E8F8EA;
    padding: 20px;
    border-bottom: 5px solid #18AD2B;
    border-radius: 8px;
}


.office-tour-section a{
    width:100%;
}

.office-tour-section .first {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    border-radius: 10px;
    background: linear-gradient(90deg, hsla(46, 98%, 80%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
}
.office-tour-section .first p{
    color:#933C0D;
    font-size: 17px;
    font-weight: 600;
}


.office-tour-section .second {
    padding: 20px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    border-radius: 10px;
   background: linear-gradient(90deg, hsla(0, 0%, 100%, 1) 0%, hsla(331, 100%, 94%, 1) 100%);

}


.main-cover-for-traningp-first-half {
    width: 100%;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.office-tour-section .second p {
    font-size: 17px;
    font-weight: 600;
    color: #DF0A40;
}

.office-tour-section .third {
    padding: 20px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    border-radius: 10px;
    background: linear-gradient(90deg, hsla(347, 90%, 96%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
}


.office-tour-section .third p {
    font-size: 17px;
    font-weight: 600;
    color: #B61A55;
}


.office-tour-section .four {
    padding: 20px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    border-radius: 10px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 1) 0%, hsla(257, 47%, 79%, 1) 100%);
}

.office-tour-section .four p {
    font-size: 17px;
    font-weight: 600;
    color: #543A78;
}





    .office-tour-section .first,
    .office-tour-section .second,
    .office-tour-section .third,
    .office-tour-section .four{
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    .office-tour-section .first:hover {
        transform: scale(1.1);
        transform-origin: right center;
    }
    .office-tour-section .second:hover {
        transform: scale(1.1);
        transform-origin: left center;
    }

    .office-tour-section .third:hover {
        transform: scale(1.1);
        transform-origin: right center;
    }
    .office-tour-section .four:hover {
        transform: scale(1.1);
        transform-origin: left center;
    }

    .office-tour-section .margin-top-class,
    .office-tour-section .margin-bottom-class {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .second-image-div img {
        width: 100%;
        border-radius: 8px;
    }

    .video-patti.third-banner {
        position: absolute;
        top: 43%;
        left: 45%;
        cursor: pointer;
    }

    .whatsapp-border {
        border-bottom: 4px solid green !important;
    }

    .linkdin-border {
        border-bottom: 4px solid #007ebb !important;
    }

    .quora-border {
        border-bottom: 4px solid #e4351a !important;
    }

    .facebook-border {
        border-bottom: 4px solid #475993 !important;
    }

    .for-active {
        border-bottom: 4px solid green !important;
    }

    .gallery-image {
        border: 2px solid transparent;
        transition: border 0.3s ease;
        border-radius: 8px;
        transition: all 0.5s ease-in-out;
    }

    .gallery-image:hover {
        transform: scale(1.1);
    }

    .gallery-image.selected {
        border: 2px solid #f8981d;
        border-radius: 8px;
    }

    .associated-section-bg {
        background-color: var(--bg-color-section);
    }

    .social-box {
        background-color: white;
        border-radius: 10px;
        padding: 10px;
        border-bottom: 4px solid transparent;
        transition: border-bottom 0.3s ease;
        cursor: pointer;
    }

    .social-box p {
        font-weight: 500;
        font-size: 12px;
    }

    .associated-section-members {
        padding-top: 50px;
    }

    .associated-section-members h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
        position: relative;
    }

    .all-team-image {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 20px;
    }

    .campus-edge-sectiom {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        margin: 41px 0 21px;
    }

    .croma-edge-for-heading h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .campus-edge-sectiom h5 {
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        color: black;
        margin-top: 15px;
    }

    .campus-edge-sectiom p {
        font-size: 10px;
        color: var(--inner-section-para-color);
    }

    .nascom-main-section {
        padding: 0 40px;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
    }

    .second-section-nascom {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*.second-section-nascom p {*/
    /*    text-align: center;*/
    /*    color: var(--inner-section-para-color);*/
    /*    font-size: 20px;*/
    /*    font-weight: 500;*/
    /*    line-height: 1.6em;*/
    /*}*/

    .nascom-inner-section {
        position: relative;
        width: 100%;
    }

    .swiper-horizontal {
        touch-action: pan-y;
        overflow: hidden;
    }

    .nascom-inner-section .item {
        text-align: center;
        padding: 10px;
    }

    .nascom-inner-section img {
        width: 95%;
        height: auto;
        display: block;
        margin: 0 auto;
        padding: 38px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        top: 31px;
        position: absolute;
        font-size: 27px !important;
    }

    .phone-image-section {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .phone-image-section img {
        width: 318px;
        height: 388px;
        object-fit: cover;
        border-radius: 15px 15px 0 0;
    }

    .chat-image {
        position: absolute;
        top: 19.5%;
        left: 50%;
        transform: translateX(-50%);
        width: 71%;
    }

    .profile {
        width: 100%;
        cursor: pointer;
        border-radius: 5px;
        transition: transform 0.2s;
    }

    .profile:hover {
        transform: scale(1.1);
    }

    .right-section {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
        padding-left: 40px;
    }

    .arrow-icon-image {
        visibility: hidden;
    }

    .chat-display {
        display: flex;
        justify-content: flex-end;
    }

    .chat-display p {
        margin: 0;
        padding: 5px;
        color: #bbb;
    }

    .social-gallery {
        margin-top: 25px;
    }

    span.sreenshort {
        display: contents;
    }

    .cover-section {
        display: grid;
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 20px;
    }

    .lms-section {
        background-color: var(--bg-color4);
    }

    .lms-section h2 {
        color: white;
        font-size: 35px;
        font-weight: 600;
    }

    .lms-section p {
        color: white;
        margin: 28px 0 20px;
        font-size: 16px;
    }

    .lms-section a {
        background-color: white;
        padding: 10px 30px;
        border-radius: 5px;
        color: var(--bg-color4);
        font-weight: 600;
    }

    .lms-section .qr-image a {
        padding: 0;
    }

    .main-image-column {
        display: flex;
        justify-content: space-between;
    }

    .ui-ux-image {
        padding-left: 40px;
    }

    .ui-ux-image img {
        width: 100%;
    }

    .qr-image {
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    .feedback-query-section {
        background-color: white;
    }

    .site-spacing {
        padding: 30px 0px;
    }

    .display-flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .left-section-feedback span {
        font-size: 18px;
        font-weight: 400;
        color: #000;
        margin-bottom: 7px;
        display: block;
    }

    .left-section-feedback h4 {
        color: #022278;
        font-size: 26px;
        margin-bottom: 7px;
    }

    .left-section-feedback p {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0px;
        color: #000;
    }

    .feedback-query h4 {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin-bottom: 2px;
    }

    .support-box {
        background-color: white;
        padding: 8px 25px;
        border-radius: 4px;
        text-align: center;
        box-shadow: rgb(0 0 0 / 16%) 1px 5px 16px;
        max-width: 270px;
    }

    .support-box a {
        color: #000;
        font-weight: 600;
        font-size: 15px;
    }

    button.btn-close {
        font-size: 13px;
        position: absolute;
        top: -8px;
        right: 10px;
        background-color: white;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 0;
        height: 450px;
    }

    .btn-close:focus {
        outline: none;
    }

    /*.modal-content .close,*/
    /*button.close span {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    background-color: #121212;*/
    /*    color: #fff;*/
    /*    border: 0;*/
    /*    margin: 0;*/
    /*    border-radius: 0 0 0 15px;*/
    /*    width: 42px;*/
    /*    height: 34px;*/
    /*    font-size: 32px;*/
    /*    opacity: 1 !important;*/
    /*    z-index: 9 !important;*/
    /*}*/

    @media only screen and (max-width: 992px) {
        
        .cloud-computing {
            grid-template-columns: 100%;
    }
        .aws-cards {
            grid-template-columns: 100%;
        }
        .owl-carousel button.owl-dot {
            display: block;
        }
        .unique-carousel-wrapper .owl-dots {
            display: flex;
            justify-content: center;
        }
        .viible-text-image {
            display: none;
        }
        .for-update-section .second-column {
            padding: 10px;
        }
        .for-update-section {
            padding-bottom: 50px;
            padding: 0px 20px 0px 20px;
        }
        .for-update-section .first-column h2 {
            font-size: 25px;
        }
        .for-update-section .first-column {
            padding: 50px 0px;
        }
        .heading h4 {
            font-size: 18px;
            font-weight: bold;
            color: #333;
        }
        .main-card-for-heading .heading {
            margin-top: 30px !important;
            margin-bottom: 14px;
        }
        .category-grid {
            grid-template-columns: repeat(3, 1fr);
            padding: 0px 20px;
            margin: auto;
            margin-top: 38px;
            margin-bottom: 38px;
        }
        .for-small-device-btn-margin {
            margin-top: 0px !important;
        }
        .owl-item.active.center .student-testimonial-card {
            transform: scale(1) !important;
            background: #f0f8ff !important;
        }
        .for-slider-testi-mobile {
            padding: 30px 0px;
        }
        .main-card-section {
            grid-template-columns: repeat(2, 1fr);
        }
        .years-of-traning-section-main {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 15px;
        }
      .for-mobile-traning-padding {
    padding: 0;
}
        .years-of-traning-section-main img {
            width:25px;
            height:25px;
        }
        .years-of-traning-section-main .box1 p {
    font-size: 8px;
    font-weight: 500;
    color:#000;
}

.box-cover.one-box {
    padding: 20px 12px;
}
.box-cover.two-box {
    padding: 20px 12px;
}
.box-cover.three-box {
    padding: 20px 12px;
}
.box-cover.four-box {
    padding: 20px 12px;
}
        img.modal-image {
            width: 100%;
        }
        .right-hand-section h2 {
            font-size: 20px;
        }
        .right-section {
            padding-left: 0px;
        }
        .croma-edge-for-heading {
            display: none;
        }
        .view-placement {
            margin-top: -50px !important;
        }
        .categoryhidemobile {
            display: none;
        }
        label.content.for-first-image,
        label.content.for-five-image {
            display: none;
        }
        .iocn-google-review-section {
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            padding: 20px 0px;
            width: 100%;
        }
        .iocn-google-review-section .cover-google {
            display: flex;
            gap: 14px;
            justify-content: center;
        }
      
        .quiz-card-section-main {
            grid-template-columns: repeat(2, 1fr);
            margin-left:0px !important;
        }
        .right-hand-section {
            padding: 15px 10px;
        }
        .slider-container {
            margin-left: 0;
            padding: 0px;
            width: 100%;
        }
        .slide img {
            width: 100%;
        }
        .coueses-main-section {
            display: none;
        }
        .office-tour-section .margin-top-class,
        .office-tour-section .margin-bottom-class {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .campus-edge-sectiom {
            grid-template-columns: repeat(2, 1fr);
        }
        .main-image-column {
            display: flex;
            justify-content: space-between;
            gap: 50px;
            flex-direction: column;
        }
        .qr-image {
            display: flex;
            justify-content: center;
        }
        .nascom-main-section {
            padding: 20px;
            margin: 0;
            margin-top: 47px;
        }
        .cover-section {
            grid-template-columns: repeat(5, 1fr) !important;
        }
        .trigoloop-technologies-right-section {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media only screen and (max-width: 768px) {
        .trigoloop-technologies-right-section {
            grid-template-columns: repeat(2, 1fr);
            margin-top: 20px;
        }
        .hero-section {
            width: 100%;
            height: auto;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }
        .hero-section .first-banner-desktop {
            display: none;
        }
        .second-banner-mobile {
            display: block;
        }
        label.content.for-first-image,
        label.content.for-second-image {
            display: none;
        }
        .fade-image-file {
            display: none;
        }
        .p-3.ml-auto.ranting-logo {
            border-left: 1px solid #d1d1d1;
            margin-left: 57px;
        }
        .lms-section h2 {
            font-size: 30px;
        }
        .qr-image img {
            width: 100px;
            height: 100px;
        }
        .chat-display img {
            width: 99.6%;
            height: 458px;
        }
        div#chatDisplay {
            position: absolute;
            top: 134px;
            left: 196px;
        }
    }

    @media only screen and (max-width: 576px) {
        
        .office-tour-section .first p {
            font-size: 14px;
            text-align:center;
        }
        .office-tour-section .first img {
            width:25px;
        }
        .office-tour-section .second img {
            width:25px;
        }
        .office-tour-section .third img {
            width:25px;
        }
        .office-tour-section .four img {
            width:25px;
        }
        .office-tour-section .second p {
            font-size: 14px;
           text-align:center;

        }
        .office-tour-section .third p {
            font-size: 14px;
            text-align:center;

        }
        .office-tour-section .four p {
            font-size: 14px;
            text-align:center;

        }
        
        .main-cover-for-traningp-first-half {
            width: 100%;
            gap: 10px;
            display: flex;
            flex-direction: row;
        }
        .office-tour-section .first {
            background: #fee79a;
        }
        .office-tour-section .second {
            background: #feecf0;
            height: 90px;
        }
        .office-tour-section .third {
            background: #ffe0ef;
        }
        .office-tour-section .four {
            background: #ddd4f1;
        }
        .quiz-card-section-main .middle-section-quiz h5 {
            font-size: 18px;
        }
        .custom-quiz-prev {
            display: none;
        }
        .custom-quiz-next {
            display: none;
        }
        .category-grid {
            margin-bottom: 20px;
        }
        .for-slider-testi-mobile {
            padding: 0px 0px;
        }
        .lms-section p {
            font-size: 16px;
        }
        .main-image-column {
            gap: 0px;
            align-items: start;
        }
        .ux-image-hide-mob {
            display: none !important;
        }
        .trigoloop-technologies-right-section .box {
            height: 100px;
        }
        .container.mt-4.iocn-google-review-for-heading {
            padding: 0 28px;
        }
        .see-all-category {
            display: block !important;
            display: flex !important;
            margin-top: 14px !important;
            margin-bottom: 16px !important;
            margin-bottom: 30px !important;
        }
        .OPC-section-main h2,
        .bg-image-section .right-section h2,
        .right-hand-section h2 {
            font-size: 20px;
            margin-left: 0px;
        }
        .all-courses-btn.center-btn.d-flex.mt-4 {
            display: flex;
            justify-content: center;
        }
        label.content.for-selected {
            height: 350px;
            margin-left: 10px;
        }
        .radio:checked+label img.new-image {
            width: 100%;
            height: 100%;
            margin-left: -9px;
        }
        .cards .boxes h5 {
            border-bottom: 1px solid rgba(251, 251, 251, 0.15);
            padding-bottom: 52px;
            height: 42px;
        }
        label.content.for-first-image,
        label.content.for-second-image,
        label.content.for-third-image,
        label.content.for-five-image {
            display: none;
        }
        .radio:checked+label {
            width: auto;
        }
        .content img {
            width: 100%;
            height: auto;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 10px;
        }
        .phone-image-section {
            padding-bottom: 0;
        }
        .studenttestimonial-section.padding-site {
            width: 100% !important;
        }
        .item.bannerslide1 {
            margin-top: -24px !important;
        }
        .owl-item.active.center .student-testimonial-card {
            transform: scale(1) !important;
        }
        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            padding: 16px 0 !important;
        }
        .view-all-partner-section,
        .view-all-partner-section2 {
            grid-template-columns: repeat(2, 1fr) !important;
        }
        .main-card-section,
        .years-of-traning-section-main,
        .campus-edge-sectiom,
        .quiz-card-section-main {
            grid-template-columns: repeat(1, 1fr);
        }
        .quiz-card-section-main {
            gap: 20px;
            margin-top: 20px !important;
        }
        .student-testimonial-card {
            margin-bottom: 20px;
            overflow: hidden;
        }
        .line-image img {
            height: 225px;
        }
        .trigoloop-technologies-right-section {
            grid-template-columns: repeat(2, 1fr);
            margin-top: 20px;
        }
        .trigoloop-technologies-right-section img {
            width: 90px;
        }
        .iso-logo img {
            width: 65px !important;
        }
        .limited-logo img {
            width: 110px;
        }
        .box.hide-extra-box {
            display: none;
        }
        .p-3.ml-auto.ranting-logo {
            border-left: 1px solid #d1d1d1;
            margin-left: 74px;
        }
        span.ml-1.ranting-text {
            font-size: 9px;
            margin-left: 5px;
            margin-top: 5px;
        }
        .cover-section {
            grid-template-columns: repeat(4, 1fr) !important;
        }
        .chat-display img {
            width: 100.6%;
            height: 200px;
        }
        div#chatDisplay {
            position: absolute;
            top: 100px;
            left: 153px;
        }
        .query-feedback {
            text-align: center;
            display: grid;
        }
        .right-section-feedback {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }
        .support-box {
            margin-top: 7px;
        }
    }

    @media only screen and (max-width: 425px) {
        .chat-display img {
            width: 101.6%;
            height: 340px;
        }
    }

    @media only screen and (max-width: 400px) {
        
        
         .for-mobile-traning-padding h4 {
    font-size: 18px;
            padding: 0px 42px;
}
        .for-mobile-traning-padding h4::after {
    content: "";
    width: 114px;
    height: 2px;
    background-color: var(--heading-line-color);
    position: absolute;
    bottom: -4px;
    right: 115px;
    
}
        p.process {
            font-size: 15px;
            margin-top: 10px;
        }
        .cover-main-section-bg h4 {
            font-size: 22px;
        }
        .iocn-google-review-section .cover-google {
            display: flex;
            gap: 18px;
            justify-content: left;
          
        }
        .general-container {
            display: flex;
            justify-content: space-between;
        }
        .trigoloop-technologies-right-section,
        .view-all-partner-section,
        .view-all-partner-section2 {
            grid-template-columns: 1fr, 1fr;
        }
        .p-3.ml-auto.ranting-logo {
            border-left: 1px solid #d1d1d1;
            margin-left: 22px;
        }
        .cover-section {
            grid-template-columns: repeat(3, 1fr) !important;
        }
    }

    @media only screen and (max-width: 320px) {
        .line-image img {
            height: 412px;
        }
        .trigoloop-technologies-right-section {
            grid-template-columns: 1fr !important;
        }
    }


.for-error-for-fix .help-block:last-child {
    left: 12px;
    bottom: -13px;
}
.for-main-form .help-block:last-child{
    bottom:4px !important;
}

.new-salary-trend-error .help-block:last-child {
    left: 12px;
    bottom: -19px !important; 
}
.firstDropUsQuryForm .show_course {
    position: relative;
    width: 100%;
    position: absolute;
    top: 35px;
}

.right-side-newpopup .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    color: white;
    top: 17px;
    position: absolute;
    right: 12px;
    border: 2px solid #fff !important;
    border-radius: 50px;
    width: 33px;
    height: 33px;
}

/*.right-side-newpopup span{*/
/*    height: 0;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

.new-salary-trend-error .help-block{
   left: 6px !important;
    bottom: -18px !important;
    
}

img.growth-img {
    display: none;
}

.right-side-newpopup form .valide-text .drop-number .help-block:last-child {
    left: 6px;
}




@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px); /* jump height */
  }
}

.btnclick2 i {
  display: inline-block;   /* allow transform */
  animation: jump 0.6s infinite ease-in-out;
}



/* latest bottom call whatsapp code  */

section.mobile-bottom-fixed-new {
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

@media only screen and (max-width:768px){
      .new-salary-trend-error .help-block{
    left:15px !important;
    bottom:0px !important;
}

.courseclass.selectcoursetrend {
    display: none;
}
.right-side-newpopup .valide-text {
    width: 100%;
    /* overflow: auto; */
    /* border: 0.5px solid #a1a1a154; */
    border-radius: 4px;
    margin-bottom: -32px;
}
.request-call, .live-chat {
    width: 100%;
    cursor: pointer;
    padding: 10px !important;
}
section.mobile-bottom-fixed-new {
    position: fixed;
    bottom: 0;
    width: 100%;
   z-index: 9999;
   display:block;
}
.sallerytrend-section {
    bottom: 44px !important;
}
.mobile-bottom-fixed-new a{
   color: #FC674C;
}
.whatsapp-call-btn a{
    color:#137c3a;
}
#scroll {
    bottom: 121px !important;
}
.valide-text {
    height: 43px !important;
}
}



/* latest bottom call whatsapp code  */


/* Reach Out to Our Global Offices new contact details section  */
.bg-image-section-new-contact-details {
    background-image: url(/public/master-images/bg-contact-new.webp);
    background-position: top right;
    background-repeat: no-repeat;
}
.bg-image-section-new-contact-details h2{
   color:#122C39;
}
.bg-image-section-new-contact-details h3{
   color:#122C39;
}
.main-card2 {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 8px;
}
.three-colum-section {
    width: 100%;
    margin-top: 30px;
    background-color: white;
    display: flex;
    gap:0px;
    flex-wrap: wrap;
}
.first-upper-section {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 15px 25px;
    background: linear-gradient(90deg, hsla(28, 100%, 89%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.first-upper-section.for-second-box{
     background: linear-gradient(90deg, hsla(0, 100%, 90%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
}
.first-upper-section.for-third-box{
     background: linear-gradient(90deg, hsla(219, 100%, 92%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
}



.first-upper-section p{
    font-weight: 700;
    color:#122C39;
}
.second-section-middle {
    padding: 15px 25px;
}
.second-section-middle p{
    color: #9D5618;
    font-size: 14px;
    font-weight: 600;
}

.second-section-middle.for-second-box p{
    color: #992323;
}
.second-section-middle.for-third-box p{
    color: #0041B5;
}
.third-section-middle {
    padding: 0 25px;
    border-top: 1px solid #DADADA;
    padding-top: 10px;
}
.third-section-middle p{
    color: #424242;
    font-weight: 600;
    font-size: 13px
}
.fourth-section-middle {
    display: flex;
    padding: 15px 25px;
    justify-content: space-between;
}
.fourth-section-middle .first-col {
   display: flex;
   align-items: center;
}
.fourth-section-middle .first-col a{
  color:#122C39;
  font-size: 14px;
}
.fourth-section-middle .first-col p {
    font-size: 12px;
    font-weight: 600;
    color: #122C39;
}
.fourth-section-middle .second-col {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-left: 15px;
    background: #E7F9EB;
    padding: 5px 10px;
    border-radius: 5px;
}
.fourth-section-middle .second-col P{
    color:#0A7244;
    font-size: 12px;
    font-weight: 600;

}
.last-btn-section {
    padding: 15px 15px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    background-color: #FFF7F0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.last-btn-section.second-box-section {
    background-color: #FFF5F5;
}
.last-btn-section.third-box-section {
    background-color: #F5F9FF;
}
.last-btn-section p {
    font-weight: 600;
    font-size: 14px;
    background: linear-gradient(90deg, hsla(214, 82%, 51%, 1) 0%, hsla(5, 81%, 56%, 1) 50%, hsla(136, 53%, 43%, 1) 100%);
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      /* For Firefox */
      background-clip: text;
      color: transparent;
}

@media only screen and (max-width:992px){
   .bg-image-section-new-contact-details h2{
      font-size: 22px;
   }
             .fourth-section-middle .second-col {
    margin-left: 0px;
}
   .bg-image-section-new-contact-details {
    background-image: none !important;

}
.three-colum-section {
    width: 100%;
    margin-top: 30px;
    background-color: white;
    display: flex;
    gap: 0px;
    flex-wrap: wrap;
    row-gap: 30px;
}
}

@media only screen and (max-width:365px){
   .fourth-section-middle .first-col a {
    font-size: 13px;
}
}
 @media only screen and (max-width:350px){
       .fourth-section-middle .first-col a {
    font-size: 12px;
}
}


/* Reach Out to Our Global Offices new contact details section  */

.secondDropUsQuryForm {
    margin-top: 40px !important;
}

div#formFields {
    margin-top: -23px;
}

div#collapseenquiry {
    border-radius: 0px !important;
    background: white;
}

input.form-control.right-side-form-control[readonly]::placeholder {
  color: #989191; 
}

 
#whatsappConsent {
   appearance: none; 
   -webkit-appearance: none;
   width: 12px; 
   height: 12px; 
   border: 1px solid #D9D9D9; 
   background-color: #fff; 
   cursor: pointer;
   position: relative;
   padding: 0;
   transition: background-color 0.3s ease, border-color 0.3s ease;
}

#whatsappConsent:checked {
   background-color: #0075ff; 
   border-color: #0075ff; 
   
}

.bottom-enquiry .card-header.skeleton .fa-chevron-down:before {
    content: "\f078";
    font-size: 20px;
}


.resultCourse{
    padding:5px !important;
}

.help-block {
    display: block;
    margin-top: 0;
    color: red;
    font-size: 10px;
    z-index: 100;
    /* top: 30px;
    position: absolute;
    left: 0; */
}

/* 1. Result inside .courseclass .show_course */
.courseclass .show_course .resultCourse {
    background: #f7fbff;
    padding: 5px !important;
    border: 1px solid #DCDCDC;
    margin-top: 0;
    position: absolute;
    width: 100% !important;
    z-index: 9;
    left: 0 !important;
    top: 100%;
    height: 205px;
    overflow-y: scroll;
}


/*.courseclass .show_course .resultCourse .card-body ul li::before {*/
/*  display:none !important;*/
/*}*/



/* 2. A separate standalone resultCourse block */
 .salary-trendfirstphone .resultCourse {
    background: #f7fbff;
    padding: 5px !important;
    border: 1px solid #DCDCDC;
    margin-top: 0;
    position: absolute;
    width: 248px !important;
    z-index: 9;
    left: 0px !important;
    top: 100%;
    height: 208px;
    overflow-y: scroll;
}


input.form-control.right-side-form-control {
    color: #000; /* Input text color */
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    padding: 7px;
}

input.form-control.right-side-form-control::placeholder {
    color:   #AEAEAE; /* Placeholder text color */
}
input.form-control.courseLocation {
    color: #000; /* Input text color */
    border-radius: 5px;
    padding: 10px;

}

input.form-control.courseLocation::placeholder {
    color: #AEAEAE; /* Placeholder text color */
}


.right-side-form-popup label {
    font-size: 11px;
    margin-bottom: -1px;
    display: block;
    color: #AEAEAE !important;
    font-weight: 500;
}
.btn-eq-yellow{
   background: linear-gradient(90deg, hsla(213, 97%, 13%, 1) 0%, hsla(213, 96%, 33%, 1) 100%);
   font-weight: 600;
   border-radius: 5px;
   font-size: 14px;
   border: none;
   height: 38px;
}
.all-course-listing-desc, .right-side-form-popup input {
    padding: 15px 15px;
    font-size: 13px;
}
.form-group {
    margin-bottom: 5px;
    position: relative;
}
/* Container for positioning if needed */
.custom-select-wrapper {
  position: relative;
}

/* Base styling */
.custom-select {
  appearance: none;         /* Remove default dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 33.5px;
  padding:7px;
  padding-right: 40px;      /* Make space for custom icon */
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #fff;
   font-size: 13px;
  /* Custom arrow */
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center; /* Change this to position the arrow */
  background-size: 28px;
  color: #AEAEAE;
  
}
.custom-select:focus {
    border-color:#d9d9d9;
    outline: 0;
    box-shadow: none;
    color: #000 !important;
}

.form-right-side h6{
   font-size: 20px;
   font-weight: 400;
   color: #000;
}
.form-right-side h6 span{ 
   color: #B11F2A;
   font-weight: 600;
}
.form-right-side p{ 
  margin-top: -7px;
  color: #AEAEAE;
  font-size: 13px;
}
.form-right-side p span{ 
 font-weight: 600;
}

   .whatsapp-icon-and-input{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 7px;
   }
.courseclass1{
      margin-top: 10px;
      display: flex !important;
      gap: 6px; 
   } 

   .check-input-text{
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: -10px;
      margin-bottom: 15px;
   }
   .check-input-text p{
     font-size: 8px;
     color: #AEAEAE;
     margin-bottom: -12px;
   }

   .whatsappme_badge.whatsappme_badge--in {
display: none !important;
}
#scroll {
    position: fixed;
    right: 47px;
    bottom: 420px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fc811e;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 999;
}
.whatsapp-open-section {
    display: none;
    position: absolute !important;
    color: white;
    padding: 0px;
    border-radius: 10px;
    width: 250px;
    left: -87px !important;
    height: 189px;
    bottom: 6px;
}

/* Base WhatsApp container on the right */
.whatsappme {
    position: fixed;
    right: 20px !important;
    bottom: 32px;
    z-index: 400;
    width:60px;
}

/* Override .whatsappme--left if it's being used */
/* .whatsappme--left {
    left: auto !important;
    right: 20px !important;
} */

/* Ensure the button inside aligns properly */
.whatsappme__button {
    right: 0 !important;
    left: 11px !important;
    position: relative; /* or absolute if needed */
}

#fix-rig2 {
    bottom: 0;
    right: 10px;
    z-index: 999;
    font-size: 17px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    width: 336px;
    box-shadow: rgb(112 112 112 / 40%) 0 0 5px 3px;
    -webkit-box-shadow: rgb(112 112 112 / 40%) 0 0 5px 0;
}

/* Responsive: Mobile-specific if needed */
@media only screen and (max-width: 768px) {
  .whatsapp-open-section {
    display: none !important;
    /* position: absolute !important;
    color: white;
    padding: 0px;
    border-radius: 10px;
    width: 250px;
    left: -132px !important;
    height: 189px;
    bottom: 8px; */
}
.newwhatsapp-icon {
    display: none;
}

   #fix-rig2 {
  display: none !important;
}
    .whatsappme {
        right: 15px !important;
        left: auto !important;
    }

    .whatsappme__button {
        right: 0 !important;
        left: auto !important;
        bottom: 56px;
    }
 
#scroll {
    position: fixed;
    left: 10px;
    bottom: 60px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fc811e;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 999;
}
.whatsapp-open-section .first-cover {
    flex-direction: row !important;
}
.whatsapp-open-section .second-cover {
    flex-direction: row !important;
}
/* .whatsapp-open-section {
    left: -132px;
} */
.whatsapp-open-section .close-btn {
    bottom: 2px !important;
    right: 25px !important;
}

}


.whatsappme--dialog .whatsappme__button {
    transition: background-color .2s linear;
    background: none;
    box-shadow: none !important;
    width:60px;
}


.whatsapp-open-section .close-btn {
    position: absolute;
    bottom: 3px;
    right: 69px;
    padding-bottom: 22px !important;
    cursor: pointer;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    font-size: 20px;
    justify-content: center;
    font-weight: bold;
    background: #ffffff;
    border-radius: 50px;
    padding: 18px;
    transform: translate(-42px, 0px);
    color: black;
    font-size: 31px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.whatsapp-open-section .first-cover {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-left: 22px;
    flex-direction: row-reverse;
}
.whatsapp-open-section .second-cover {
   display: flex;
    gap: 20px;
    margin-top: 15px;
    align-items: center;
    margin-left: 18px;
    flex-direction: row-reverse;

}

.fixed-for-ask .fa-circle-play:before, .fa-play-circle:before {
    content: "\f144";
    color: #ffffff;
    margin-right: 5px;
}



.whatsapp-open-section .first-text-box p {
    background-color: #000;
    color: white;
    font-weight: 600;
    border-radius: 5px;
    padding: 0px 10px;
    font-size: 12px;
}

.first-cover i {
    padding: 18px;
    background-color: #ffffff;
    color: #f97141;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-size: 18px;
}
.secodn-icon-box img {
    background-color: white;
    padding: 9.5px;
    border-radius: 50px;
    color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 51px;
}

.footer-dsislaimer-section-text {
  margin-top: 10px;
  padding: 10px;
}
.footer-dsislaimer-section-text p{
  font-size: 12px;
}

i.fab.fa-whatsapp.fa-fw.for-what{
  color:#14d73f;
}

.mobile-bottom-fixed a {
    color: #FC674C;
    gap: 18px;
    font-size: 13px;
}

.mobile-bottom-fixed .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 33px;
    font-size: 12px !important;
    color: #000;
    box-shadow: 0 0 3px 0px #b5b5b5;
    gap: 19px !important;

    font-size: 10px;
} 
.whatsappme_badge.whatsappme_badge--in {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: #e82c0c; 
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}


@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(-3px); }
    50% { transform: translateY(0); }
    70% { transform: translateY(-5px); }
}

.fixed-for-ask i {
    display: inline-block;
    animation: bounce 1.5s infinite ease-in-out;
    color: white;
    position: absolute;
    top: 7px;
    font-size: 11px;
    left: 32px;
}
i.fa-solid.fa-phone-volume {
    transform: rotate(45deg);
    margin-left: 3px;
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
    content: "\f2a0";
    font-size: 15px;
    transform: rotate(3deg);
}
img.flag {
   min-width: 40px; 
    min-height: 25px; 
    border-right: 1px solid #fff;
    padding-right: 6px;
}
.whatsappme__next {
    position: absolute;
    bottom: 313px;
    width: 110px;
    /* background: orange; */
    color: white;
    display: flex;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    height: 40px;
    gap: 10px;
    left: -200px; /* Start hidden */
    cursor: pointer;
    opacity: 0; /* Initially hidden */
    transition: left 1.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.fixed-for-ask {
  position: fixed;
  top: 25%;
  left: -200px;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 999;
  cursor: pointer;
}
.fixed-for-ask p {
    margin-bottom: 0px;
    margin-left: 49px;
    margin-top: -18px;
    line-height: 1.7em;
    font-weight: 600;
    position: absolute;
    top: 20px;
    color: white;
    font-size: 13px;
}

.fixed-for-ask p span{
   font-size: 23px;
    font-weight: 700;
    margin-left: -19px;
}

@media only screen and (max-width:992px){
   .whatsappme__next {
    display: none;
}
.fixed-for-ask{
   display: none;
}

}



.card-body {
    color: #212529 !important;
    background: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.card-body p{
    padding-left: 0px;
    margin-bottom: 20px;
}
/* === */
.bottom-enquiry .card-header.skeleton {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, hsla(10, 77%, 53%, 1) 0%, hsla(35, 87%, 55%, 1) 100%);
    padding: 7.5px 20px !important;
    border-bottom: 0;
    color: transparent;
    border-radius: 0px;
    transition: border-radius 0.3s ease;
}


.bottom-enquiry .card-header.skeleton p{
 margin-top: 3px;
 font-weight: 700;
 font-size: 15px;
 margin-bottom: 0px;
}

.bottom-enquiry .card-header.skeleton::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 150%;
    height: 100%;
    background: linear-gradient(
        45deg,
        transparent 40%,
        rgba(255,255,255,0.4) 50%,
        transparent 60%
    );
    animation: single-slash 1.8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes single-slash {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

.card-header span {
    color: white;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-middle {
    background: #292C3D;
    padding: 43px;
}
.footer-middle.pt-2.pb-2 {
    display: none;
}
.bottom-enquiry .card-header {
    padding: 8px 20px !important;
    border-bottom: 0;
}
.card-header {
    padding: 4px 0px !important;
    margin-bottom: 0;
    background-color: #1B1D29;
}
div#accordionExample {
    width: 100%;
   
}
button.btn.btn-link.collapsed {
    width: 100%;
    text-align: left;
    
}
.card-header {
    padding:10px;
    margin-bottom: 0;
    background-color: #1B1D29;
}
button.btn.btn-link {
    width: 100%;
    color:white;
    text-align: left;
    text-decoration:none;
}
button.btn.btn-link:hover {
 text-decoration:none;
}
button.btn .fa-chevron-down::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* 900 = solid style */
    content: "\f078"; /* fa-chevron-down */
    position: absolute;
    top: 16px;
    right: 17px;
}
button.btn .fa-chevron-up::before {
    content: "\f077";
    font-family: "Font Awesome 6 Free"; /* REQUIRED */
    font-weight: 900; /* 900 = solid icons */
    position: absolute;
    top: 16px;
    right: 17px;
}
button.btn.btn-link:hover {
    text-decoration:none;
}
.accordion>.card .card-header {
    margin-bottom: -1px;
    border-radius: 0px;
}
.card {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border:none;
}
.footer-copy {
    background: #fff;
    margin-top: 0px;
}
  

   @media only screen and (max-width:576px){
 
      .footer-middle {
    background: #292C3D;
    padding: 20px 10px;
}
   }
   
.valide-text {
    position: relative;
    height: 42px;
}
   .newcoursepopup.modal .modal-dialog {
   max-width: 745px;
   }
   .popup-box-flex {
   display: grid;
   grid-template-columns: 1fr 50%;
   align-items: center;
   }
   
   .popup-box-flex .left-side-newpopup {
 /*background: linear-gradient(0deg, hsla(0, 0%, 0%, 1) 0%, hsla(215, 88%, 17%, 1) 63%);*/
   height: 100%;
   text-align: center;
   padding: 20px 30px;
   color: #fff;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   }
.left-side-newpopup p {
    color: white;
    font-size: 11px;
    text-align: left;
    margin-top: -12px;
    margin-bottom: 25px;
}
.left-side-newpopup h4 {
    font-weight: 500;
    font-size: 22px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.whatsapp-icon-text {
    display: flex !important;
    align-items: center;
    color:white;
}
.whatsapp-icon-text p{
    color:white;
}
input#salary_trend_phone {
    width: 130%;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
        border-left: 1px solid #403a3a2b;
}


 .left-side-newpopup h4 span {
  font-weight: 700;
  font-size: 28px;
  background: linear-gradient(270deg, hsla(10, 77%, 53%, 1) 0%, hsla(35, 87%, 55%, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for Firefox */
  color: transparent;
}

.right-side-newpopup {
    padding: 63px 13px;
    /*background: linear-gradient(0deg, hsla(0, 0%, 0%, 1) 0%, hsla(215, 88%, 17%, 1) 63%);*/
        border-bottom-right-radius: 8px;
}
   .right-side-newpopup h4 {
   color: #192F60;
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 25px;
   }
   .right-side-newpopup label {
   font-size: 13px;
   color: #192F60;
   }
   .label-new {
   margin-bottom: 2px;
   color: #192F60;
   font-weight: 500;
   font-size: 13px;
   }
   .right-side-newpopup .valide-text input[type="text"] {
   font-size: 13px;
   color: #3a3939;
   padding: 10px;
   border: 0px;
   position: relative;
   top: 0;
   left: 0;
   /* width: 100% !important; */
   border-radius: 4px;
   }

   .right-side-newpopup .salary-trendfirstphone .codeLocation,.newcoursepopup-course .codeLocation {
   background-color: #ddd;
   border-radius: 0 !important;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   width: 112px;
   background: #EBEBEB;
   font-size: 14px;
   margin-left: 0;
   border: none;
   margin-top: 0px;
   border-top-left-radius: 4px !important;
   border-bottom-left-radius: 4px !important;
   }
  
   .mob-phone img {
   -webkit-animation-name: equ_right_call;
   animation-name: equ_right_call;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-delay: 5s;
   animation-delay: 5s;
   }
   /* scroll  */
   #scroll {
   background-color: #848484;
   }
   .jobstrend-section {
   display: none;
   }
   @media screen and (max-device-width: 767px) {
    .dropdown-input-wrapper.salary-trend-section .clear-icon {
    position: absolute;
    top: 51%;
    right: 35px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #888;
    cursor: pointer;
    display: none;
}
   #scroll {
   bottom: 98px;
   }
   .mob-phone {
   width: 40px;
   text-align: center;
   height: 40px;
   line-height: 40px;
   background: linear-gradient(268deg, #F76B1C, #F5A623) !important;
   border-radius: 4px;
   }
   .mob-phone .menu-mobile-phone {
   text-align: center;
   }
   .terms-conditions-box {
   padding-top: 15px;
   }
   .popup-box-flex {
   grid-template-columns: 1fr;
   }
   .popup-box-flex .left-side-newpopup {
   border-bottom-left-radius: 0px;
   border-top-right-radius: 8px;
   padding: 20px;
   }
   .mobile-bottom-fixed {
   display: none;
   }
   }


 body
 {
 overflow-x:hidden
 }

/* Modern Priedutech homepage refresh */
:root {
    --priedu-blue: #073c80;
    --priedu-blue-deep: #061f4f;
    --priedu-blue-bright: #0967d2;
    --priedu-orange: #fb8f2a;
    --priedu-orange-deep: #e96f12;
    --priedu-ink: #102033;
    --priedu-muted: #617089;
    --priedu-surface: #f5f8fc;
    --priedu-line: rgba(7, 60, 128, 0.12);
}

.home-page {
    color: var(--priedu-ink);
    background: #ffffff;
}

.home-page a {
    text-decoration: none;
}

.home-page .container {
    max-width: 1180px;
}

.home-page .mob-header-top {
    background: var(--priedu-blue-deep);
}

.home-page .hero-section {
    min-height: auto;
    padding-bottom: 72px;
    background:
        linear-gradient(120deg, rgba(6, 31, 79, 0.96) 0%, rgba(7, 60, 128, 0.92) 50%, rgba(9, 103, 210, 0.86) 100%),
        url("../home_img/home_bg.JPG");
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.home-page .hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 82%);
    pointer-events: none;
}

.home-page .navbar {
    position: relative;
    z-index: 5;
}

.home-page .navbar .container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 18px;
    padding: 10px 18px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(16px);
}

.home-page .navbar-brand img {
    width: 88px;
    border: 0;
    border-radius: 14px;
    background: #fff;
    padding: 7px;
}

.home-page .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 999px;
    padding: 10px 14px !important;
}

.home-page .nav-link:hover,
.home-page .nav-link.active {
    background: rgba(255, 255, 255, 0.12);
    color: #fff !important;
}

.home-page .btn-login,
.home-page .btn-enroll,
.home-page .btn-primary,
.home-page .all-updats-btn {
    background: linear-gradient(135deg, var(--priedu-orange), var(--priedu-orange-deep)) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 12px;
    box-shadow: 0 14px 28px rgba(251, 143, 42, 0.28);
}

.home-page .btn-login {
    padding: 11px 18px;
}

.home-page .hero-content {
    padding-top: 70px;
    position: relative;
    z-index: 2;
}

.home-page .hero-copy {
    padding-top: 12px;
}

.home-page .hero-badge {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
}

.home-page .hero-title {
    max-width: 720px;
    font-size: clamp(2.6rem, 5vw, 5rem);
    line-height: 0.98;
    letter-spacing: 0;
    margin-bottom: 22px;
}

.home-page .hero-title span {
    background: linear-gradient(135deg, #ffffff 0%, #ffd09e 42%, #fb8f2a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-page .hero-text {
    max-width: 620px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.12rem;
    line-height: 1.75;
}

.home-page .hero-features {
    margin-top: 28px;
}

.home-page .hero-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.home-page .hero-features li::before {
    display: inline-grid;
    place-items: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin-right: 0;
    border-radius: 50%;
    background: rgba(251, 143, 42, 0.18);
    color: #ffd09e;
    font-size: 13px;
}

.home-page .hero-buttons {
    margin-top: 30px;
}

.home-page .btn-enroll,
.home-page .btn-demo {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 28px;
    border-radius: 12px;
    font-weight: 700;
}

.home-page .btn-demo {
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.1);
}

.home-page .hero-visual-col {
    position: relative;
}

.home-page .hero-image {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.home-page .hero-image::before {
    content: "";
    position: absolute;
    width: min(88%, 520px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(251, 143, 42, 0.28), rgba(255, 255, 255, 0.08));
    bottom: 12px;
    right: 8%;
}

.home-page .hero-image img {
    position: relative !important;
    top: auto !important;
    width: min(100%, 620px);
    max-height: 540px;
    object-fit: contain;
    filter: drop-shadow(0 32px 42px rgba(0, 0, 0, 0.28));
}

.home-page .hero-mini-card {
    position: absolute;
    z-index: 2;
    min-width: 190px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.65);
    box-shadow: 0 22px 46px rgba(5, 20, 48, 0.2);
    color: var(--priedu-blue);
}

.home-page .hero-mini-card span {
    display: block;
    color: var(--priedu-muted);
    font-size: 12px;
    font-weight: 600;
}

.home-page .hero-mini-card strong {
    display: block;
    margin-top: 3px;
    font-size: 15px;
}

.home-page .hero-mini-card-top {
    top: 90px;
    right: 16px;
}

.home-page .hero-mini-card-bottom {
    left: 0;
    bottom: 54px;
}

.home-page .stats-box {
    margin-top: 26px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.16);
}

.home-page .stat-item h2 {
    color: #ffd09e;
}

.home-page .stat-item p {
    color: rgba(255, 255, 255, 0.82);
    font-weight: 500;
}

.home-page .main {
    background: linear-gradient(180deg, #f5f8fc 0%, #fff 38%, #f7faff 100%);
}

/* .home-page section {
    position: relative;
} */

.home-page .explore-courses,
.home-page .heading h4,
.home-page .traning-card-main-section h4,
.home-page .for-mobile-traning-padding h4,
.home-page .lms-section h2,
.home-page .bg-image-section-new-contact-details h2 {
    color: var(--priedu-blue-deep);
    letter-spacing: 0;
}

.home-page .new-course-explore-main .container {
    padding-top: 72px !important;
    padding-bottom: 48px !important;
}

.home-page .combo-card,
.home-page .quiz-card-section-main .quiz-card-inner,
.home-page .traning-cards .cards,
.home-page .main-card2,
.home-page .edge-inner-setion,
.home-page .for-beyond-section .profiles-boxes .inner-box,
.home-page .first-box {
    border: 1px solid var(--priedu-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 40px rgba(7, 60, 128, 0.08);
}

.home-page .combo-card {
    overflow: hidden;
}

.home-page .combo-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 7px;
    background: linear-gradient(180deg, var(--priedu-orange), var(--priedu-blue-bright));
}

.home-page .best-badge,
.home-page .badge.bg-danger,
.home-page .badge.bg-primary {
    background: var(--priedu-orange) !important;
}

.home-page .price-box {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.home-page .quiz-card-section-main .quiz-card-inner {
    height: 100%;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-page .quiz-card-section-main .quiz-card-inner:hover,
.home-page .traning-cards .cards:hover,
.home-page .edge-inner-setion:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 56px rgba(7, 60, 128, 0.14);
}

.home-page .quiz-card-section-main .middle-section-quiz {
    padding: 20px;
}

.home-page .quiz-card-section-main .middle-section-quiz h5 {
    color: var(--priedu-blue-deep);
}

.home-page a.for-view-more-stories {
    width: auto;
    border-color: var(--priedu-blue);
    color: var(--priedu-blue);
    border-radius: 11px;
    font-weight: 700;
}

.home-page a.for-view-more-stories:hover {
    background: var(--priedu-blue);
}

.home-page .for-update-section {
    /* padding: 74px 0 0;
    background:
        linear-gradient(135deg, rgba(7, 60, 128, 0.95), rgba(9, 103, 210, 0.88)),
        url("../img/bg-course.png"); */
    background-size: cover;
}

.home-page .for-update-section .first-column h2::after {
    background: var(--priedu-orange);
}

.home-page .for-update-section .second-colum img,
.home-page .for-update-section .second-column img {
    max-height: 440px;
    object-fit: contain;
    filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.2));
}

.home-page .traning-card-main-section {
    padding: 64px 0;
    background: #ffffff;
}

.home-page .traning-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-page .traning-cards .cards {
    min-height: 104px;
    padding: 16px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-page .traning-cards .cards img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.home-page .traning-cards .cards p {
    color: var(--priedu-ink);
    font-weight: 700;
}

.home-page .bg-image-section {
    background:
        linear-gradient(135deg, rgba(6, 31, 79, 0.92), rgba(251, 143, 42, 0.78)),
        url("../img/cover-bg-1.png");
    background-size: cover;
    background-position: center;
}

.home-page .lms-section {
    background: linear-gradient(135deg, var(--priedu-blue-deep), var(--priedu-blue));
    color: #fff;
    overflow: hidden;
}

.home-page .lms-section h2 {
    color: #fff;
}

.home-page .lms-section .main-image-column p {
    color: rgba(255, 255, 255, 0.82);
}

.home-page .lms-section img {
    border-radius: 18px 18px 0 0;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.24);
}

.home-page .campus-edge-sectiom {
    gap: 16px;
}

.home-page .edge-inner-setion {
    min-height: 180px;
    padding: 22px 16px;
}

.home-page .placement-activites-opportunities {
    background: #f5f8fc;
}

.home-page .bg-image-section-new-contact-details {
    background: #fff;
}

.home-page .main-card2 {
    height: 100%;
    padding: 24px;
}

@media (max-width: 991px) {
    .home-page .hero-section {
        padding-bottom: 48px;
    }

    .home-page .navbar .container {
        border-radius: 16px;
    }

    .home-page .navbar-collapse {
        padding-top: 14px;
    }

    .home-page .hero-content {
        padding-top: 42px;
        text-align: center;
    }

    .home-page .hero-text,
    .home-page .hero-title {
        margin-left: auto;
        margin-right: auto;
    }

    .home-page .hero-features li {
        justify-content: center;
    }

    .home-page .hero-image {
        min-height: 430px;
        margin-top: 18px;
    }

    .home-page .stats-box {
        gap: 22px;
    }

    .home-page .traning-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-page .for-update-section {
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .home-page .hero-section {
        padding-bottom: 36px;
    }

    .home-page .navbar {
        padding-left: 12px;
        padding-right: 12px;
    }

    .home-page .navbar .container {
        padding: 9px 12px;
    }

    .home-page .navbar-brand img {
        width: 76px;
    }

    .home-page .hero-content {
        padding-top: 30px;
    }

    .home-page .hero-title {
        font-size: clamp(2.25rem, 12vw, 3.8rem);
        line-height: 1.04;
    }

    .home-page .hero-text {
        font-size: 1rem;
        line-height: 1.65;
    }

    .home-page .hero-buttons {
        gap: 12px;
    }

    .home-page .btn-enroll,
    .home-page .btn-demo {
        width: 100%;
    }

    .home-page .hero-image {
        min-height: 340px;
    }

    .home-page .hero-mini-card {
        min-width: 150px;
        padding: 11px 12px;
    }

    .home-page .hero-mini-card-top {
        top: 34px;
        right: 4px;
    }

    .home-page .hero-mini-card-bottom {
        bottom: 16px;
        left: 4px;
    }

    .home-page .stats-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 18px;
    }

    .home-page .stat-item h2 {
        font-size: 28px;
    }

    .home-page .new-course-explore-main .container,
    .home-page .traning-card-main-section {
        padding-top: 44px !important;
        padding-bottom: 34px !important;
    }

    .home-page .combo-card,
    .home-page .main-card2 {
        border-radius: 14px;
    }

    .home-page .quiz-card-inner {
        display: block;
    }

    .home-page .traning-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .home-page .traning-cards .cards {
        min-height: 98px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 14px 10px;
    }

    .home-page .traning-cards .cards img {
        width: 46px;
        height: 46px;
    }

    .home-page .traning-cards .cards p {
        font-size: 12px;
    }

    .home-page .for-update-section .first-column {
        text-align: left;
    }

    .home-page .for-update-section .first-column h2 {
        font-size: 29px;
    }

    .home-page .for-update-section .first-column h6 {
        font-size: 15px;
    }

    .home-page .first-box {
        padding: 16px;
    }
}

@media (max-width: 420px) {
    .home-page .hero-badge {
        font-size: 12px;
        padding: 9px 14px;
    }

    .home-page .stats-box {
        grid-template-columns: 1fr;
    }

    .home-page .hero-mini-card {
        position: relative;
        inset: auto;
        margin: 8px auto 0;
        width: 92%;
    }

    .home-page .hero-image {
        display: block;
        min-height: auto;
    }

    .home-page .hero-image::before {
        top: 36px;
        bottom: auto;
        left: 8%;
    }

.home-page .hero-image img {
        margin-top: 22px;
    }
}

/* Full modern homepage redesign */
.modern-home {
    --pm-blue-950: #051a43;
    --pm-blue-900: #072864;
    --pm-blue-800: #073c80;
    --pm-blue-600: #0967d2;
    --pm-orange: #fb8f2a;
    --pm-orange-700: #e96f12;
    --pm-ink: #102033;
    --pm-muted: #617089;
    --pm-bg: #f5f8fc;
    --pm-card: #ffffff;
    --pm-line: rgba(7, 60, 128, 0.12);
}

.modern-home body,
body.modern-home {
    background: #fff;
    color: var(--pm-ink);
}

.modern-home .hero-section {
    min-height: auto;
    padding-bottom: 0;
    background:
        linear-gradient(120deg, rgba(5, 26, 67, 0.96), rgba(7, 60, 128, 0.9) 52%, rgba(9, 103, 210, 0.86)),
        url("../home_img/home_bg.JPG");
    background-size: cover;
    background-position: center;
}

.modern-home .pm-hero-wrap {
    position: relative;
    z-index: 2;
    padding: 58px 0 74px;
}

.modern-home .pm-main {
    background:
        linear-gradient(180deg, #f4f8ff 0%, #ffffff 22%, #f7faff 100%);
}

.modern-home .pm-kicker,
.modern-home .pm-section-head > span,
.modern-home .pm-combo-content > span,
.modern-home .pm-why-panel > div > span,
.modern-home .pm-contact-panel > div > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--pm-orange);
    background: rgba(251, 143, 42, 0.12);
    border: 1px solid rgba(251, 143, 42, 0.22);
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
}

.modern-home .pm-hero-title {
    margin: 22px 0;
    color: #fff;
    font-size: clamp(2.6rem, 4.5vw, 5.35rem);
    letter-spacing: 0;
}

.modern-home .pm-hero-title span {
    display: block;
    background: linear-gradient(135deg, #ffffff 0%, #ffd19d 45%, var(--pm-orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modern-home .pm-hero-text {
    max-width: 650px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.75;
}

.modern-home .pm-hero-actions,
.modern-home .pm-center-action {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.modern-home .pm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 13px 22px;
    border-radius: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.modern-home .pm-btn:hover {
    transform: translateY(-2px);
}

.modern-home .pm-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, var(--pm-orange), var(--pm-orange-700));
    box-shadow: 0 16px 34px rgba(251, 143, 42, 0.32);
}

.modern-home .pm-btn-ghost {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.modern-home .pm-btn-outline {
    color: var(--pm-blue-800);
    background: #fff;
    border: 1px solid var(--pm-line);
    box-shadow: 0 14px 34px rgba(7, 60, 128, 0.08);
}

.modern-home .pm-hero-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
    max-width: 610px;
}

.modern-home .pm-hero-proof div {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(14px);
}

.modern-home .pm-hero-proof strong {
    display: block;
    color: #ffd19d;
    font-size: 28px;
    line-height: 1;
}

.modern-home .pm-hero-proof span {
    display: block;
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.78);
    font-weight: 600;
    font-size: 13px;
}

.modern-home .pm-hero-stage {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.modern-home .pm-hero-stage::before {
    content: "";
    position: absolute;
    width: min(92%, 560px);
    aspect-ratio: 1;
    bottom: 12px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.28), transparent 28%),
        linear-gradient(135deg, rgba(251, 143, 42, 0.36), rgba(255, 255, 255, 0.08));
}

.modern-home .pm-hero-img {
    position: relative;
    z-index: 1;
    width: min(100%, 660px);
    max-height: 560px;
    object-fit: contain;
    filter: drop-shadow(0 34px 44px rgba(0, 0, 0, 0.28));
}

.modern-home .pm-stage-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 270px;
    padding: 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 24px 50px rgba(5, 26, 67, 0.22);
}

.modern-home .pm-stage-card i {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    height: 44px;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, var(--pm-blue-800), var(--pm-blue-600));
}

.modern-home .pm-stage-card span {
    color: var(--pm-muted);
    font-size: 12px;
    font-weight: 700;
}

.modern-home .pm-stage-card strong {
    display: block;
    color: var(--pm-blue-950);
    font-size: 14px;
    line-height: 1.35;
}

.modern-home .pm-stage-card-one {
    top: 86px;
    right: 0;
}

.modern-home .pm-stage-card-two {
    left: 0;
    bottom: 68px;
}

.modern-home .pm-partners {
    margin-top: -42px;
    position: relative;
    z-index: 4;
}

.modern-home .pm-partners .container {
    padding: 24px 28px;
    border: 1px solid var(--pm-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(7, 60, 128, 0.12);
}

.modern-home .pm-partners p {
    margin: 0 0 16px;
    color: var(--pm-muted);
    text-align: center;
    font-weight: 700;
}

.modern-home .pm-logo-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    align-items: center;
}

.modern-home .pm-logo-strip img {
    width: 100%;
    height: 54px;
    object-fit: contain;
    padding: 10px 14px;
    border-radius: 12px;
    background: #f7faff;
    border: 1px solid rgba(7, 60, 128, 0.08);
}

.modern-home .pm-section {
    padding: 40px 0;
}

.modern-home .pm-section-head {
    max-width: 740px;
    margin: 0 auto 36px;
    text-align: center;
}

.modern-home .pm-left-head {
    margin-left: 0;
    text-align: left;
}

.modern-home .pm-section-head h2,
.modern-home .pm-combo-content h2,
.modern-home .pm-why-panel h2,
.modern-home .pm-contact-panel h2 {
    margin: 16px 0 12px;
    color: var(--pm-blue-950);
    font-size: clamp(2rem, 3vw, 3.2rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.modern-home .pm-section-head p,
.modern-home .pm-combo-content p,
.modern-home .pm-why-panel p,
.modern-home .pm-contact-panel p {
    color: var(--pm-muted);
    font-size: 16px;
    line-height: 1.7;
}

.modern-home .pm-course-grid {
    display: grid;
    grid-template-columns: 1.18fr 0.82fr 0.82fr;
    gap: 18px;
}

.modern-home .pm-course-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid var(--pm-line);
    border-radius: 18px;
    margin-top: 1rem;
    background: var(--pm-card);
    box-shadow: 0 18px 48px rgba(7, 60, 128, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.modern-home .pm-course-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 64px rgba(7, 60, 128, 0.15);
}

.modern-home .pm-course-featured {
    grid-row: span 2;
}

.modern-home .pm-course-media {
    position: relative;
    min-height: 190px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #eef6ff, #fff4e8);
}

.modern-home .pm-course-featured .pm-course-media {
    min-height: 330px;
}

.modern-home .pm-course-media img {
    width: 88%;
    max-height: 280px;
    object-fit: contain;
}

.modern-home .pm-course-media span {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 7px 11px;
    color: #fff;
    background: var(--pm-orange);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.modern-home .pm-course-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.modern-home .pm-course-body h3,
.modern-home .pm-service-card h3,
.modern-home .pm-process-card h3,
.modern-home .pm-why-grid h3 {
    color: var(--pm-blue-950);
    font-size: 20px;
    line-height: 1.25;
}

.modern-home .pm-course-body p,
.modern-home .pm-service-card p,
.modern-home .pm-process-card p {
    color: var(--pm-muted);
    line-height: 1.65;
    font-weight: 400;
}

.modern-home .pm-course-body ul {
    display: grid;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
}

.modern-home .pm-course-body li {
    color: var(--pm-ink);
    font-size: 14px;
    font-weight: 600;
}

.modern-home .pm-course-body li::before {
    content: "✓";
    margin-right: 8px;
    color: var(--pm-orange);
}

.modern-home .pm-course-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 18px;
}

.modern-home .pm-course-footer strong {
    color: var(--pm-blue-800);
    font-size: 18px;
}

.modern-home .pm-course-footer del {
    color: #d64545;
    font-size: 13px;
}

.modern-home .pm-course-footer a {
    color: var(--pm-blue-800);
    font-weight: 800;
}

.modern-home .pm-combo {
    padding-top: 18px;
}

.modern-home .pm-combo-panel,
.modern-home .pm-why-panel,
.modern-home .pm-contact-panel {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: 28px;
    align-items: center;
    padding: 34px;
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(5, 26, 67, 0.96), rgba(7, 60, 128, 0.92)),
        url("../img/bg-course.png");
    background-size: cover;
    color: #fff;
    box-shadow: 0 28px 70px rgba(5, 26, 67, 0.2);
}

.modern-home .pm-combo-content h2,
.modern-home .pm-combo-content p,
.modern-home .pm-why-panel h2,
.modern-home .pm-why-panel p,
.modern-home .pm-contact-panel h2,
.modern-home .pm-contact-panel p {
    color: #fff;
}

.modern-home .pm-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 26px;
}

.modern-home .pm-pill-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
}

.modern-home .pm-combo-price {
    padding: 28px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.modern-home .pm-combo-price span,
.modern-home .pm-combo-price del,
.modern-home .pm-combo-price p {
    display: block;
    color: rgba(255, 255, 255, 0.78);
}

.modern-home .pm-combo-price strong {
    display: block;
    margin: 8px 0;
    color: #ffd19d;
    font-size: 48px;
}

.modern-home .pm-service-grid,
.modern-home .pm-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.modern-home .pm-service-card,
.modern-home .pm-process-card {
    padding: 26px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--pm-line);
    box-shadow: 0 18px 48px rgba(7, 60, 128, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.modern-home .pm-service-card:hover,
.modern-home .pm-process-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 26px 64px rgba(7, 60, 128, 0.14);
}

.modern-home .pm-service-card i {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(135deg, var(--pm-blue-800), var(--pm-blue-600));
}

.modern-home .pm-process {
    background: #fff;
}

.modern-home .pm-process-card span {
    display: block;
    margin-bottom: 26px;
    color: rgba(251, 143, 42, 0.34);
    font-size: 54px;
    line-height: 1;
    font-weight: 900;
}

.modern-home .pm-tools {
    background: linear-gradient(180deg, #f5f8fc, #ffffff);
}

.modern-home .pm-tools-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.modern-home .pm-tools-grid div {
    display: grid;
    place-items: center;
    min-height: 128px;
    padding: 18px 12px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--pm-line);
    box-shadow: 0 16px 40px rgba(7, 60, 128, 0.07);
}

.modern-home .pm-tools-grid img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.modern-home .pm-tools-grid span {
    margin-top: 12px;
    color: var(--pm-ink);
    font-weight: 800;
}

.modern-home .pm-center-action {
    justify-content: center;
}

.modern-home .pm-campus {
    background: #fff;
}

.modern-home .pm-mini-list {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.modern-home .pm-mini-list div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--pm-blue-950);
    font-weight: 800;
}

.modern-home .pm-mini-list i {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #fff;
    background: var(--pm-orange);
    font-size: 12px;
}

.modern-home .pm-gallery {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    grid-auto-rows: 170px;
    gap: 14px;
}

.modern-home .pm-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(7, 60, 128, 0.12);
}

.modern-home .pm-gallery img:first-child {
    grid-row: span 2;
}

.modern-home .pm-why-panel {
    grid-template-columns: 0.88fr 1.12fr;
    background:
        linear-gradient(135deg, rgba(251, 143, 42, 0.94), rgba(7, 60, 128, 0.96)),
        url("../img/about/group.jpeg");
    background-size: cover;
    background-position: center;
}

.modern-home .pm-why-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.modern-home .pm-why-grid div {
    min-height: 150px;
    padding: 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.modern-home .pm-why-grid strong {
    color: #ffd19d;
    font-size: 30px;
}

.modern-home .pm-why-grid h3 {
    margin-top: 18px;
    color: #fff;
}

.modern-home .pm-contact {
    padding-top: 0;
}

.modern-home .pm-contact-panel {
    grid-template-columns: 0.8fr 1.2fr;
    background: #fff;
    color: var(--pm-ink);
    border: 1px solid var(--pm-line);
}

.modern-home .pm-contact-panel h2,
.modern-home .pm-contact-panel p {
    color: var(--pm-blue-950);
}

.modern-home .pm-contact-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.modern-home .pm-contact-cards a {
    min-height: 168px;
    padding: 20px;
    border-radius: 18px;
    background: #f7faff;
    border: 1px solid var(--pm-line);
    color: var(--pm-blue-950);
}

.modern-home .pm-contact-cards i {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--pm-blue-800), var(--pm-blue-600));
}

.modern-home .pm-contact-cards span {
    display: block;
    margin-top: 18px;
    color: var(--pm-muted);
    font-weight: 700;
}

.modern-home .pm-contact-cards strong {
    display: block;
    margin-top: 6px;
    overflow-wrap: anywhere;
    font-size: 15px;
}

@media (max-width: 1199px) {
    .modern-home .pm-course-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .modern-home .pm-course-featured {
        grid-row: auto;
    }
}

@media (max-width: 991px) {
    .modern-home .pm-hero-wrap {
        padding: 38px 0 40px;
        text-align: center;
    }

    .modern-home .pm-kicker,
    .modern-home .pm-hero-text {
        margin-left: auto;
        margin-right: auto;
    }

    .modern-home .pm-hero-actions {
        justify-content: center;
    }

    .modern-home .pm-hero-stage {
        min-height: 440px;
        margin-top: 28px;
    }

    .modern-home .pm-logo-strip,
    .modern-home .pm-tools-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .modern-home .pm-service-grid,
    .modern-home .pm-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .modern-home .pm-combo-panel,
    .modern-home .pm-why-panel,
    .modern-home .pm-contact-panel {
        grid-template-columns: 1fr;
    }

    .modern-home .pm-contact-cards {
        grid-template-columns: 1fr;
    }

    .modern-home .pm-left-head {
        margin-right: auto;
        text-align: center;
    }

    .modern-home .pm-mini-list {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }

    .modern-home .pm-gallery {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .modern-home .pm-hero-wrap {
        padding-top: 1rem;
    }

    .modern-home .pm-hero-title {
        font-size: clamp(2.25rem, 10vw, 3.7rem);
    }

    .modern-home .pm-hero-text {
        font-size: 16px;
    }

    .modern-home .pm-hero-proof,
    .modern-home .pm-course-grid,
    .modern-home .pm-service-grid,
    .modern-home .pm-process-grid,
    .modern-home .pm-why-grid {
        grid-template-columns: 1fr;
    }

    .modern-home .pm-hero-stage {
        min-height: auto;
        display: block;
    }

    .modern-home .pm-hero-stage::before {
        top: 34px;
        left: 8%;
        bottom: auto;
    }

    .modern-home .pm-stage-card {
        position: relative;
        inset: auto;
        margin: 10px auto 0;
        text-align: left;
    }

    .modern-home .pm-section {
        padding: 1rem 0;
    }

    .modern-home .pm-partners {
        margin-top: -15px;
    }

    .modern-home .pm-partners .container,
    .modern-home .pm-combo-panel,
    .modern-home .pm-why-panel,
    .modern-home .pm-contact-panel {
        border-radius: 18px;
        padding: 22px;
    }

    .modern-home .pm-logo-strip,
    .modern-home .pm-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .modern-home .pm-course-featured .pm-course-media,
    .modern-home .pm-course-media {
        min-height: 210px;
    }

    .modern-home .pm-course-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .modern-home .pm-combo-price strong {
        font-size: 38px;
    }

    .modern-home .pm-gallery {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
    }

    .modern-home .pm-gallery img:first-child {
        grid-row: auto;
    }
}

@media (max-width: 440px) {
    .modern-home .pm-btn,
    .modern-home .pm-hero-actions {
        width: 100%;
    }

    .modern-home .pm-logo-strip,
    .modern-home .pm-tools-grid {
        grid-template-columns: 1fr 1fr;
    }

    .modern-home .pm-tools-grid div {
        min-height: 112px;
    }
}

/* Refined journey and Priedutech experience sections */
.modern-home .pm-process {
    background:
        linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
}

.modern-home .pm-journey-board {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    padding: 28px;
    border: 1px solid var(--pm-line);
    border-radius: 28px;
    background:
        radial-gradient(circle at 10% 12%, rgba(251, 143, 42, 0.16), transparent 24%),
        radial-gradient(circle at 92% 0%, rgba(9, 103, 210, 0.16), transparent 28%),
        #ffffff;
    box-shadow: 0 28px 70px rgba(7, 60, 128, 0.1);
}

.modern-home .pm-journey-rail {
    position: absolute;
    top: 88px;
    left: 9%;
    right: 9%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pm-orange), var(--pm-blue-600));
    opacity: 0.22;
}

.modern-home .pm-journey-step {
    position: relative;
    z-index: 1;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border: 1px solid rgba(7, 60, 128, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 18px 44px rgba(7, 60, 128, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.modern-home .pm-journey-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 64px rgba(7, 60, 128, 0.15);
}

.modern-home .pm-journey-focus {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(7, 60, 128, 0.98), rgba(9, 103, 210, 0.92)),
        url("../img/bg-course.png");
    background-size: cover;
}

.modern-home .pm-step-marker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.modern-home .pm-step-marker span {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, var(--pm-orange), var(--pm-orange-700));
    font-size: 18px;
    font-weight: 900;
    box-shadow: 0 14px 30px rgba(251, 143, 42, 0.24);
}

.modern-home .pm-step-marker i {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    color: var(--pm-blue-800);
    background: #f3f7ff;
}

.modern-home .pm-journey-focus .pm-step-marker i {
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
}

.modern-home .pm-journey-step small {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--pm-orange);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.modern-home .pm-journey-step h3 {
    margin-bottom: 10px;
    color: var(--pm-blue-950);
    font-size: 22px;
}

.modern-home .pm-journey-step p {
    color: var(--pm-muted);
    line-height: 1.65;
}

.modern-home .pm-journey-focus h3,
.modern-home .pm-journey-focus p {
    color: #fff;
}

.modern-home .pm-journey-focus small {
    color: #ffd19d;
}

.modern-home .pm-journey-mentor {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 20px;
    background: #f7faff;
    border: 1px dashed rgba(7, 60, 128, 0.2);
}

.modern-home .pm-journey-mentor i {
    display: grid;
    place-items: center;
    flex: 0 0 52px;
    height: 52px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, var(--pm-blue-800), var(--pm-blue-600));
}

.modern-home .pm-journey-mentor strong {
    display: block;
    color: var(--pm-blue-950);
}

.modern-home .pm-journey-mentor span {
    display: block;
    margin-top: 4px;
    color: var(--pm-muted);
    font-weight: 500;
}

.modern-home .pm-campus {
    background:
        linear-gradient(180deg, #f5f8fc 0%, #ffffff 100%);
}

.modern-home .pm-experience-panel {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    gap: 34px;
    align-items: center;
    padding: 34px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid var(--pm-line);
    box-shadow: 0 28px 70px rgba(7, 60, 128, 0.1);
}

.modern-home .pm-experience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.modern-home .pm-experience-grid div {
    min-height: 165px;
    padding: 20px;
    border-radius: 20px;
    background:
        linear-gradient(180deg, #ffffff, #f7faff);
    border: 1px solid rgba(7, 60, 128, 0.1);
}

.modern-home .pm-experience-grid i {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 16px;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(135deg, var(--pm-orange), var(--pm-orange-700));
}

.modern-home .pm-experience-grid strong,
.modern-home .pm-experience-grid span {
    display: block;
}

.modern-home .pm-experience-grid strong {
    color: var(--pm-blue-950);
    font-size: 16px;
}

.modern-home .pm-experience-grid span {
    margin-top: 7px;
    color: var(--pm-muted);
    line-height: 1.5;
    font-weight: 500;
}

.modern-home .pm-experience-stats div {
    padding: 14px;
    border-radius: 16px;
    background: var(--pm-blue-950);
}

.modern-home .pm-experience-stats strong,
.modern-home .pm-experience-stats span {
    display: block;
}

.modern-home .pm-experience-stats strong {
    color: #ffd19d;
    font-size: 19px;
}

.modern-home .pm-experience-stats span {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    font-weight: 600;
}

.modern-home .pm-experience-visual {
    position: relative;
}

.modern-home .pm-experience-gallery {
    grid-template-columns: 1.05fr 0.95fr;
    grid-auto-rows: 180px;
}

.modern-home .pm-experience-gallery img {
    border: 8px solid #fff;
    box-shadow: 0 24px 60px rgba(5, 26, 67, 0.16);
}

.modern-home .pm-experience-gallery img:nth-child(2) {
    transform: translateY(24px);
}

.modern-home .pm-experience-gallery img:nth-child(3) {
    transform: translateY(-10px);
}

.modern-home .pm-photo-note {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(5, 26, 67, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 18px 42px rgba(5, 26, 67, 0.24);
    backdrop-filter: blur(12px);
}

.modern-home .pm-photo-note i {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 50%;
    color: #fff;
    background: var(--pm-orange);
}

.modern-home .pm-photo-note strong,
.modern-home .pm-photo-note span {
    display: block;
}

.modern-home .pm-photo-note strong {
    color: #fff;
}

.modern-home .pm-photo-note span {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 500;
}

@media (max-width: 1199px) {
    .modern-home .pm-journey-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .modern-home .pm-journey-rail {
        display: none;
    }
}

@media (max-width: 991px) {
    .modern-home .pm-experience-panel {
        grid-template-columns: 1fr;
    }

    .modern-home .pm-experience-content .pm-left-head {
        text-align: center;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .modern-home .pm-journey-board,
    .modern-home .pm-experience-panel {
        padding: 18px;
        border-radius: 22px;
    }

    .modern-home .pm-journey-board,
    .modern-home .pm-experience-grid,
    .modern-home .pm-experience-stats {
        grid-template-columns: 1fr;
    }

    .modern-home .pm-journey-step {
        min-height: auto;
    }

    .modern-home .pm-journey-mentor {
        align-items: flex-start;
        flex-direction: column;
    }

    .modern-home .pm-experience-gallery {
        grid-template-columns: 1fr;
        grid-auto-rows: 230px;
    }

    .modern-home .pm-experience-gallery img {
        transform: none !important;
    }

    .modern-home .pm-photo-note {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 14px;
    }
}

/* Modern Priedutech tools page */
.tools-page {
    --pt-blue-950: #051a43;
    --pt-blue-900: #072864;
    --pt-blue-800: #073c80;
    --pt-blue-600: #0967d2;
    --pt-orange: #fb8f2a;
    --pt-orange-700: #e96f12;
    --pt-ink: #102033;
    --pt-muted: #617089;
    --pt-bg: #f5f8fc;
    --pt-line: rgba(7, 60, 128, 0.12);
}

body.tools-page {
    background: #fff;
    color: var(--pt-ink);
}

.tools-page .navbar {
    background: #fff;
    box-shadow: 0 12px 34px rgba(7, 60, 128, 0.08);
}

.pt-tools-main {
    background: linear-gradient(180deg, #f5f8fc 0%, #ffffff 28%, #f7faff 100%);
    overflow: hidden;
}

.pt-tools-hero {
    position: relative;
    padding: 78px 0 88px;
    color: #fff;
    background:
        linear-gradient(120deg, rgba(5, 26, 67, 0.98), rgba(7, 60, 128, 0.93) 54%, rgba(9, 103, 210, 0.86)),
        url("../img/about/board-room.jpg");
    background-size: cover;
    background-position: center;
}

.pt-tools-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
    background-size: 70px 70px;
    pointer-events: none;
}

.pt-tools-hero .container {
    position: relative;
    z-index: 1;
}

.pt-tools-hero-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 46px;
    align-items: center;
}

.pt-tools-kicker,
.pt-tools-section-head span,
.pt-tools-cta-panel span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: #ffd19d;
    background: rgba(251, 143, 42, 0.14);
    border: 1px solid rgba(251, 143, 42, 0.28);
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 800;
}

.pt-tools-hero h1 {
    margin: 22px 0 18px;
    color: #fff;
    font-size: clamp(2.6rem, 3vw, 5.2rem);
    letter-spacing: 0;
}

.pt-tools-hero p {
    max-width: 690px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.75;
}

.pt-tools-hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.pt-tools-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--pt-orange), var(--pt-orange-700));
    border-radius: 12px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 16px 34px rgba(251, 143, 42, 0.3);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pt-tools-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(251, 143, 42, 0.36);
}

.pt-tools-btn-light {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: none;
}

.pt-tools-hero-panel {
    position: relative;
    min-height: 430px;
    display: grid;
    place-items: center;
}

.pt-tools-orbit {
    position: relative;
    width: min(100%, 460px);
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.12), transparent 36%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(251, 143, 42, 0.22));
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 36px rgba(255, 255, 255, 0.04);
}

.pt-tools-orbit img {
    position: absolute;
    width: 82px;
    height: 82px;
    object-fit: contain;
    padding: 14px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(5, 26, 67, 0.22);
}

.pt-tools-orbit img:nth-child(1) {
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
}

.pt-tools-orbit img:nth-child(2) {
    top: 120px;
    right: 18px;
}

.pt-tools-orbit img:nth-child(3) {
    right: 66px;
    bottom: 40px;
}

.pt-tools-orbit img:nth-child(4) {
    left: 66px;
    bottom: 40px;
}

.pt-tools-orbit img:nth-child(5) {
    top: 120px;
    left: 18px;
}

.pt-tools-orbit img:nth-child(6) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pt-tools-floating-card {
    position: absolute;
    right: 0;
    bottom: 20px;
    max-width: 260px;
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.65);
    box-shadow: 0 24px 54px rgba(5, 26, 67, 0.22);
}

.pt-tools-floating-card strong,
.pt-tools-floating-card span {
    display: block;
}

.pt-tools-floating-card strong {
    color: var(--pt-blue-950);
    font-size: 28px;
}

.pt-tools-floating-card span {
    margin-top: 5px;
    color: var(--pt-muted);
    font-weight: 600;
}

.pt-tools-section {
    padding: 40px 0;
}

.pt-tools-band {
    background: linear-gradient(180deg, #f5f8fc, #ffffff);
}

.pt-tools-section-head {
    max-width: 780px;
    margin-bottom: 34px;
}

.pt-tools-section-head span,
.pt-tools-cta-panel span {
    color: var(--pt-orange);
    background: rgba(251, 143, 42, 0.11);
}

.pt-tools-section-head h2,
.pt-tools-cta-panel h2 {
    margin: 16px 0 0;
    color: var(--pt-blue-950);
    font-size: clamp(2rem, 3.2vw, 3.1rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.pt-tool-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.pt-tool-card {
    position: relative;
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 16px;
    min-height: 164px;
    padding: 20px;
    color: var(--pt-ink);
    background: #fff;
    border: 1px solid var(--pt-line);
    border-radius: 20px;
    box-shadow: 0 18px 48px rgba(7, 60, 128, 0.08);
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.pt-tool-card::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 18px;
    color: var(--pt-orange);
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.pt-tool-card:hover {
    color: var(--pt-ink);
    transform: translateY(-6px);
    border-color: rgba(251, 143, 42, 0.35);
    box-shadow: 0 28px 68px rgba(7, 60, 128, 0.14);
}

.pt-tool-card:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.pt-tool-card img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    padding: 12px;
    border-radius: 18px;
    background: #f7faff;
    border: 1px solid rgba(7, 60, 128, 0.08);
}

.pt-tool-card strong {
    display: block;
    padding-right: 20px;
    color: var(--pt-blue-950);
    font-size: 19px;
}

.pt-tool-card p {
    margin-top: 8px;
    color: var(--pt-muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 500;
}

.pt-tools-cta {
    padding: 28px 0 82px;
}

.pt-tools-cta-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 34px;
    color: #fff;
    border-radius: 26px;
    background:
        linear-gradient(135deg, rgba(5, 26, 67, 0.96), rgba(7, 60, 128, 0.9)),
        url("../img/bg-course.png");
    background-size: cover;
    box-shadow: 0 28px 70px rgba(5, 26, 67, 0.18);
}

.pt-tools-cta-panel h2,
.pt-tools-cta-panel p {
    color: #fff;
}

.pt-tools-cta-panel p {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 1199px) {
    .pt-tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .pt-tools-hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .pt-tools-kicker,
    .pt-tools-hero p,
    .pt-tools-section-head {
        margin-left: auto;
        margin-right: auto;
    }

    .pt-tools-hero-actions {
        justify-content: center;
    }

    .pt-tools-hero-panel {
        min-height: 380px;
    }

    .pt-tools-cta-panel {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .pt-tools-hero {
        padding: 54px 0 64px;
    }

    .pt-tools-hero h1 {
        font-size: clamp(2.25rem, 12vw, 3.55rem);
    }

    .pt-tools-hero p {
        font-size: 16px;
    }

    .pt-tools-hero-panel {
        min-height: auto;
    }

    .pt-tools-orbit {
        width: min(100%, 330px);
    }

    .pt-tools-orbit img {
        width: 62px;
        height: 62px;
        border-radius: 16px;
        padding: 10px;
    }

    .pt-tools-floating-card {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 16px auto 0;
    }

    .pt-tools-section {
        padding: 52px 0;
    }

    .pt-tool-grid {
        grid-template-columns: 1fr;
    }

    .pt-tool-card {
        min-height: auto;
    }

    .pt-tools-cta {
        padding-bottom: 54px;
    }

    .pt-tools-cta-panel {
        padding: 24px;
        border-radius: 20px;
    }
}

@media (max-width: 440px) {
    .pt-tools-btn,
    .pt-tools-hero-actions {
        width: 100%;
    }

    .pt-tool-card {
        grid-template-columns: 58px 1fr;
        gap: 13px;
        padding: 16px;
    }

    .pt-tool-card img {
        width: 58px;
        height: 58px;
        border-radius: 15px;
    }
}