/******************* Fonts *******************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');

/******************* General *******************/
body {margin: 0%;padding: 0%;box-sizing: border-box;font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6, a, button {font-family: 'Montserrat', sans-serif;}
.heading {font-size: 30px;font-weight: 600;letter-spacing: .5px;color:#000000;}
.text-para{font-size: 18px;font-weight: 400;color:#000;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/*******************  Common-css  *******************/
.myBTN { background-color: #003447; border: none; color: #fff;  padding: 8px 30px;    min-width: 100px; font-size: 15px; margin: 0 2px;}
.myBTN:hover, .myBTN:focus, .myBTN:active { background-color: #003447; border-color: #003447; color: #fff;box-shadow: 0px 0px 4px #333;}

.no-border {border: none;}
.width100 {width: 100%;}
.heading.brdTG {color: #000000;border-top: 5px solid #003447;padding-top: 8px;}


/* Navbar */
.logo_main {height:70px;}
.mainHeader {background-image: linear-gradient(90deg,#CBFFC7,#CBFFC7,#147B71,#147B71);padding: 1px 0; position: sticky; top: 0;z-index: 99;}
.mainHeader.shadow {background-color: #fff;padding: 1px 0;box-shadow: 0px 2px 5px #ccc;margin-bottom: 5px;}
.mainHeader .navbar {padding-top:5px;padding-bottom:5px;}
.mainHeader .navbar.bg-light {background-color: transparent;}
.mainHeader .navbar-light .navbar-nav .nav-link {color: #fff;font-size: 15px; margin: 0 15px;font-weight: 600;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {color: #fff;padding: 8px 30px;}

.mainHeader .nav-link {font-size: 14px;text-decoration: none;color: #003447;
  padding: 20px 0px;margin: 0px 20px;display: inline-block;position: relative;}
.mainHeader .nav-link:hover {opacity: 1;}
.mainHeader .nav-link::before {transition: 300ms;height: 2px;content: "";
  position: absolute;background-color: #003447;}
.nav-link-ltr::before {width: 0%;bottom: 10px;}
.mainHeader .nav-link-ltr:hover::before {width: 80%;}
.mainHeader .btnbg{margin-top: 14px;}
.coursedetails{background-color: #bbfbd0;}
.coursedetails .dropdown-item:hover {  color: #fff;background-color: #003447;} 
.coursedetails .dropdown:hover>.dropdown-menu {display: block;}
.coursedetails .dropdown-menu{top: 80%; padding: 0;}
.coursedetails .dropdown-item{border-bottom: 1px solid #f1f1f1;padding: 8px 12px;}

/* Banner */
.bannerWrap{position: relative;}
.bannerWrap .bannerTextBox{position: absolute;top: 20%;left: 5%;}
.bannerWrap .header{font-size: 30px;font-weight: 700;color: #000;}
.bannerWrap .header1{font-size: 40px;font-weight: 700;color: #147B71;}
.bannerWrap .bannerbtn{margin-top: 10px;}

/* Offer */
.offerWrap{background-image: linear-gradient(90deg,#CBFFC7,#CBFFC7,#147B71,#147B71);}
.offerWrap .offertxt{background-color: #003447;padding: 40px 35px;box-shadow: 0 0 5px #ccc; border-radius: 25px; z-index: 9;display: block;margin: 0 auto;
  margin-top: -120px;}
.offerWrap .courofer{text-align: center; border-right: 2px solid #fff;}
.offerWrap .courofer1{text-align: center;}
.offerWrap .textpara{color: #fff;font-size: 20px;font-weight: 500; margin-top: 10px;}


/* Our-Courses */
.ourcourWrap{background-image: linear-gradient(90deg,#CBFFC7,#CBFFC7,#CBFFC7,#147B71,#147B71); padding-top: 50px; padding-bottom: 50px; }
.ourcourWrap .Bannerheading .heading{font-size: 25px;}
.ourcourWrap .Bannerheading .heading2{font-size: 20px; font-weight: 600;}
.ourcourWrap .Bannerheading .heading1{font-size: 30px;font-weight: 700;color: #003447;}
.ourcourWrap .coursedetail{border: 1px solid #000; background-color: #fff; border-radius: 5px; padding: 5px; margin-top: 8px; margin-bottom: 8px;}
.ourcourWrap .detl-text{font-size: 18px;text-align: center;margin-bottom: 0;font-weight: 600;}

/* Your Learning Edge */
.learningWrap{padding-top: 50px; padding-bottom: 50px;}
.learningWrap .header{font-size: 25px; font-weight: 600;}
.learningWrap .header1{font-size: 35px; font-weight: 600; color: #21946A;;}
.learningWrap .edgeBOX{background-color: #CBFFC7;padding: 25px 15px;border-radius: 10px;
    box-shadow: 2px 2px 2px #ccc; min-height: 300px; max-height: 300px; overflow-y: auto; margin-bottom:25px; margin-top:20px;}
.learningWrap .edgeBOX:hover{box-shadow: 4px 5px 10px #d3d3d3;transition: all linear .2s;transform: scale(1.03);}
.learningWrap .edgeBOX h4{color: #003447; font-weight: 700;}
.learningWrap .edgeBOX p{color: #000000; font-weight: 500;}

/* Build A Rewarding Career */
.buildWrap{background-image: linear-gradient(90deg,#CBFFC7,#147B71,#147B71); padding-top: 50px;padding-bottom: 50px;}
.buildWrap .header{color: #003447; font-size: 35px; font-weight: 600; margin-bottom: 40px;}
.buildWrap .buildbg{background: #003447;padding: 20px 30px;position: relative; margin-top: -35px;    margin-left: 7px;
  margin-right: 9px;}
.buildWrap .buildtxt{color: #fff;
  text-align: center;}


/* ---- Client Says ---- */
.clSWrap {background-color: #fff;position: relative;padding-bottom: 0; margin-top: 50px; padding-top: 40px;}
.clSWrap .text-para{font-size: 18px; color: #000000; font-weight: 500;}
.verticSlide {margin-top: 25%;}
.verticSlide ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.verticSlide ::-webkit-scrollbar{width:5px;height:17px;background-color:#F5F5F5;border-radius:1px;}
.verticSlide ::-webkit-scrollbar-thumb{background-color:#003447;border-radius:1px;}
.verticSlide .cards .outer{display:flex;align-items: center;justify-content: center;}
.verticSlide .cards .card{background:var(--white-color);width:75%;display:flex;align-items: center;padding:20px;opacity: 0;pointer-events: none;position:absolute;top: 100%;justify-content: space-between;  border-radius: 10px;animation:animate 15s linear infinite;animation-delay: calc(3s * var(--delay));} 
.verticSlide .outer:hover .card{animation-play-state: paused;}
.verticSlide .cards .card:last-child{animation-delay: calc(-3s * var(--delay));}

@keyframes animate{
  0%{opacity:0;transform: translateY(100%) scale(0.5);position: absolute;
    right: 0;}
  5%,20%{opacity:0.9;transform: translateY(100%) scale(0.7);background-color: #f6f6f6;
    position: absolute;right: 0;}
  25%,40%{opacity:1;pointer-events: auto;transform: translateY(0%) scale(1);
    background-color: #EEFFE8;position: absolute;right: 11%;}
  45%,60%{opacity:0.9;transform: translateY(-100%) scale(0.7);background-color: #f6f6f6;
    position: absolute;right: 0;}
  65%,100%{opacity:0;transform: translateY(-100%) scale(0.5);position: absolute;
    right: 0;}
}
.verticSlide .card .content{display:flex;align-items: center;}
.verticSlide .cards .card .img{height:90px;width:90px;position:absolute;
  left:-5px;background:var(--white-color);border-radius: 50%;padding:5px;box-shadow: var(--box-shadow);}
.verticSlide .card .img img{height:100%;width:100%;border-radius: 50%;object-fit: cover;}
.verticSlide .card .details{margin-left:0px;}
.verticSlide .details p{font-weight: 500;font-size: 14px;min-height: 80px;max-height: 80px;overflow-y: auto;}
.verticSlide .details span{font-weight: 600;font-size: 15px;display: block;text-align: right;}
.verticSlide .card a{text-decoration: none;padding:7px 18px;border-radius: 25px; color:var(--white-color);background:var(--button-background);transition:all 0.3s ease;}
.verticSlide .card a:hover{transform:scale(0.94);}


/* Search Career Opportunity */
.searchWrap{background-color: #003447; padding: 40px 30px; min-height: 180px; }
.searchWrap h5{color: #fff; margin-bottom: 20px;}
.searchWrap a{font-weight: 600;}
.searchWrap .myBTN{background: #ACE9B8;color: #000;}


.contactWrap{padding-top: 50px; padding-bottom: 50px;}
.contactWrap .contactform{background-image: linear-gradient(to right,#60CCEB,#DBEAAB );
padding: 35px 40px;border-top-left-radius: 60px;border-bottom-left-radius: 60px;padding-left: 80px;}
.contactWrap .contactdetail{background-color: #003447;padding: 35px 30px;margin-top: 65px;width: 100%;}
.contactWrap .contactpara{font-weight: 500;}
.contactWrap .myBTN{width: 100%;}
.contactWrap .contact-head{font-size: 30px; color: #fff; font-weight: 500;}
.contactWrap ul li{color: #fff; list-style-type: none;margin: 30px 10px;font-size: 14px; display: flex;}
.contactWrap ul li i {margin-top: 6px;}
.contactWrap ul li a{color: #fff; margin-left: 20px;}
.contactWrap ul li a:hover {color: #9ff181; text-decoration:none;}
.contactWrap .contact-head1{font-size: 25px; color: #fff; font-weight: 500;margin-bottom: 25px; text-indent: 10px;}
.contactWrap .contact-head1 a{margin-right: 10px;font-size: 16px;color: #000;border: 1px solid #000;border-radius: 30px;padding: 6px 9px;}
.courseWrap { padding-top: 50px;padding-bottom: 50px;}


/* Footer  */
.footerwrap{padding-top: 50px;padding-bottom: 30px; background-color: #F3F3F3;border-bottom: 1px solid #ccc; margin-top: 80px;}
.footerwrap .mainlogo{margin-bottom: 30px;}
.footerwrap h3{font-size: 20px;font-weight: 600; color: #000;}
.footerwrap ul{list-style-type: none;padding: 0;}
.footerwrap ul li{padding-top: 10px;}
.footerwrap ul a{color: #000; font-weight: 500;}
.footerwrap ul a:hover{color: #003447; text-decoration: none;}
.envlapbg{margin-left: 15px; color: #000;}
.socialicons{margin-top: 25px;}
.socialicons a{margin-right: 10px;font-size: 16px;color: #003447;border: 1px solid #003447;border-radius: 30px;padding: 6px 9px;}
.socialicons a.fb{padding: 6px 11px;}
.socialicons a:hover{background-color: #003447;color: #fff;border-color: #fff;}
.socialicons a i{transition: all linear .2s;}
.socialicons a:hover i{transform: rotate(360deg);} 
.copyRgt{background-color: #F3F3F3; color: #000;}

.requestmodal.modal.show .modal-dialog {top: 0%;}
.requestmodal .modal-content{background-image: linear-gradient(to right,#60CCEB,#DBEAAB );border-radius: 10px;}
.requestmodal .mybtn:hover{color: #fff;}
.requestmodal .modal-title{margin: 0 auto;padding-left: 80px;}
.was div{position: fixed;transform: all .5s ease;background-color: #25d366;display: block;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);border-radius: 50px;  border-radius: 50px;  border-right: none;  color: #fff;font-weight: 700;  font-size: 30px;bottom: 30px;left: 40px;border: 0;z-index: 9999;width: 50px;height: 50px;  line-height: 50px;}

.was div::before{content: "";position: absolute;z-index: -1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;
background-color: #25d366;border-radius: 50%;-webkit-animation: pulse-border 1500ms ease-out infinite;animation: pulse-border 1500ms ease-out infinite;}
.was::focus{border: none;outline: none;}
@keyframes pulse-border {
  0%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
  100%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}     
  
.was2 div{position: fixed;transform: all .5s ease;background-color: #d9eaac;display: block;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);border-radius: 50px;
  border-radius: 50px;border-right: none;color: #fff;font-weight: 700;font-size: 30px;
   bottom: 400px;right: 30px;border: 0;z-index: 9999;width: 50px;height: 50px; line-height: 50px;}
.was2 div::before{content: "";position: absolute;z-index: -1;left: 50%;top: 50%;
transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;
background-color: #d9eaac;border-radius: 50%;-webkit-animation: pulse-border 1500ms ease-out infinite;animation: pulse-border 1500ms ease-out infinite;}
.was2::focus{border: none;outline: none;}
@keyframes pulse-border {
  0%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
  100%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}     
  


/**************************** About Page **********************************/
.aboutWrap{background-image: linear-gradient(90deg,#CBFFC7,#147B71,#147B71); position: relative; padding-top: 50px; padding-bottom: 50px;}
.aboutWrap .heading{font-size: 40px;font-weight: 700;color: #003447; }
.aboutWrap .subheading{    font-size: 30px;
  font-weight: 700;}
.aboutWrap .abouttxt{margin-top: 45px;}
.aboutWrap1 .offertxt{background-color: #003447;padding: 30px 30px;box-shadow: 0px 0px 10px #00000029; border-radius: 25px;height: 170px;position: relative;left: 30px;top: -30px;z-index: 9;}
.aboutWrap1 .courofer{text-align: center; border-right: 2px solid #fff;}
.aboutWrap1 .courofer1{text-align: center;}
.aboutWrap1 .textpara{color: #fff;font-size: 20px;font-weight: 500; margin-top: 10px;}
.aboutWrap1 .bannerimg{display: block;margin-top: -210px;}

/* About Details */
.aboutdeatWrap{padding-top: 50px; padding-bottom: 50px;}

/* Why Choose Us? */
.whywrap{padding-top: 50px; padding-bottom: 50px;}
.whywrap .whytxt{margin-top: 90px;background-image: linear-gradient(90deg,#CBFFC7,#147B71);padding: 22px;margin-left: -30px;height: 280px;}
.whywrap .whytxt1{background-image: linear-gradient(90deg,#CBFFC7,#147B71,#147B71);
  padding: 20px;}
.whywrap .heading.brdTG{width: fit-content;}


/* Our Vision */
.ourwrap{background-color: #003447; padding-top: 50px; padding-bottom: 50px;height: 620px;}
.ourwrap .heading{color: #fff; margin-bottom: 40px;}
.ourwrap .heading.brdTG{width: fit-content; border-top: 5px solid #fff;}
.ourwrap ul li{color: #fff;font-size: 18px;
  margin-bottom: 20px;}
.ourwrap .visionimg{margin-top: 80px;}
/* Our Mision  */
.misonwrap{padding-top: 80px;}
.misonwrap .heading{width: fit-content; border-top: 5px solid #613500;}


/***************** Carrer Page  **********************/
.careerWrap{background-image: linear-gradient(90deg,#CBFFC7,#147B71); position: relative; padding-top: 50px; padding-bottom: 50px;}
.careerWrap .heading{font-size: 40px;font-weight: 700;color: #003447;}
.careerWrap .subheading {font-size: 30px;font-weight: 700;}
.careerWrap1{padding-top: 50px; padding-bottom: 50px;}
.careerWrap1 .heading{color: #2F9B73; border-top: 5px solid #003447; width: fit-content;}
.careerWrap1 .subheading{color: #003447; font-size: 24px; font-weight: 600;}
.careerWrap1 .bannerimg {display: block;margin-top: -210px;}
.whywrk .whytxt{height: 281px;}



/****************** Contactus Page  ******************/
.conatctWrap{background-image: linear-gradient(90deg,#CBFFC7,#147B71,#147B71);  padding-top: 50px; padding-bottom: 50px;width: 50%;height: 100%;position: absolute;left: 25%;top: 5%;border-radius: 20px;}
.conatctWrap .contacthead{text-align: center; margin-bottom: 40px;}
.conatctWrap h2{font-size: 30px;font-weight: 700;color: #fff;}
.conatctWrap p{font-size: 18px;font-weight: 600; color:#fff;}
.conatctWrap .contactimg{position: absolute;top: -76px;left: 33px;}
.conatctWrap .icon{position: absolute;right: 0%;top: -40px;font-size: 30px;}
.conatctWrap .crossicon{color: #fff;}



/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){

}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){

}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){

}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){

}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){
     .heading{font-size: 24px;}
  .bannerWrap .header,.bannerWrap .header1{font-size: 14px;}
  .bannerWrap .bannerbtn{margin-top: 0px;}
  .bannerWrap .myBTN{font-size: 12px;}
  .bannerWrap .carousel-control-next,.bannerWrap .carousel-control-prev{display: none;}
  .ourcourWrap .Bannerheading .heading1{font-size: 24px;}
  .ourcourWrap .Bannerheading .heading2{font-size: 18px;}
  .ourcourWrap .detl-text{font-size: 10px;}
  .learningWrap{padding-top: 0; padding-bottom: 0;}
  .offerWrap .courofer1 {text-align: center;border-right: 2px solid #fff;}
  .clSWrap{margin-top: 0;}
  .learningWrap .header{font-size: 24px;}
  .learningWrap .header1{font-size: 30px;}
  .offerWrap .offertxt{border-radius: 0px; margin: 0;}
  .learningWrap .edgeBOX{margin-bottom: 20px;}
  .searchWrap{margin-top: 412px;}
  .searchWrap .saerchBox{margin-bottom: 20px;}
  .searchWrap .bannerbtn{text-align: center; width: 100%;}
  .contactWrap{padding-top: 0;}
  .contactWrap .contactform{border-top-left-radius: 0px;border-bottom-left-radius: 0px;margin-top: 30px; padding: 20px 15px;}
  .contactWrap .contactdetail{padding: 30px 10px;}
  .contactWrap .contact-head, .contactWrap .contacthead{font-size: 24px;}
  .footerwrap{text-align: center; margin-top: 0;}
  .buildWrap .img-build{margin-top: 30px;}
  .buildWrap .header {font-size: 26px;margin-bottom: 0;}
  .conatctWrap{width: auto;}
  .conatctWrap .contactimg{display: none;}
  .conatctWrap .icon{right: 5%;}
  .aboutWrap1 .offertxt{padding: 10px 20px;height: auto; border-radius: 0; position: static;}
  .aboutWrap1 .bannerimg{margin-top: 50px;}
  .aboutWrap .subheading, .careerWrap .subheading{font-size: 24px;}
  .aboutdeatWrap, .whywrap{padding-bottom: 0;}
  .whywrap .whyhead{margin-top: 30px;}
  .whywrap .whytxt{margin-top: 10px; margin-left: 0; height: auto;}
  .misonwrap .misiontxt{margin-top: 170px;}
  .aboutWrap1 .courofer1 {border-right: 2px solid #fff;}
  .careerWrap1 .bannerimg{margin-top: 40px;}
  .whywrap .whytxt1{margin-bottom: 40px;}
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
     .heading{font-size: 24px;}
  .bannerWrap .header,.bannerWrap .header1{font-size: 14px;}
  .bannerWrap .bannerbtn{margin-top: 0px;}
  .bannerWrap .myBTN{font-size: 12px;}
  .bannerWrap .carousel-control-next,.bannerWrap .carousel-control-prev{display: none;}
  .ourcourWrap .Bannerheading .heading1{font-size: 24px;}
  .ourcourWrap .Bannerheading .heading2{font-size: 18px;}
  .ourcourWrap .detl-text{font-size: 10px;}
  .learningWrap{padding-top: 0; padding-bottom: 0;}
  .offerWrap .courofer1 {text-align: center;border-right: 2px solid #fff;}
  .clSWrap{margin-top: 0;}
  .learningWrap .header{font-size: 24px;}
  .learningWrap .header1{font-size: 30px;}
  .offerWrap .offertxt{border-radius: 0px; margin: 0;}
  .learningWrap .edgeBOX{margin-bottom: 20px;}
  .searchWrap{margin-top: 412px;}
  .searchWrap .saerchBox{margin-bottom: 20px;}
  .searchWrap .bannerbtn{text-align: center; width: 100%;}
  .contactWrap{padding-top: 0;}
  .contactWrap .contactform{border-top-left-radius: 0px;border-bottom-left-radius: 0px;margin-top: 30px; padding: 20px 15px;}
  .contactWrap .contactdetail{padding: 30px 10px;}
  .contactWrap .contact-head, .contactWrap .contacthead{font-size: 24px;}
  .footerwrap{text-align: center; margin-top: 0;}
  .buildWrap .img-build{margin-top: 30px;}
  .buildWrap .header {font-size: 26px;margin-bottom: 0;}    
  .conatctWrap{width: auto;height:90%;position:fixed;}
    .conatctWrap.modal {top: 35px;left: 10px;}
  .conatctWrap .contactimg{display: none;}
  .conatctWrap .icon{right: 5%;}
  .aboutWrap1 .offertxt{padding: 10px 20px;height: auto; border-radius: 0; position: static;}
  .aboutWrap1 .bannerimg{margin-top: 50px;}
  .aboutWrap .subheading, .careerWrap .subheading{font-size: 24px;}
  .aboutdeatWrap, .whywrap{padding-bottom: 0;}
  .whywrap .whyhead{margin-top: 30px;}
  .whywrap .whytxt{margin-top: 10px; margin-left: 0; height: auto;}
  .misonwrap .misiontxt{margin-top: 170px;}
  .aboutWrap1 .courofer1 {border-right: 2px solid #fff;}
  .careerWrap1 .bannerimg{margin-top: 40px;}
  .whywrap .whytxt1{margin-bottom: 40px;}
    .mainHeader .navbar-light .navbar-nav .nav-link{color:#000;}
    #myDropdown{display:none;}
  }