.mobile_menu{
  display: block;
}

.mobile_menu li a svg{
  margin-right: 15px;
  width: 25px;
  height: 25px;
}
.menu_footer{
  position: absolute;
  bottom: -15px;
  width: 100%;
}

.header_home_link svg{
  width: 35px !important;
  height: 35px !important;
}
.hero-section {
  position: relative;
}
.hero-section::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--main-blue-color);
  height: 75px;
  width: 100px;
}
.hero-heading {
  position: relative;
  margin-bottom: 30px;
}
.hero-heading h1 {
  font-size: 42px;
  font-weight: bold;
}
.hero-section .btn-jobsense-yellow-full-r svg{
  width: 20px;
  height: 20px;
}
.btn-wrapper-hero {
  display: flex;
  align-items: flex-start;
  padding: 15px;
  gap: 10px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
}
.rating-wings {
  /* background-image: url(../bg-images/wings.svg); */
  /* background-color: var(--main-yellow-color); */
  background:var(--main-blue-color);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  width: 80%;
  border-radius: 0px 120px 0px 0px;
  display: flex;
  gap: 15px;
  height: 75px;
  align-items: center;
  /* justify-content: center; */
}
.rating-wings .wingl {
  width: 40px;
  position: relative;
  z-index: 4;
}
.rating-wings .wingr {
  width: 40px;
}
.rating-wings .rating-wrapper {
  border-right: 1px solid #fff;
}
.rating-wings .rating-wrapper img {
  width: 30px;
  height: 30px;
}
.rating-wings .rating-wrapper .rating-view strong {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.rating-wings .rating-wrapper .rating-view svg {
  width: 18px;
  height: 18px;
  color: #000;
  fill: yellow;
}
.rating-wings .rating-wrapper .rating-view p {
  font-size: 12px;
  color: #fff;
  margin-bottom: 0;
}
.hero-points {
  display: flex;
  gap: 15px;
  background: var(--main-yellow-color);
  width: 80%;
  border-radius: 0px 120px 0px 0px;
  position: relative;
  z-index: 5;
}
.hero-points .count-img span {
  font-size: 30px;
  font-weight: 600;
}
.hero-points .count-img img {
  width: 40px;
  height: 40px;
}
.hero-points .points-wrap p {
  color: var(--darklight-text);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
/* text animation */
.cursor {
  display: inline-block;
  background-color: var(--main-blue-color);
  color: var(--main-blue-color);
  width: 0px;
  height: 1em;
  animation: blink 0.7s steps(2, start) infinite;
  margin-left: 2px;
}
#ContactFormM .modal-content{
background-image: url('../bg-images/bg6.jpg');
}
#ContactFormM form{
  border-radius: 15px;
  background: #ffffffd9;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}

.why-sec {
  background-image: url(../bg-images/why-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
}
.why-sec::after {
  background-image: url(../bg-images/select-path-bg.png);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  content: "";
}
.why-sec .container {
  position: relative;
  z-index: 5;
}

/* header style  */
#mainHeader {
  transition: all 0.3s ease;
}
#mainHeader.scrolled {
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* skills show style  */
.skills-section {
  position: relative;
  min-height: 600px;
}
.dots-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #d9f2ff;
  pointer-events: none;
}
.dots-bg svg {
  width: 100%;
  height: 100%;
}
.skills-card li > a {
  border: 1px solid var(--main-blue-color);
  padding: 8px 12px;
  border-radius: 8px;
  display: block;
  margin-bottom: 12px;
  transition: all 0.3s;
}
.skills-card li > a span {
  font-weight: 600;
}
.skills-card li > a:hover {
  background-color: var(--main-blue-color);
  color: var(--main-yellow-color);
}
.skills-card li > a:hover svg {
  color: var(--main-yellow-color);
  fill: var(--main-yellow-color);
}
.skills-card li > a:hover span {
  color: #fff;
}
.skills-card li div svg {
  width: 32px;
  height: 32px;
  color: var(--main-blue-color);
  fill: var(--main-blue-color);
}

