@import url("reset.css");

/*Header*/
  .header-fixed header{background-color: var(--whitecolor);  box-shadow: 0px 2px 20px 0 rgb(0 0 0 / 25%);}
  .header-fixed header .header-container .header-actions ul li a{color: var(--color1);}
  .header-fixed header .header-container .header-actions ul li a:hover{border-bottom: 2px solid var(--color1);}
  header{ position:fixed; z-index: 2200001; height: 75px; top:0; right:0; left:0;}
  header .header-container{padding:0 54px; display: flex; width:var(--fulwidth); height:var(--fullheight); align-items: center; justify-content:space-between;}
  header .header-container .logo{color:var(--color1); font-size: var(--fontsize20); font-family: var(--fontfamilybold);}
  header .header-container .logo a{display: flex}
  header .header-container .header-actions{display: flex; align-items: center;}
  header .header-container .header-actions ul{display: flex; align-items: center;}
  header .header-container .header-actions ul li{margin-left:35px;}
  header .header-container .header-actions ul li img{cursor: pointer;}
  header .header-container .header-actions ul li select{border:1px solid var(--color11); border-radius: var(--radius10); padding:var(--padding2-10);}
  header .header-container .header-actions ul li:first-child{margin-left:0px;}
  header .header-container .header-actions ul li a{font-size: var(--fontsize16); padding-bottom: 5px; border-bottom: 2px solid transparent; width:var(--fullwidth); color: var(--whitecolor)}
  header .header-container .header-actions ul li a:hover{border-bottom: 2px solid var(--whitecolor);}
  header .header-container .header-actions ul li a.selected{border-bottom: 2px solid var(--whitecolor);}
  header .header-container .header-actions ul li a.btn{padding:5px 25px; white-space: nowrap; border:0px none;  background-color: var(--color1); border-radius: var(--radius5); font-size: var(--fontsize16); font-family: var(--fontfamilylight); color:var(--whitecolor);}


  header .header-actions-mobile{display: flex; align-items: center; position: relative; display: none;}
  header .header-actions-mobile > a{font-size: var(--fontsize32); color:var(--color1);}
  header .header-actions-mobile.colorchange a{color: var(--color1); }
  header .header-actions-mobile ul{display: flex; flex-direction: column; margin:0; padding:0;}
  header .header-actions-mobile ul li{margin:0; margin-bottom:10px; display: flex;}
  header .header-actions-mobile .header-actions-dd{position: absolute;  background-color: var(--whitecolor); right: 0;
      top: 100%; width: 170px; z-index: 15; display: none; padding:10px; border-radius:5px; border-top: 0 none; box-shadow: 0 2px 10px 0 rgb(105 112 113 / 50%);}
  header .header-actions-mobile .header-actions-dd a{margin-bottom:10px; color: var(--color1); font-size: 14px; font-family: var(--defaultfont);}
  header .header-actions-mobile:hover .header-actions-dd{display: flex; flex-direction: column;}
  header .header-actions-mobile .header-actions-dd a:last-child{margin-bottom: 0;}

/*Header*/


