@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap');
:root {
/* Colour palette */
--clr-standard: #0f62fe;   /* blue */
--clr-premium:  #ff8c00;   /* orange */
--clr-bg:       #f4f7fe;
--clr-text:     #202124;
--clr-muted:    #5f6368;
--radius-lg:    1.25rem;
--shadow-sm:    0 4px 12px rgba(0, 0, 0, 0.05);
--primary: #0D1B2A;       /* Dark Blue */
--primary-light: #FF7F11; /* Orange */
--accent-yellow: #FFD600; /* Yellow */
--glass: rgba(255, 255, 255, 1);
}


body{font-family: 'Inter', sans-serif!important;  margin:0 auto;padding:0!important;color: #1d2124!important;  -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;background-color: #fff!important; font-weight: 400}
:root{ --orangebtn:#FF7227; --dark-blue:#0B0E41}
h1, h2, h3, h4, h5{font-weight:600!important; color: #1D2124}
h6{ font-weight: normal}
p, span, small, li{color:#707070!important;}
p{font-size: 16px!important} 

.nav-link:focus, .nav-link:hover{outline:none!important}
.dropdown-submenu {position: relative;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top: -1px;display: none;position: absolute;}
.custom_menu a{ font-weight:500; color:#0B0E41 }
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.custom_menu .dropdown .dropdown-toggle::after {content: "";border: 0px;background: url(../images/arrow-down-black.svg) no-repeat;width: 13px;height: 13px;position: absolute;background-size: contain;top: 12px;right: -7px;}
.scrolled {box-shadow: 0 2px 10px rgba(0,0,0,0.1);background-color: #fff !important;transition: all 0.3s ease;}
a.btn.btn-orange{ background: var(--orangebtn);color: var(--bs-white);font-weight: 500;}
.header_nav {float: left;width: 100%;border-bottom: solid 1px #ddd;}
a.btn.btn-orange:hover{ background-color:transparent; color:var(--orangebtn); border:solid 1px var(--orangebtn); }
.banner_section {float: left;width: 100%;background: url(../images/banner_bg.svg) no-repeat;height: 100%;background-size:tranform(50%);}
.banner_left{width:57%;}
.banner_right {width: 43%;}
.banner_right img{width:100%;}
.banner_left h1{font-size: 3.5rem;font-weight: 700 !important;color: #fe7126;}
.banner_left h2 {font-size: 2.5rem;color: var(--dark-blue);}
.btn_orange{border-radius:100px; padding:10px 25px; position:relative; text-decoration: none;}
.btn_orange::before{ width: 100%;height: 100%;background-color:#FCBF31;top: 0px;border-radius: 100px;left: 0;content: "";position: absolute;transition:all 0.5s ease-in-out;    z-index: 9;}
.btn_orange:hover::before{ background:#0B0E41; }
.btn_orange::after{ width: 100%;height: 100%;background-color:#D9D9D9;top: 5px;border-radius: 100px;left: 0;content: "";position: absolute;transition:all 0.5s ease-in-out; }
.btn_orange span {color: #fff !important;z-index: 99;position: relative;font-size: 18px;font-weight: 500;}
.btn_blue{border-radius:100px; padding:10px 25px; position:relative; text-decoration: none;}
.btn_blue::before{ width: 100%;height: 100%;background-color:#0B0E41;top: 0px;border-radius: 100px;left: 0;content: "";position: absolute;transition:all 0.5s ease-in-out;    z-index: 9;}
.btn_blue:hover::before{ background:#fe7126; }
.btn_blue::after{ width: 100%;height: 100%;background-color:#D9D9D9;top: 5px;border-radius: 100px;left: 0;content: "";position: absolute;transition:all 0.5s ease-in-out; }
.btn_blue span {color: #fff !important;z-index: 99;position: relative;}
.banner_button {float: left;width: 100%;display: flex;column-gap: 20px;}
.vartual_grid{background: linear-gradient(45deg,  rgba(252,202,51,1) 0%,rgba(253,104,104,1) 100%); padding:35px 25px;border-radius: 15px;}
.vartual_grid h3 {font-size: 1.2rem;float: left;width: 100%;text-align: center; color:var(--bs-white);}
.vartual_grid p{color:var(--bs-white)!important; text-align: center;} 
.em_container {display: flex;column-gap: 40px;float: left;width: 100%;    align-items: center;}
.em_side_image {width: 40%;}
.em_side_image img{width:100%}
.em_heading span{ color:var(--dark-blue)!important; }
.em_heading h3 {padding-top: 15px;font-size: 2rem;color: var(--dark-blue) !important;font-weight: 800 !important;}
.em_wrap_side {width: 50%;}
.em_ul{ padding-top:30px; }
.em_icons {width: 50px;}
.em_icons img{width:100%}
.em_content {width: 95%;}
.gi_section{background: #141978;}
.gi_grid span{ color:#FCBF31!important; font-size:3rem; font-weight:700; }
.gi_grid h4{ font-size:1.2rem }
.gi_grid {width: 33%;}
.gi_section::before{content: "";background: url(../images/doted_image.svg) no-repeat;width: 120px;height: 120px;position: absolute;left: 0;bottom: 0px;background-size: cover;}
.gi_section::after{content:"";background: url(../images/doted_line_icon.svg) no-repeat right;width: 120px;height: 120px;position: absolute;right: 0;bottom: 0px;background-size: contain;} 
.edu_grid
{display: flex;justify-content: center;gap: 20px;    flex-wrap: wrap;}
.edu_left {width: 35%;}
.edu_right{width: 65%;}
.edu_box {background:#f1f1f1c9;padding: 15px 25px;float: left;width: 48%;border-radius: 15px;text-align: center;}
.edu_icon {width: 60px;margin: 0 auto;}
.edu_icon img{width:100% }
.edu_box h4{    font-size: 1.2rem; padding-top: 15px;}
.edu_heading{color:#141978; font-weight:500 }
.edu_heading h2{padding-top: 15px;font-size: 2.5rem;color: var(--dark-blue) !important;font-weight:700!important;}
.edu_section::before{ content: "";background: url(../images/loop_arrow.svg) no-repeat center;width: 100%;height: 498px;position: absolute;left: -21px;right: 0;background-size: cover;z-index: -1; }
.comp_left_image {width:35%;}
.comp_left_image img{ width:100% }
.comp_content {width: 55%;}
.ai_grid {float: left;width: 100%;padding-top: 15px;}
.footer_section{ background:#0b0e41;  padding:50px 0px;    padding-bottom: 10px; }
.footer_container {float: left;width: 100%;display: flex;    gap: 20px;}
.footer_left{ width:45%;}
.footer_right {width: 55%;display: flex;gap: 20px;padding-left: 40px;}
.footer_grid{width: 50%;}
.footer_grid a{ color:#fff; text-decoration:none; float:left; width:100% }
.s_footer {border-top:solid 1px #000;}
.footer_link a{ color:#fff; text-decoration:none; }


/** our vision & misson page **/

.common_banner::before{content: "";background: url(../images/breadcumb-bg.webp) no-repeat;width:100%;height:250px;position: absolute;left: 0;bottom: 0px;background-size: cover;    top: 0;}
.common_banner::after{content: ""; background: url(../images/breadcumb_shape_1_1.webp) no-repeat #0b0e41b8;width:100%;height:250px;position: absolute;left: 0;bottom: 0px;background-size: cover;    top: 0;}
.common_banner_content {display: flex;float: left;width: 100%;height: 250px;align-items: center;z-index: 99;position: relative;justify-content: center;}
.common_headind h1 {font-size: 2.5rem;font-weight: 600 !important;color: #fff;}
.common_headind {width: 100%;}
.pagination ul{ list-style: none;display: flex;justify-content: center;color: #fff!important;width: 100%;float: left; column-gap: 20px;}
.pagination ul li{color: #fff!important;}
.pagination ul li a{color: #fe7126; text-decoration: none;}
.company_mission_image{ width:40%; }
.company_mission_image img{width:100%}
.misson_content {width:55%;}
.commit {background: #f1f1f1;float: left;width: 100%;padding: 10px 15px;margin-bottom: 15px;position: relative;border-radius: 5px; color: #707070!important;}
.commit::before{ content:""; position:absolute; left:0; top:0;bottom:0; border-left:solid 2px #FF7227; height:100% }
.vision_d_grid {display: flex;column-gap:25px;    align-items: center;}
.vision_image{ width:40% }
.vision_image img{width:100%}
.vision_d_content {width: 56%;}
.meet_team {display: flex;justify-content: center;gap: 15px;}
.team_box{width: 32%;}
.team_box img{ width:100% }
.team_image {float: left;width: 100%;}
.team_content {float: left;width: 100%;border: solid 1px #ddd;padding: 15px 0px;}
.read_bio { float:left; width:100%; text-align:center; }
.team_box h4{ font-size:1.2rem; text-align:center; }
.team_box h5{ font-size:0.75rem;text-align:center;     color: #666; }
.team_box p{ text-align:center; }
.hire_int_container {display: flex;gap: 20px;flex-wrap: wrap;}
.hire_int_grid_images{ width:35% }
.hire_int_grid_images img{width:100%}
.hire_int_grid_icontent {width: 62%;}
.hire_int_grid_icontent ul{ list-style:none; float:left; width:100%; padding-top:30px; }
.who_indust{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;}
.indust_grid {background: #f1f1f1;padding: 10px 15px;}

/** the model page css**/

.the_modal_grid {width: 48%;}
.model_icon img{ width:50px; }
.model_content {float: left;width: 100%;padding-top: 15px;}
.howt_grid {width: 31.5%; background: #fff; padding: 10px; border-left-style: outset; border-color: #FF9800; border-width: 3px; box-shadow: 1px 7px 14px 4px rgb(241 237 237 / 75%); border-top-right-radius: 10px;}
.howt_grid h3{ font-size:1.2rem; font-weight:700!important }
.slider-wrapper {width: 100%;overflow: hidden;}
.testimonial-slider {width: 100%;padding: 0 1rem; }
.testimonial {background: #fff;padding: 2.5rem 2rem;border-radius: 1.25rem; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);text-align: center;margin: 0 0.75rem;height: 100%;}
.quote {font-size: 1.125rem; /* text‑lg */line-height: 1.6;margin-bottom: 1.5rem;}
.author {font-weight: 500;color: var(--bs-primary);font-size: 12px;}
.slick-dots li button:before {font-size: 12px;color: rgba(0, 0, 0, 0.3);}
.slick-dots li.slick-active button:before {color: var(--bs-primary);}

/* Arrow buttons override */
.slick-prev, .slick-next {width: 2.75rem;height: 2.75rem;line-height: 0;background: rgba(0, 0, 0, 0.05);border-radius: 50%;z-index: 2;top: 50%;transform: translateY(-50%);}
.slick-prev:hover, .slick-next:hover {background: rgba(0, 0, 0, 0.1);}
.slick-prev:before, .slick-next:before {font-size: 24px;color: var(--bs-primary);}

@media (min-width: 640px) {
.slick-prev {left: -2.5rem;}
.slick-next {right: -2.5rem;}
}

@media (min-width: 1024px) {
.testimonial {padding: 3rem 1.5rem;}
.quote {font-size: 1.25rem;}
}

.user_image img{ width:auto; height:100px; border-radius:100px; border:solid 4px #FF7227; margin:0 auto; }
.testimonial_section {background:#e8e8e8;}
.how_to_heading h2{ font-weight:700!important }
.how_to_grid h4{ font-size:1.25rem }
.faqs_wrap .accordion-header button{ font-weight:600!important }

/** Internship page css**/

.intership_slog_section::before{ content:""; background: url(../images/counter-bg.webp) no-repeat center;width: 100%;height:221px; position: absolute; left: 0; right:0}
.intern_slog{    z-index: 99;position: relative;}
.how_to_grid{ width:31.5% } 
.hover_career{ display:none; }
.career_indu_grid:hover .hover_career {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #FFC107;border-radius: 20px;text-align: center;; }
.hover_career a{ display:flex; align-items:center; height:100%; color:#fff!important; width:100%; text-decoration:none; justify-content: center; font-weight:700; }
.internship_row {float: left;width: 100%;display: flex;justify-content: space-between;gap: 15px;align-items: center;}
.internship_grid {border: solid 1px #ddd;padding: 15px;float: left;width: 100%;display: flex;gap: 10px;}
.course_logo {width: 80px;}
.course_logo img {width: 100%;}
.course_grid{width: 82%;}
.course_grid h4{ font-size:1.2rem; font-weight:700!important; text-align:left; }
.course_grid p{text-align:left;}
.course_btn {display: flex;justify-content: space-between;align-items: center;}
.data_loop {display: flex;gap: 20px;color: #444;}
.content_section {float: right;width: 100%;padding-top: 80px;}
.Product_content_section {float: left;width: 100%;margin-top: 40px;}
.box_topic a {float: left;width: 100%;display: flex;gap: 15px;padding: 10px;color: #666;text-decoration: none;font-size: 18px;align-items: center;}
.box_topic a img {width: 16px;height: 20px;}

/**welcome Page css**/
.welcome_section{ width: 100vw;height: 100dvh;display: flex;justify-content: space-around;align-items: center;flex-flow: column;gap: 24px;overflow-y: auto;padding: 20px;}
.options-wrapper{ background: url(../images/welcome-page-background.svg) no-repeat; width: 100%;     min-height: 530px;background-position: center;}
.welcome_container{width: 100%;display: flex;flex-flow: column;}
.company-tagline {font-size: 30px;font-weight: 600;line-height: 40px;text-align: center;}
.option-header {margin-top: 64px;margin-bottom: 24px;font-size: 26px;font-weight: 600;line-height: 32px;text-align: center;}

/**priceing page css**/
.pricing_page {float: left;width: 100%;background: #f4f7fe;padding: 3rem 0rem;}
.plans{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;}
.plan-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;flex:1 1 320px;max-width:400px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;}
.plan-card:hover{transform:translateY(-4px);box-shadow:0 10px 18px rgba(0,0,0,.06);}    
.plan--standard{border:3px solid transparent;}
.plan--premium{border:3px solid var(--clr-premium);} /* highlighted border */
.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.plan-title{font-size:1.5rem;font-weight:600;}
.badge{background:var(--clr-premium);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.5rem;}
.price{font-size:2rem;font-weight:700;margin:1rem 0;}
.price .currency{font-size:1.25rem;vertical-align:super;}
.features{list-style:none;margin:1.5rem 0;}
.features li{margin:.5rem 0;display:flex;gap:.5rem;align-items:flex-start;}
.features li::before{content:"✔";color:var(--clr-standard);} /* simple check */
.cta-wrapper{display:flex;gap:.5rem;align-items:center;margin-top:auto;}
.code-input{flex:1;border:1px solid #d0d4da;border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem;}
.pay-btn{background:var(--clr-standard);color:#fff;border:none;border-radius:.5rem;padding:.50rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;}
.plan--premium .pay-btn{background:var(--clr-premium);}  
.pay-btn:hover{filter:brightness(1.05);}  
.price span{ font-size: 2rem; font-weight:700;color: #000 !important;}
.plan-header .badge{ font-weight:400; color:#fff!important }
.features li strong{ font-weight:500 }
@media(max-width:720px){
.plans{flex-direction:column;align-items:center;}
.banner_left, .banner_right, .em_side_image, .em_wrap_side, .edu_left, .edu_right, .edu_box, .comp_left_image, .comp_content, .footer_right, .footer_left, .company_mission_image, .misson_content, .vision_image, .vision_d_content, .team_grid .team_heading, .team_grid .meet_team, .team_box, .hire_int_grid_images, .hire_int_grid_icontent, .the_modal_grid, .howt_section .howt_heading, .howt_grid, .how_to_grid, .internship_grid,
.course_grid, .career_image img, .intership_slog_section .intern_slog, .gi_grid {
width: 100%!important;}
.vertual_wrap, .em_container, .edu_container, .comp_container, .ai_container, .footer_container, .footer_link, .mission_top_content, .meet_team, .howt_container, .how_to_wrap, .internship_grid, .course_btn, .career_indu_wrap, .gi_row { flex-wrap:wrap; }
.vision_d_grid { gap:25px }
.common_headind h1 {
font-size: 1.5rem;}
.course_logo{ margin:0 auto; }
.course_btn{ justify-content:center; gap:15px }
.banner_left h2 { font-size: 2rem;}
.career_indu_grid { display:flex; flex-wrap:wrap; gap:15px; }
.list-unstyled li button, .btn-toggle-nav.list-unstyled li a{ font-size: 18px;font-weight: 600;  position: relative; }
.btn-toggle-nav.list-unstyled li a{ padding-left:0px!important }
.offcanvas-body .list-unstyled li .btn.btn-toggle::after {content: "";border: 0px;background: url(../images/arrow-down-black.svg) no-repeat;width: 22px;height: 19px;position: absolute;background-size: contain;top: 9px;right: -7px;}
a.btn.btn-orange{padding: 15px 0px;}
.one_row{ flex-wrap:wrap; gap:0 }
.card.glass-card {margin-top:55px!important;padding-bottom: 80px !important;}
.back_page_btn{left: 34px!important; top: 14px!important;}
.features{ flex-wrap:wrap; display:flex!important; }

/**new Home page**/
.hero-wrap, .section-title, .grid{ display:flex!important; flex-wrap:wrap; }
.hero_content, .hero-card{ width:100%!important }
.apply_section .btn_b, .hero_content .btn_b, .apply .btn_b, .faq details.f, .roles .card{width:100%}
.kpis .k{width:100%}
/**new Home page end here**/

}


/** login page css here**/

.welcome_wrap {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_conatiner {
    width: 32%;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 30px 20px;
    border-radius: 10px;
}
.login_conatiner h1{ font-size:2rem }
.otp-container{    display: flex;justify-content: space-between;gap: 5px; flex-wrap: wrap;}
   .otp-input { width: 15%!important; height: 40px!important;}
.login_logo { position: absolute; top: 90px;}
.bg-gradient-custom { background:#053d60; }
.glass-card { background: var(--glass); backdrop-filter: blur(10px);}
@keyframes fadeInLeft {
from { opacity: 0; transform: translateX(-50px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-left { animation: fadeInLeft 1s ease both; }
.animate-up { opacity: 0; animation: fadeInUp 1s ease both; }
.animate-up:nth-child(1) { animation-delay: 0.5s; }
.animate-up:nth-child(2) { animation-delay: 0.7s; }
.animate-up:nth-child(3) { animation-delay: 0.9s; }
.feature-card:hover i { color: var(--accent-yellow); transform: scale(1.2); }
.bg-gradiant{background: #FCCA33;background: linear-gradient(70deg, rgba(252, 202, 51, 1) 0%, rgba(255, 70, 24, 1) 87%);}
.bg-custom { background: #fff; opacity: 0.95;}
.btn-login{border-radius: 100px!important; padding: 10px 25px!important; position: relative; text-decoration: none;  background: #0B0E41!important;  color: #fff!important;}
.btn-login:hover{ background:#fe7126!important;color:#fff }
.back_page_btn { position: absolute; left: 105px; width: auto !important; top: 25px; z-index: 99;}
.back_page_btn a{color: #0B0E41;font-size: 18px; font-weight: 600;}
@media (max-width: 1366px) {
.card.glass-card.border-0.shadow.p-4.animate-left h2{font-size: 1.3rem!important;}
.login_logo{    top: 65px;}
.back_page_btn{ top:6px }
.card.glass-card { margin-top: 80px;}
.bg-gradient-custom h1{font-size: 2.4rem;}
.feature-card p{font-size: 0.7rem !important; }
}


/** New Page home page**/