/* form section home page style */
.form-section {
  background-color: var(--main-lightred-color);
}
.form-bg-content {
  /* background-image: url(../bg-images/form-bg.png); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 30px;
  background-color: #fff;
}
.form-training-home > form {
  display: flex;
  flex-wrap: wrap;
}
.form-training-home > form > * {
  flex: 0 0 auto;
  width: 50%;
  padding: 8px 15px;
}
.form-training-home > form > *:last-child,
.form-training-home > form > *:nth-last-child(2) {
  width: 100%;
}

.form-training-home > form label {
  font-size: 14px;
  color: var(--darklight-text);
  margin-bottom: 8px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}
.form-training-home > form label svg {
  width: 20px;
  height: 20px;
}
.form-training-home > form label span {
  color: red;
}
.form-training-home > form input, .form-training-home > form select, .form-training-home > form textarea {
  border: none;
  border-bottom: 1px solid var(--main-blue-color); 
  background-color: transparent;
}
.form-training-home > form input:focus-visible, .form-training-home > form select:focus-visible, .form-training-home > form textarea:focus-visible {
  outline-offset: 0;
  outline: none;
}
.form-training-home > form input:placeholder-shown{
  background-color: #fff !important;
}
input:valid {
  background-color: #e0ffe0; /* light green */
}

input:invalid {
  background-color: #ffe0e0; /* light red if empty */
}

.form-control:focus {
  box-shadow: none !important;
  border-color: var(--main-yellow-color) !important;
}
/*  Cta Section 2*/
.homeCtaContainer, .about_mission_vision_sec{
  background-image: url('../bg-images/bg3.webp');
  background-size: contain;
  /* background-repeat: repeat; */
  border-radius: 10px;
  margin-top: 60px;
}
.homeCtaInnerDiv, .aboutMisionInnerDiv{
  background: var(--main-blue-color);
  padding: 45px 20px;
  border-radius: 10px;
}
.HomeCtaImg{
  width: 350px;
  position: absolute;
  right: 80px;
  bottom: 0;
}
.whyUsVideoSec{
  background-image: url('../bg-images/bg7.jpg');
  background-position: center;
  background-size: contain;
  padding: 21px 0;
  background-repeat: no-repeat;
}

.whyVideoInnerContainer{
  width: 200px;
  background: #ffa600;
  border-radius: 50%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 10px #ffd300;
  margin-right: 60px;
}
.whyVideoInnerContainer video{
  border-radius: 50%;
    background: #ffff;
}
/* ----------counting section ----- */
.counting_section{
  background-image: url('../bg-images/bg5.jpg');
  background-position: center;
  background-size: cover;
}
.counting_section img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
}
.counting_card{
  background: #ffb200;
  height: 300px;
  /* padding-left: 60px !important; */
}
.counting_card h4{
  color: #fff;
  font-size: 35px;
}
.border-right{
  border-right: 1px solid #ffff;
}
.w-200{
  width: 200px;
}
/* -----------------listing page----- */
.ListHeroSec{
  margin-top: 80px;
    /* background-image: linear-gradient(193deg, #0642a947, #fff); */
    background-image: url(../bg-images/bg6.jpg);
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 50px;
    text-align: center;
}
.ListHeroSec h1 {
  font-size: 40px;
  font-weight: bold;
  color: var(--main-blue-color);
}
.ListHeroSec__search{
  position: relative;
    height: 70px;
    background: #fff;
    border: 1px solid gray;
    border-radius: 15px;
    width: 900px;
    margin: auto;
    padding: 15px;
}
.ListHeroSec__search input {
  height: 40px;
  background: #fff;
  border: none;
  width: 850px;
}
.ListHeroSec__search button{
  background: none;
  border: none;
  position: absolute;
  right: 15px;
  top: 15px;
}
.ListHeroAdvantage__item{
  border: 1px solid gray;
  border-radius: 7px;
  padding: 3px 15px;
}
.ListHeroAdvantage__item svg{ 
  width:15px;
}
.ListHeroAdvantage__item span{ 
  font-size: 14px;
  font-weight: 400;
}