/*footer*/
footer{ background-color: #464646; display: flex; width:var(--fullwidth);}
footer .footer-container{padding:10px 54px; justify-content: center; display: flex; width:var(--fullwidth); color:var(--color4); font-size: var(--fontsize12); font-family: var(--defaultfont);}
/*footer*/


/*Homepage Css*/
.homepageHeroWrapper{background: #fff url(../images/herobg.jpg) 100% 70% no-repeat; position: relative; background-size: cover; padding-top:150px; padding-bottom:150px;}
.homepageHeroWrapper:after{background-color: rgba(0,0,0,0.8); content: '';  position: absolute; left: 0; right:0; bottom:0; top:0; }
.homepageHeroWrapper .homepageHeroContainer{max-width: none; position: relative; z-index: 1; margin: 0 auto; position: relative; display: flex; width:var(--fullwidth); padding: 0 54px}
.homepageHeroWrapper .homepageHeroContainer .left-section{display: flex; justify-content:center; align-items: center; flex-direction: column; width:var(--fullwidth); max-width: none;}
.homepageHeroWrapper .homepageHeroContainer .left-section h2{margin-bottom: 15px;}
.homepageHeroWrapper .homepageHeroContainer .left-section h2 span{ background-color: var(--whitecolor); color:var(--color11); padding: 2px 10px; font-size: var(--fontsize18); letter-spacing: 0.7px; text-transform: uppercase; font-family:var(--defaultfont);}
.homepageHeroWrapper .homepageHeroContainer .left-section h1{margin-bottom: 15px;max-width: 880px; text-align: center; color: var(--whitecolor); font-size: var(--fontsize52); line-height: 76px; font-family:var(--fontfamilybold);}
.homepageHeroWrapper .homepageHeroContainer .left-section p{color: var(--color10); max-width: 880px; text-align: center; font-size: var(--fontsize16); line-height: normal; font-family:var(--defaultfont);}
.homepageHeroWrapper .homepageHeroContainer .left-section .btn{display: flex; margin-top: 25px;}
.homepageHeroWrapper .homepageHeroContainer .left-section .btn .default-btn{background-color: var(--whitecolor); color: var(--color1);}


.homepageLeadformWrapper{display: flex; flex-direction: column; margin-top: -50px;  position: relative;}
.homepageLeadformWrapper .homepageLeadformContainer{box-shadow: 0 0 24px rgb(0 0 0 / 20%); align-items: center; max-width: 1000px; background-color: var(--color1); background: linear-gradient(to bottom, #489198, #60c2cb); margin: 0 auto; flex-direction: column; display: flex; border-radius:8px; width:var(--fullwidth); padding:20px 20px 10px}
.homepageLeadformWrapper .homepageLeadformContainer .notetext{color: var(--whitecolor); margin-bottom: 10px; display: flex;}
.homepageLeadformWrapper .homepageLeadformContainer .offertext{color: var(--whitecolor); margin-top: 10px; display: flex; justify-content: flex-end;}
.homepageLeadformWrapper .homepageLeadformContainer h3{margin-bottom: 15px; color: var(--whitecolor); font-size: var(--fontsize21); line-height: normal; font-family:var(--fontfamilybold);}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper{display: flex; width:var(--fullwidth); justify-content: center;}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock{display: flex; flex-direction: column; margin-left: 15px; width: 100%}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock:first-child{margin-left: 0;}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock input[type="text"]{width:var(--fullwidth); border-radius: 5px; border:1px solid var(--color22); color: var(--color23); font-size: var(--fontsize14); font-family:var(--fontfamilylight); padding:5px 10px;}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock input[type="tel"]{width:var(--fullwidth); border-radius: 5px; border:1px solid var(--color22); color: var(--color23); font-size: var(--fontsize14); font-family:var(--fontfamilylight); padding:5px 10px;}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock input[type="email"]{width:var(--fullwidth); border-radius: 5px; border:1px solid var(--color22); color: var(--color23); font-size: var(--fontsize14); font-family:var(--fontfamilylight); padding:5px 10px;}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock .errormsg{color: #ff0000; font-size: var(--fontsize13); display: none;}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock .default-btn{padding:6px 25px; cursor: pointer; font-size: var(--fontsize14); background-color: var(--whitecolor); color: var(--color1);}
.homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock:last-child{width: auto}


.homepageWhylo2Wrapper{display: flex; flex-direction: column;}
.homepageWhylo2Wrapper .homepageWhylo2Container{max-width: 1200px; margin: 0 auto; flex-direction: column; display: flex; width:var(--fullwidth); padding:54px 54px}
.homepageWhylo2Wrapper .homepageWhylo2Container .headingtitle{margin-bottom: 15px; color: var(--color11); font-size: var(--fontsize36); width:var(--fullwidth); text-align: center; line-height: 76px; font-family:var(--fontfamilybold);}
.homepageWhylo2Wrapper .homepageWhylo2Container .headingtitle:after{content: ''; position: absolute; left: 50%; margin-left: -25px; width: 50px; background-color: var(--color1); height: 4px;}
.homepageWhylo2Wrapper .homepageWhylo2Container ol{display: flex; width:var(--fullwidth); justify-content: center; flex-direction: column;}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li{display: flex; width:var(--fullwidth); margin-top:120px; align-items: flex-start;}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li .right-section{display: flex; border: 1px solid #ddd; padding:5px; box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%); animation: featureImgBounce 2s ease-in-out 0s infinite alternate; width:var(--fullwidth); max-width: 40%; margin-left: 50px; flex-direction: column;}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li .left-section{display: flex; width:var(--fullwidth); max-width: 60%; flex-direction: column;}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li .left-section h4{margin-bottom: 5px; color: var(--color1); font-size: var(--fontsize26); line-height: normal; font-family:var(--fontfamilysemibold);}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li .left-section p{color: var(--color10); max-width: none; font-size: var(--fontsize16); line-height: 29px; font-family:var(--defaultfont);}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li:nth-child(even) .right-section{margin-left: 0; margin-right:50px;}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li ul li{margin-top: 0;}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li ul li{display: flex; align-items: center; margin: 14px 0; color: var(--color10); font-size: var(--fontsize16);}
.homepageWhylo2Wrapper .homepageWhylo2Container ol li ul li i{margin-right:8px; font-size: var(--fontsize18); color:var(--color1);}


.homepageLeadClosingWrapper{display: flex; flex-direction: column; margin-top:50px;  position: relative; background-image: url(../images/homepage-getintouchbg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer{align-items: center; max-width:  none; background: linear-gradient(to right, rgba(26, 41, 128,0.6), rgba(38, 208, 206,0.6)); margin: 0 auto; display: flex; width:var(--fullwidth); padding:54px}
.homepageLeadClosingWrapper .left-section{width:var(--fullwidth); max-width: 65%; flex-direction: column;}
.homepageLeadClosingWrapper .left-section .title{margin-bottom: 15px; color: var(--whitecolor); font-size: var(--fontsize27); line-height: normal; font-family:var(--fontfamilysemibold);}
.homepageLeadClosingWrapper .left-section .subtitle{margin-bottom: 15px; color: var(--whitecolor); font-size: var(--fontsize45); line-height: normal; font-family:var(--fontfamilybold);}
.homepageLeadClosingWrapper .left-section .desc{color: var(--whitecolor); font-size: var(--fontsize16); line-height: normal; font-family:var(--defaultfont);}
.homepageLeadClosingWrapper .right-section{width:var(--fullwidth); max-width:400px; margin-left: 40px; border-radius:5px; background-color: var(--whitecolor); padding: 15px;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .notetext{color: var(--color23); justify-content: center; margin-bottom: 10px; display: flex;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .offertext{color: var(--color23); margin-top: 10px; display: flex; justify-content: flex-end;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer h3{margin-bottom: 15px; text-align: center; color: var(--color1); font-size: var(--fontsize19); line-height: normal; font-family:var(--fontfamilybold);}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper{display: flex; width:var(--fullwidth); flex-direction: column; justify-content: center;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper .formblock{display: flex; flex-direction: column; align-items: center; margin-top: 15px;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper .formblock:first-child{margin-top: 0;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper .formblock input[type="text"]{width:var(--fullwidth); border-radius: 5px; border:1px solid var(--color22); color: var(--color23); font-size: var(--fontsize14); font-family:var(--fontfamilylight); padding:9px 10px;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper .formblock input[type="tel"]{width:var(--fullwidth); border-radius: 5px; border:1px solid var(--color22); color: var(--color23); font-size: var(--fontsize14); font-family:var(--fontfamilylight); padding:9px 10px;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper .formblock input[type="email"]{width:var(--fullwidth); border-radius: 5px; border:1px solid var(--color22); color: var(--color23); font-size: var(--fontsize14); font-family:var(--fontfamilylight); padding:9px 10px;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper .formblock .errormsg{color: #ff0000; font-size: var(--fontsize13); display: none;}
.homepageLeadClosingWrapper .homepageLeadClosingContainer .formwrapper .formblock .default-btn{padding:6px 25px; cursor: pointer; font-size: var(--fontsize14); background-color: var(--color1); color: var(--whitecolor);}



@-webkit-keyframes featureImgBounce {
  0% {
    transform: translateY(0)
  }
  to {
    transform: translateY(-30px)
  }
}

@keyframes featureImgBounce {
  0% {
    transform: translateY(0)
  }
  to {
    transform: translateY(-30px)
  }
}

/*Homepage Css*/


/*Courses page Css*/
.coursespageHeroWrapper{background: #fff url(../images/coursespages-herobg.jpg) 100% 70% no-repeat; position: relative; background-size: cover; padding-top:150px; padding-bottom:50px;}
.coursespageHeroWrapper:after{background-color: rgba(0,0,0,0.8);  background: linear-gradient(to right, rgb(65 51 123 / 90%), rgb(226 133 110 / 79%)); content: '';  position: absolute; left: 0; right:0; bottom:0; top:0; }
.coursespageHeroWrapper .coursespageHeroContainer{max-width: none; position: relative; z-index: 1; margin: 0 auto; position: relative; display: flex; width:var(--fullwidth); padding: 0 54px}
.coursespageHeroWrapper .coursespageHeroContainer .left-section{display: flex; justify-content:center; align-items: center; flex-direction: column; width:var(--fullwidth); max-width: none;}
.coursespageHeroWrapper .coursespageHeroContainer .left-section h2{margin-bottom: 15px;}
.coursespageHeroWrapper .coursespageHeroContainer .left-section h2 span{ background-color: var(--whitecolor); color:var(--color11); padding: 2px 10px; font-size: var(--fontsize18); letter-spacing: 0.7px; text-transform: uppercase; font-family:var(--defaultfont);}
.coursespageHeroWrapper .coursespageHeroContainer .left-section h1{margin-bottom: 15px;max-width: 880px; text-align: center; color: var(--whitecolor); font-size: var(--fontsize52); line-height: 76px; font-family:var(--fontfamilybold);}
.coursespageHeroWrapper .coursespageHeroContainer .left-section p{color: var(--color13); max-width: 880px; text-align: center; font-size: var(--fontsize16); line-height: normal; font-family:var(--defaultfont);}
.coursespageHeroWrapper .coursespageHeroContainer .left-section .btn{display: flex; margin-top: 25px;}
.coursespageHeroWrapper .coursespageHeroContainer .left-section .btn .default-btn{background-color:var(--whitecolor); color:var(--color11);}


.breadcrumbWrapper{display: flex; width:var(--fullwidth);}
.breadcrumbWrapper .breadcrumbContainer{display: flex; padding: 30px 0; width:var(--fullwidth); max-width: 1280px; margin:0 auto}



.coursesPageWrapper{display: flex; width:var(--fullwidth);}
.coursesPageWrapper .coursesPageContainer{display: flex; padding: 30px 0; width:var(--fullwidth); max-width: 1280px; margin:0 auto}
.asideopen .coursesPageWrapper .coursesPageContainer aside{margin-left: 0px; left: 0; overflow-y: auto;}
.coursesPageWrapper .coursesPageContainer aside{display: flex; background-color: #60c2cb1c; padding: 15px; width:var(--fullwidth); margin-right:50px; flex-direction: column; max-width: 300px;}
.coursesPageWrapper .coursesPageContainer .courses-section{display: flex; flex-direction: column; width:var(--fullwidth);}
.coursesPageWrapper .coursesPageContainer aside .filterblock{display: flex; margin-bottom: 30px; flex-direction: column; width:var(--fullwidth);}
.coursesPageWrapper .coursesPageContainer aside .filterblock h2{margin-bottom:10px; padding:0px; border-bottom: 1px solid #ddd;color: var(--color11); font-size: var(--fontsize15); line-height: normal; font-family:var(--fontfamilysemibold);}
.coursesPageWrapper .coursesPageContainer aside .filterblock ol{display: flex; flex-direction: column;}
.coursesPageWrapper .coursesPageContainer aside .filterblock ol li{margin:10px 0 0px;}
.coursesPageWrapper .coursesPageContainer aside .filterblock label{display: flex; align-items: center;}
.coursesPageWrapper .coursesPageContainer aside .filterblock label:hover{color: var(--color1); cursor: pointer;}
.coursesPageWrapper .coursesPageContainer aside .filterblock label input[type="checkbox"]{margin: 0 10px 0 0}
.coursesPageWrapper .coursesPageContainer aside  input[type="range"]{width:var(--fullwidth);}

.coursesPageWrapper .coursesPageContainer .courses-section ol{display: flex; align-items: flex-start; width:var(--fullwidth); flex-wrap: wrap;}
.coursesPageWrapper .coursesPageContainer .courses-section ol li{display: flex; box-shadow: 0 5px 10px 0 rgb(72 145 152 / 20%); border-radius:5px; margin:0 8px 30px; border: solid 1px rgba(54,115,121,.3); flex-direction: column; max-width: 280px; width:var(--fullwidth);}
.coursesPageWrapper .coursesPageContainer .courses-section ol li .course-thumb{display: flex;  max-height: 210px; height: var(--fullheight); justify-content: center; width:var(--fullwidth); margin-bottom: 0;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content{display:flex; padding: 10px; flex-direction: column; margin-top:0px;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-top{display: flex; justify-content: space-between; width:var(--fullwidth); margin-bottom: 10px;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-top .institutelogo{display: flex; align-items: center;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-top .institutelogo i{width: 40px; bordeR: 1px solid #ddd; height: 40px; border-radius: 100%; margin-right: 10px;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-top .institutelogo i img{border-radius: 100%;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-top .course-duration{display: flex; align-items: center;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-top .course-duration span{padding: 2px 8px; border-radius: 4px; color: var(--whitecolor); background-color: var(--color7);}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content h2{display: flex; color: var(--color11); font-size: var(--fontsize20);}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-price{display: flex; align-items: center;  margin-top: 10px;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-price del{margin-right: 10px; color: var(--color4);}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-price ins{color: var(--color1); text-decoration: none;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-bottom{display: flex; align-items: center; margin-top: 10px; justify-content: space-between; width:var(--fullwidth);}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-bottom .startdate{display: flex; color: var(--color11); flex-direction: column;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-bottom .startdate span{color: var(--color7);}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-bottom .knowmore{display: flex; align-items: center;}
.coursesPageWrapper .coursesPageContainer .courses-section .course-content .course-bottom .knowmore a{padding: 5px 15px; border-radius: 4px; color: var(--whitecolor); background-color: var(--color1);}

.coursesPageWrapper .mobilefilterblock{ margin-bottom: 25px; display: flex; flex-direction: column; justify-content: flex-end; border-bottom: 1px solid #ddd; align-items:flex-end; font-size: var(--fontsize19); display: none;}
.overlaybg{background-color: rgba(0,0,0,0.6); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2200001; opacity: 0; visibility: hidden;}
.asideopen  .overlaybg{opacity: 1; visibility: visible;}
/*Courses page Css*/


/*Corporates page Css*/
.corporatespageHeroWrapper{background: #000 url(../images/corporatespage-herobg.jpg) 100% 70% no-repeat; position: relative; background-size: cover; padding-top:150px; padding-bottom:50px;}
.corporatespageHeroWrapper:after{background:linear-gradient(352deg, rgb(53 188 141 / 66%) 0px, rgb(13 21 118 / 66%) 100%); content: '';  position: absolute; left: 0; right:0; bottom:0; top:0; }
.corporatespageHeroWrapper .corporatespageHeroContainer{max-width: none; position: relative; z-index: 1; margin: 0 auto; position: relative; display: flex; width:var(--fullwidth); padding: 0 54px}
.corporatespageHeroWrapper .corporatespageHeroContainer .left-section{display: flex; justify-content:center; align-items: center; flex-direction: column; width:var(--fullwidth); max-width: none;}
.corporatespageHeroWrapper .corporatespageHeroContainer .left-section h2{margin-bottom: 15px;}
.corporatespageHeroWrapper .corporatespageHeroContainer .left-section h2 span{ background-color: var(--whitecolor); color:var(--blackcolor); padding: 2px 10px; font-size: var(--fontsize18); letter-spacing: 0.7px; text-transform: uppercase; font-family:var(--defaultfont);}
.corporatespageHeroWrapper .corporatespageHeroContainer .left-section h1{margin-bottom: 15px;max-width: 880px; text-align: center; color: var(--whitecolor); font-size: var(--fontsize52); line-height: 76px; font-family:var(--fontfamilybold);}
.corporatespageHeroWrapper .corporatespageHeroContainer .left-section p{color: var(--whitecolor); max-width: 880px; text-align: center; font-size: var(--fontsize16); line-height: normal; font-family:var(--defaultfont);}
.corporatespageHeroWrapper .corporatespageHeroContainer .left-section .btn{display: flex; margin-top: 25px; }
.corporatespageHeroWrapper .corporatespageHeroContainer .left-section .btn a{background-color: var(--whitecolor); color:var(--color11);}


.corporatespageFeatureWrapper{position: relative; background-size: cover; padding-top:50px; padding-bottom:50px;}
.corporatespageFeatureWrapper .corporatespageFeatureContainer{max-width: 1280px; position: relative; align-items: flex-start;  z-index: 1; margin: 0 auto; position: relative; display: flex; width:var(--fullwidth); padding: 0 54px}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section h2{margin-bottom: 5px; color: var(--color1); font-size: var(--fontsize26); line-height: normal; font-family:var(--fontfamilysemibold);}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section p{color: var(--color10); max-width: none; font-size: var(--fontsize16); line-height: 29px; font-family:var(--defaultfont);}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .headingtitle{margin-bottom: 15px; color: var(--color11); font-size: var(--fontsize36); width:var(--fullwidth); text-align: center; line-height: 76px; font-family:var(--fontfamilybold);}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .headingtitle:after{content: ''; position: absolute; left: 50%; margin-left: -25px; width: 50px; background-color: var(--color1); height: 4px;}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .right-section{display: flex; border: 1px solid #ddd; padding:5px; box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%); animation: featureImgBounce 2s ease-in-out 0s infinite alternate; width:var(--fullwidth); max-width: 40%; margin-left: 50px; flex-direction: column;}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section{display: flex; width:var(--fullwidth); max-width: 60%; flex-direction: column;}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section h4{margin-bottom: 5px; color: var(--color1); font-size: var(--fontsize26); line-height: normal; font-family:var(--fontfamilysemibold);}
.corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section p{color: var(--color10); max-width: none; font-size: var(--fontsize16); line-height: 29px; font-family:var(--defaultfont);}
.corporatespageFeatureWrapper .corporatespageFeatureContainer ol li{margin-top: 0;}
.corporatespageFeatureWrapper .corporatespageFeatureContainer ol li{display: flex; align-items: flex-start; margin: 14px 0; color: var(--color10); font-size: var(--fontsize16);}
.corporatespageFeatureWrapper .corporatespageFeatureContainer ol li i{margin-right:8px; margin-top:5px; font-size: var(--fontsize18); color:var(--color1);}
.corporatespageFeatureWrapper:nth-child(even) .right-section{margin-left: 0; margin-right:50px;}
/*Corporates page Css*/




/*media query Css start*/
  
  @media only screen and (max-width:1280px) {

    /*Coursespage Css*/ 
    .coursesPageWrapper .coursesPageContainer{ max-width: 1100px; }
    .breadcrumbWrapper .breadcrumbContainer{ max-width: 1100px; }
    .coursesPageWrapper .coursesPageContainer aside{margin-right: 30px;}
    /*Coursespage Css*/ 
  }


  @media only screen and (max-width:1024px) {

    /*Coursespage Css*/ 
    .coursesPageWrapper .coursesPageContainer{ max-width: 1000px; }
    .breadcrumbWrapper .breadcrumbContainer{ max-width: 1000px; }
    .coursesPageWrapper .coursesPageContainer aside{margin-right: 30px;}
    /*Coursespage Css*/ 
  }



  @media only screen and (max-width:1000px) {

  /*Homepage Css*/  
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li{flex-direction: column; margin-top: 0; align-items: center;}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li .left-section{width: 100%; max-width: 100%; align-items: center;  margin-bottom: 50px;}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li .left-section p{text-align: center;}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li .right-section{margin-right: 0; margin-left: 0;}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li:nth-child(even) .right-section{margin-right: 0; margin-bottom: 40px;}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li:nth-child(even) .right-section{order: 2}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li:nth-child(even) .left-section{order: 1}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li ul li{flex-direction: row;}
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li:nth-child(even):last-child .right-section{margin-bottom: 0;}
  .homepageLeadClosingWrapper{margin-top: 0;}
  .homepageLeadClosingWrapper .left-section .subtitle{font-size: var(--fontsize32);}
  .homepageLeadformWrapper .homepageLeadformContainer{max-width:750px;}
  /*Homepage Css*/ 


  /*Coursespage Css*/ 
  .coursesPageWrapper .mobilefilterblock{display: flex;}
  .coursesPageWrapper .coursesPageContainer aside{position: fixed; transition: all 0.2s ease; right: 0; top: 0; bottom: 0; left: 0; left:-350px; margin-left: -350px; margin-right: 0; z-index: 2200001; background-color: #60c2cb;}
  .coursesPageWrapper .coursesPageContainer{ padding: 0 20px; }
  .breadcrumbWrapper .breadcrumbContainer{ padding:30px 20px; }
  /*Coursespage Css*/ 

  }


  @media only screen and (max-width:770px) {

    /*Homepage Css*/  
    .homepageWhylo2Wrapper .homepageWhylo2Container ol li .right-section{max-width: none;}
    .homepageLeadClosingWrapper .homepageLeadClosingContainer{flex-direction: column;}
    .homepageLeadClosingWrapper .left-section .subtitle{font-size: var(--fontsize45);}
    .homepageLeadClosingWrapper .left-section{max-width: none; display: flex; align-items: center; margin-bottom: 40px;}
    .homepageLeadformWrapper .homepageLeadformContainer{max-width:600px;}
    .homepageHeroWrapper .homepageHeroContainer .left-section h1{line-height: normal; font-size: var(--fontsize45);}
    .homepageHeroWrapper .homepageHeroContainer{padding: 0 20px;}
    .homepageWhylo2Wrapper .homepageWhylo2Container{padding: 0 20px;}
    .homepageLeadClosingWrapper .homepageLeadClosingContainer{padding:20px;}
    .homepageLeadformWrapper .homepageLeadformContainer{margin-bottom: 30px;}
    /*Homepage Css*/  

    /*Header Css*/
    header .header-container{padding: 0 20px}
    header .header-actions-mobile{display: flex;}
    header .header-container .header-actions{display: none;}
    /*Header Css*/

    /*Corporatepage Css*/
      .corporatespageFeatureWrapper .corporatespageFeatureContainer{padding: 0 20px; flex-direction: column;}
      .corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section{max-width: none;}
      .corporatespageFeatureWrapper .corporatespageFeatureContainer .right-section{max-width: none; margin:50px 0 0}
      .corporatespageFeatureWrapper:nth-child(even) .right-section{order: 2}
      .corporatespageFeatureWrapper:nth-child(even) .left-section{order:1}
      .corporatespageFeatureWrapper{padding: 25px 0 0}
    /*Corporatepage Css*/

    .coursespageHeroWrapper .coursespageHeroContainer{padding: 0 20px;}
    .corporatespageHeroWrapper .corporatespageHeroContainer{padding: 0 20px;}


    footer .footer-container{padding:10px 20px; text-align: center}
  }


 

  @media only screen and (max-width:700px) {
    
    /*Homepage Css*/  
    .homepageHeroWrapper .homepageHeroContainer .left-section h1{line-height: normal; font-size: var(--fontsize36);}
    .homepageHeroWrapper .homepageHeroContainer .left-section h2 span{display: inline-flex; text-align: center;}
    .homepageLeadformWrapper .homepageLeadformContainer{max-width:500px;}
    .homepageLeadformWrapper .homepageLeadformContainer h3{font-size: var(--fontsize18);}
    .homepageLeadClosingWrapper .right-section{margin-left: 0;}
    /*Homepage Css*/  

    /*Coursespage Css*/   
    .coursespageHeroWrapper .coursespageHeroContainer .left-section h2 span{display: inline-flex; text-align: center;}
    /*Coursespage Css*/ 

    /*Corporatepage Css*/   
    .corporatespageHeroWrapper .corporatespageHeroContainer .left-section h2 span{display: inline-flex; text-align: center;}
    /*Corporatepage Css*/ 


  }

 @media only screen and (max-width: 700px) and (orientation: landscape){
  .homepageLeadformWrapper .homepageLeadformContainer{max-width: 600px;}
  }

@media only screen and (max-width:812px) and (orientation: landscape){
  .homepageWhylo2Wrapper .homepageWhylo2Container ol li .right-section{max-width: none;}
  }


  @media only screen and (max-width:600px) {
    
    /*Homepage Css*/  
    .homepageLeadformWrapper .homepageLeadformContainer .formwrapper{flex-direction: column;}
    .homepageLeadformWrapper .homepageLeadformContainer .formwrapper .formblock{margin: 10px 0 0}
    /*Homepage Css*/  

    /*Coursespage Css*/   
    .coursespageHeroWrapper .coursespageHeroContainer .left-section h1{font-size: var(--fontsize36); line-height: normal;}
    .coursesPageWrapper .coursesPageContainer .courses-section ol{justify-content: center;}
    /*Coursespage Css*/ 

     /*Corporatepage Css*/   
    .corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section h2{text-align: center; font-size: var(--fontsize18);}
    .corporatespageFeatureWrapper .corporatespageFeatureContainer .left-section p{text-align: center;}
    /*Corporatepage Css*/ 

  }

  @media only screen and (max-width:500px) {
    
    /*Homepage Css*/  
    .homepageLeadformWrapper .homepageLeadformContainer{max-width: 400px;}
    .homepageLeadformWrapper .homepageLeadformContainer h3{text-align: center;}
    .homepageHeroWrapper .homepageHeroContainer .left-section h2 span{font-size: var(--fontsize18);}
    .homepageHeroWrapper .homepageHeroContainer .left-section h1{font-size: var(--fontsize28);}
    /*Homepage Css*/  

    /*Coursespage Css*/ 
    .coursespageHeroWrapper .coursespageHeroContainer .left-section h1{font-size: var(--fontsize28); line-height: normal;}
    /*Coursespage Css*/ 
  }


 @media only screen and (max-width:400px) {
    
    /*Homepage Css*/  
    .homepageLeadformWrapper .homepageLeadformContainer{max-width: 300px;}
    .homepageWhylo2Wrapper .homepageWhylo2Container .headingtitle{font-size: var(--fontsize26);}
    .homepageWhylo2Wrapper .homepageWhylo2Container ol li .left-section h4{text-align: center;}
    .homepageLeadClosingWrapper .left-section .subtitle{text-align: center;}
    .homepageLeadClosingWrapper .left-section .desc{text-align: center;}
    .homepageLeadClosingWrapper .left-section .title{font-size: var(--fontsize24);}
    .homepageLeadClosingWrapper .left-section .subtitle{font-size: var(--fontsize28);}
    .homepageLeadClosingWrapper .homepageLeadClosingContainer .notetext{text-align: center;}
    /*Homepage Css*/  

    .coursespageHeroWrapper .coursespageHeroContainer .left-section h2 span{font-size: var(--fontsize18);}


    .corporatespageHeroWrapper .corporatespageHeroContainer .left-section h1{font-size: var(--fontsize26); line-height: normal;}

  }
 
/*media query Css ends*/