.course_icn{
  background: #4caf50;
  border-radius: 50px;
  filter: blur(10px);
  opacity: 0.5;
  height: 20px;
  width: 20px;
  position: absolute;
}
.course_action_div img, .course_card_content img{
  width: 17px;
  margin-right: 20px;
}
.course_action_div span{
  font-size: 14px;
  color: darkslategray;
}
.course_card_content p{
  display: -webkit-box !important;   /* required for -webkit-line-clamp */
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;  /* number of lines */
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.course_card_content h3{
  display: -webkit-box !important;   /* required for -webkit-line-clamp */
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ----------------------- */
.section{
  padding: 80px 0;
}
.section .title{
  font-size: 25px;
  font-weight: 600;
}
.section .title span{
  color: var(--main-yellow-color);
}
/* course detail page  */
.course_detail_hero_sec {
  background-image: url(../bg-images/course_banner_1.jpg);
  background-size: cover;
  background-position: center;
  padding: 90px 0;
  margin-top: 80px;
  z-index: 1;
  /* background-color: red; */
}
.course_detail_hero_sec h1{
  font-size: 32px;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .course_detail_hero_sec {
    background-image: url(../bg-images/course_banner_2.jpg);
  }
}
.course_info_items .item{
  background: #e3e7f0;
  padding: 6px 10px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 13px;
}
.course_info_items .item2{
  /* background: #fec015; */
  padding: 3px 15px;
  border-radius: 15px;
  border: 1px solid #3e3d3c;
}
.course_detail{
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 0px 4px gray;
}
.course_detail  h3{
  font-size: 17px;
}
.border-right-yellow{
  border-right: 2px solid var(--main-yellow-color);
}
/* ------- */
.course_detail_advantages_sec h2{
  font-size: 24px;
  font-weight: 600;
}
.course_detail_advantages_sec h3{
  font-size: 15px;
  font-weight: 400;
}
.course_detail_advantages_sec .accordion-button:not(.collapsed){
  font-size: 18px;
  background: #0371d3;
  color: #ffff;
}
.course_detail_advantages_sec .accordion-item{
  border: 1px solid #c7c7c7;
  border-radius: 8px;
}
.course_detail_advantages_sec .accordion-button{
  font-weight: 500;
  background: #e3e7f05c;
  border-top: 1px solid #c7c7c7;
  font-size: 18px;
}
.course_detail_advantages_right .card-header{
  background: var(--main-yellow-color);
}
.course_detail_advantages_right span{
text-transform: uppercase;
  font-weight: 400;
  color: var(--main-blue-color);
}
.course_detail_advantages_right form svg{
  width: 20px;
  height: 20px;
  color: var(--main-yellow-color);
}
/* ----------- */
.certificate_sec{
  background: var(--main-blue-color);
  height: 340px;
  color: #ffff;
  margin-bottom: 50px;
  z-index: 1;
}
.certificate_sec p{
color:#fff;
}
.certificate_sec img{
  height: 60px;
}
.certificate_sec .certificate_img{
  height: 60px;
  margin-top: -100px;
  border-radius: 7px;
  box-shadow: 0px 3px 4px gray;
}
/* ------ */
.Brief_course_sec::after, .company_logo_sec::after{
  content: "";
  z-index: 0;
  position: absolute;
  width: 200px;
  height: 200px;
  left: -78px;
  top: -100px;
  filter: blur(34px);
  background-image: linear-gradient(314deg, #ffeaab, #ffffff47);
  border-radius: 50%;
  opacity: 1;
}
.Brief_course_sec::before, .company_logo_sec::before{
  content: "";
  z-index: 0;
  position: absolute;
  width: 230px;
  height: 230px;
  right: 0;
  bottom: -21px;
  filter: blur(34px);
  background-image: linear-gradient(314deg, #d0edfc, #ffffff47);
  border-radius: 50%;
  opacity: 1;
}
.Brief_course_sec .course_tools_learn{
  background: #e0ffe0;
  padding: 20px;
  border-radius: 10px;
}
.Brief_course_sec .course_tools_learn .tools_item img{
width:50px;
  height: 50px;
  border-radius: 10px;
}
.Brief_course_sec_content img{
  width:25px;

}
/* ----------- */
.course_curriculum_detail_box{  
background: linear-gradient(90deg, rgba(1, 114, 172, 0.2) 0%, rgba(255, 255, 255, 0) 100%), #F1FAFF;
border-radius: 15px;
padding: 30px;
border-left: 1px solid var(--main-blue-color);
min-height: 300px;
}
.course_detail_curriculum .nav-link{
background: linear-gradient(90deg, rgba(186, 212, 226, 0.1) 0%, #FFFFFF 100%);
opacity: 0.7;
border: 1px solid #0172AC;
border-radius: 10px;
font-weight: 500;
  margin-bottom: 10px;
  text-align: left;
}
/* --------- */

.discover_box_odd{
  background: #d7ebf6;
}
.discover_box_even{
  background: #acd4e8;
}
.discover_box_even img, .discover_box_odd img{
  width: 45px;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
}
/* ------------ */
.company_logo_sec{
  background:#f1fafb;
}
.company_logo_sec .company_logo_item{
  height: 100px;
  border-right: 1px solid #5cb7ff;
  margin-bottom: 25px;
  padding-right: 25px;
  box-shadow: 0px 3px 8px #a2c8db;
  border-radius: 5px;
  width: 200px;
  text-align: center;
  background: #d6eff1;
}
.company_logo_sec .company_logo_item img{
  width: 100px;
  height: 100px;
  object-fit: contain;
}
/* -----------------offer------- */
.offer_outer_section{
  background: var(--main-yellow-color);
  border-radius: 25px;
  height: 300px;
}
.offer_outer_section img{
  width: 85px;
}
.offer_inner_section{
  background-color: var(--main-lightred-color);
  background-image: url('../bg-images/offer_bg.jpg');
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  margin: 0 120px;
  padding: 35px;
  margin-top: -250px;
  padding-bottom: 0;
  border-radius: 25px;
}
.offer_inner_section .offer_box{
  background: #FF9800;
  padding: 15px;
  border-radius: 15px;
  align-items: center;
  border: 3px solid #fff;
}
.offer_inner_section .offer_box .offer_percent{
  min-width: 60px;
  height: 50px;
  border-right: 1px dashed #ffff;
  margin-right: 7px;
}
.offer_inner_section .offer_box .offer_percent p{
  font-size: 25px;
  color: #fff;
}
/* ------ */
.review_card{
  background: linear-gradient(45deg, #e2f5ff, transparent);
}
.review_footer img{
  width: 40px;
  height: 40px;
  border-radius: 50px;
  object-fit: cover;
}
/* ----- */
.service_box{   
   height: 250px;
}

/* -------- */
.footer_update_sec{
  /* background: linear-gradient(45deg, #0172ac, transparent); */
  background: #0574ada3;
  padding: 35px;
  text-align: center;
  color: #ffff;
}
.footer_update_input{
  background: #fff;
    width: fit-content;
    border-radius: 10px;
    margin: auto;
    border: 1px solid var(--main-blue-color);
    padding: 5px;
    margin-top: 30px;
}
.footer_update_input input{
  background: #fff;
  border: none;
  padding: 8px;
  border-radius: 6px;
  width: 350px;
}
footer{
  /* background: linear-gradient(45deg, #0172ac, transparent); */
  background: #06537b;
  margin-top: 5px;
  padding: 45px 0;
  color: #fff;
}
footer img{
  width: 150px;
}
footer a{
  color: #fff;
  text-decoration: none;
}
.footer_office_title{
  font-weight: 600;
  color: #fff;
  padding: 3px 10px 5px;
  font-size: 13px;
  border-radius: 5px;
  border: 1px solid #fff;
}
.social_icons_footer svg{
  fill: var(--main-blue-color);
    background: #fff;
    padding: 4px;
    border-radius: 8px;
    width: 25px;
    height: 25px;
}
.footer_bottom_section{
  background: var(--main-blue-color);
}
.blog_card{
  background: #f5f5f5;
}
.blog_card span{
  padding: 3px;
}
.blog_card img{
  border-radius: 15px;
  filter: grayscale(1);
  margin-bottom: 15px;
  height: 233px;
  width: auto;
  object-fit: cover;
}
.blog_card a, .mission_card{
  color: var(--main-blue-color);
  cursor: pointer;
  text-decoration: underline;
  font-weight: 500;
}
/* ------------ */
/* =========================About Page=============== */
.about_img1{
  width: 400px;
  height: 180px;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid gray;
}
.about_img2{
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.about_img3{
  width: 520px;
  height: 230px;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid gray;
  object-position: center;
}
.about_us_sec progress{
  background: #fff;
  height: 5px;
}
.about_us_sec progress::-webkit-progress-bar {
  background-color: #f0f0f0; /* background of bar */
  border-radius: 8px;
  width: 100%;
}

.about_us_sec progress::-webkit-progress-value {
  background-color: #4caf50; /* fill color */
  border-radius: 8px;
  width: 100%;
}
/* --------- */
.about_count {
  width: 200px;
  text-align: center;
  border-right: 1px solid var(--main-blue-color);
}
.about_count h4{
  font-size: 35px;
  color: orange;
}
.about_why_left_div .about_why_left_img1{
  height: 400px;
    min-width: 250px;
    object-fit: cover;
    border-radius: 15px;
}
.about_why_left_div .about_why_left_img2{
  height: 300px;
  width: 170px;
  object-fit: cover;
  border-radius: 15px;
}
.about_why_left_div .about_why_left_img3{
  width: 70px;
}
.about_why_left_div .rating-wrapper{
  width:25px;
}
.about_why_choose_sec .icon_div img{
  width: 40px;
  height: 40px;
  background: #fff;
  object-fit: cover;
  padding: 6px;
  border-radius: 50%;
}
.about_choose_card1, .about_choose_card4{
  padding: 25px 35px !important;
  background: var(--main-blue-color);
  /* border-top-left-radius: 25px; */
}
.about_choose_card2, .about_choose_card3{
  padding: 25px 35px !important;
  background: #06537b;
  /* border-top-left-radius: 25px; */
}
.about_choose_card1{
  border-top-left-radius: 25px;
}
.about_choose_card2{
  border-top-right-radius: 25px;
}
.about_choose_card3{
  border-bottom-left-radius: 25px;
}
.about_choose_card4{
  border-bottom-right-radius: 25px;
}
.About_sir_img .About_sir_img_img1,.About_sir_img .About_sir_img_img2{
  width: 280px; 
  border-top: 5px solid #ffffff;
  box-shadow: #0172ac2b 0px 3px 20px;
  border-left: 5px solid #ffffff;
}
.About_sir_img .About_sir_img_img1{
  margin-left: 30px;
}
.About_sir_img_img2{
  margin-top: 100px;
}

/* --------------- */
.mission_card .mission_content, .mission_card .mission_img_div{
  border:1px solid #ffff;
}

/* -----------placement----------- */
.about_why_box .why_img_container{
  background:var(--main-lightred-color);
  height: 40px;
  width:40px;
  min-width: 40px;
  border-radius: 50px;
  display:grid;
  place-items: center;
  padding: 3px;
}
.about_why_box{
  box-shadow: 0px 0px 5px #f3f0ed;
  padding: 15px;
  border-radius: 8px;
  background: #f7b400f0;
}
.aboutWhySection{
  border-top-right-radius: 170px !important;
  border-radius: 10px;
}

/* --------------- */
.cta_section .section{
  padding-left: 75px;
}
.about_contact_section{
  background-image: url(../bg-images/bg6.jpg);
  background-size: contain;
}
.about_contact_section input, .about_contact_section textarea, .about_contact_section select{
  border: 1px dashed var(--main-blue-color);
  background-color: #edf4f8;
}
.about_contact_section label{
  font-weight: 500;
  margin-bottom: 7px;
  color: var(--main-blue-color);
}
@media (max-width: 991px) {
  .homeCtaContainer .homeCtaInnerDiv .heading-style-one h3{
    font-size: 20px !important;
    text-align: center;
  }
  .hero_section .hero_img{
    max-height: 300px;
    width: auto !important;
  }
  .w_50{
    width: 100% !important;
  }
  .offer_inner_section{
    margin: 0 50px;
    margin-top: -250px;
  }
  .whyUsVideoSec{
    background-size: cover;
  }
  .ListHeroSec__search,.ListHeroSec__search input {
    width: 100%;
  }
  .HomeCtaImg {
    width: 290px;
    position: absolute;
    right: 0;
    bottom: 0;
}
}

@media (max-width:768px) {
  .heading-style-one h3 {
    font-size: 25px !important;
}
  .cta_section .section{
    padding-left: 25px;
  }
  .offer_inner_section{
    margin: 0 10px;
    margin-top: -250px;
  }
  .offer_inner_section img{
    height: 200px;
    width: fit-content  !important;
    margin: auto;
  }
  .hero-heading h1 {
    font-size: 40px;
    font-weight: bold;
}
.form-training-home > form {
  display: block;
}
.form-training-home > form > * {
  flex: 0 0 auto;
  width: 100%;
  padding: 8px 15px;
  margin-bottom: 10px;
}
.hero-section::before {
  display: none;
}
.btn-jobsense-blue-full-r{
  display: inline-block;
    width: fit-content;
    margin-bottom: 15px;
}
.btn-jobsense-yellow-full-r{
  display: inline-block;
    width: fit-content;
}
.ListHeroSec h1{
  font-size: 25px;
}
}
@media (max-width:576px) {
  body,
html {
  font-size: 13px !important;
}

p {
  font-size: 12px !important;
}
.btn-wrapper-hero {
  border-radius: 15px;
}
  .rating-wings {
    border-radius: 15px;
    width: 100%;
    gap: 8px;
    justify-content: center;
  }
  .rating-wings .wingl {
    width: 25px;
}
.rating-wings .wingr {
  width: 25px;
}
.rating-wings .rating-wrapper img {
  width: 25px;
  height: 25px;
}
.rating-wings .rating-wrapper .rating-view strong {
  font-size: 16px;
}
.skills-section .skills-card > *:nth-child(n+7) {
  display: none !important;
}
.counting_div {
  width: 156px;
}
.counting_card h4 {
  font-size: 25px;
}
  .hero-heading h1 {
    font-size: 30px;
    font-weight: bold;
}
.whyVideoInnerContainer {
  margin:auto;
}
.service_box{   
  height: auto;
}
}
@media (max-width:510px) {
  .About_sir_img{
    text-align: center;
  }
  .About_sir_img .About_sir_img_img1, .About_sir_img .About_sir_img_img2{
  width: 90%;
  margin:auto;
  }
}