body {background:#fff; font-family:poppins,sans-serif; color: #282f49;}
.pattern{background-image:url("../images/pattern.png"); background-repeat: repeat;}

/* New css */
header.masthead {
/*  padding-top:500px; */
padding-bottom: calc(10rem - 56px);
  background-image: url("../images/bg.png");
  background-position: center 50px;
    background-repeat: no-repeat;
    background-size: contain;
    color: #000; font-weight: 500;
}

header.masthead hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

header.masthead h1 {
  font-size: 2rem; font-weight: 700; margin-top:60px; margin-bottom: 0;}

header.masthead p {
  font-weight: 400; font-size: 29px;
}

.hidden {
      display: none;
    }

.recommended{ position: absolute; left:17px; top:2px;}


/*  end new css */

h1,h2,h3,h4,h5,h6{font-family:poppins,sans-serif !important;}
.black-col{color: #282f49 !important;}
.primary_btn{    background: #4571c9; border: none;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    font-size: 16px;
    font-family: poppins,sans-serif;
    font-weight: 500;
    transition: all .3s ease;
    transform: scale(1);
    padding: 12px 30px;
}
.outline_btn{    border:2px #4571c9 solid;
    color: #4571c9;
    text-decoration: none;
    border-radius: 7px;
    font-size: 16px;
    font-family: poppins,sans-serif;
    font-weight: 500;
    transition: all .3s ease;
    transform: scale(1);
    padding: 12px 30px;
}
.outline_btn:hover{    background:#4571c9;
    color: #fff;
    text-decoration: none;
    }

.chips{background: lightgreen; border:0px #555 solid; font-size: 14px; font-weight:500; color: #333; display:inline-block; margin:0px 6px 14px 0; font-style: normal; padding:5px 10px; border-radius:8px;}
.chips.active{color: #EC3944; border-color: #EC3944; }
.course-c-bg {
    background: lightgreen;
    border-left: 2px lightgreen solid !important;
    border-right: 2px lightgreen solid !important;
    border-top-color: lightgreen !important;
    border-bottom-color: lightgreen !important;
}
.course-bdr-lt-rt {
    border-left: 2px lightgreen solid !important;
    border-right: 2px lightgreen solid !important;
}
.course-bdr-btm {
    border-left: 2px lightgreen solid !important;
    border-right: 2px lightgreen solid !important;
    border-bottom: 2px lightgreen solid !important;
}
b, strong{font-weight: 600 !important;}
/* .primary_btn:hover{background: #F77F26;
    box-shadow: 0 8px 20px rgba(255,131,39,.3);
    transform: scale(1.03); color: #fff; text-decoration: none;} */
.guarantee_txt{font-size: 22px; line-height: 33px; margin: 30px 0 20px;}
.career_hd h3{font-size:22px; font-weight:600;  }
h1,h2,h3{font-weight: 600; }
h5{font-size: 18px; color: #fff; font-weight: 400; margin-bottom: 13px;} 
h1{font-size:55px;  line-height:62px;margin:0px 0 50px; display: block;}
h1 i{color:#EC3944; font-style: normal; }
.job{   font-style: normal; font-size:30px; font-weight: 600; margin-top: -6px; display: block;}
.tution_hd p{font-size: 18px;}
.tution_hd h3{ font-size: 24px;     margin-top: 15px; }
 .faq{color: #ffffffdb !important; margin: 35px auto; background: #282f44; padding: 30px 40px;}
.faq_hd{color: #fff;}
.pad_top50{padding-top: 50px !important;}
.pad_top0{padding-top: 0px !important;}
.pad_bottom0{padding-bottom: 50px !important;}
.software{margin: 20px 0 12px; }
.software img{ width: auto; height: 30px; padding: 0 3px; margin-bottom: 10px; }
/* Course */
.course_container{background:#ffeff0 !important;}
.course_box{background:#6a738d; box-shadow: 0 10px 20px 0 rgba(50,65,141,.1); margin-bottom: 30px; border-radius: 16px; border: 2px #6a738d solid;}
.course_box h6{font-size: 13px; text-transform: ;}
.course_box h6 span{font-weight: normal; font-size: 11px; opacity: .7;}
.course_active{border:3px #4571c9 solid; background:#4571c9 ;}
.course_hd2{ background: #6a738d; border-radius: 16px 16px 0 0;}
.course_hd{ color: #fff; text-align: center; padding:25px 10px 5px; }
.career_hd{
    background: #f1f1f1;
    margin-bottom: 30px;
    border-radius: 10px;
    padding:30px 20px 25px; font-size: 15px;
}



.course_hd h3{ font-size:24px; margin-bottom: 5px; }
.course_content{background: #fff;  text-align: center; font-size:14px; padding-bottom: 20px; border-radius:0 0 16px 16px;}
.course_content p{margin-bottom: 0; padding:17px 20px; line-height: 18px; }
.course_content p.grey{background: #f7f7f7;}
.tesimonial_section{margin: 50px 0 !important;}
a {color: #222; font-size: 18px; text-decoration: underline;}
a:hover{color: #EC3944;}
.nav_container{max-width: 94% !important;}
.tution_container{padding: 40px 20px;}
.sm_txt{font-size: 13px; opacity: .8; line-height: 10px; display: inline-block; line-height: 17px;}
.about_content-thumb .about_content-thumb-image img, .hero_figure img{border-radius: 20px;}
.about_container{ margin: 0 100px; font-size: 20px; line-height: 32px; }
.service__slider .slick-dots li.slick-active button{background: #EC3944;}
.service__slider .slick-dots li button{border:0;}
.seats_available{display: inline-block;}
.seats_available i{font-size: 13px; padding: 10px; font-style: normal; opacity: .76; }
.announcement{ background: #4571c9; color: #fff; width: 110%; padding: 10px 30px; z-index: 9999; top: 0; position: fixed; /* box-shadow:-20px 5px 16px #288bc5 0; */  font-size: 14px; line-height: 18px; float: left; text-align: center; overflow: hidden; display: none; }
.announcement b{ color: #ffeb3b; }
.form_container{padding: 4rem 0; background: #FFF5EE;}
.light_bg{background:#FFF5EE; }
.white_bg{background: #fff;}
.application_bx{display: none;}
/* Overwrite CSS */
.navbar .hire_button, .hero_content a, .contact-form-input .contact-form-btn{ background:#4571c9; font-weight: 500; font-size: 15px;  }
.navbar .hire_button{ padding: 10px 30px; font-size: 14px; }
.navbar .hire_button:hover, .hero_content a:hover, .contact-form-input .contact-form-btn:hover, .primary_btn:hover { background: #3c66bb; border: 0px; color: #fff; box-shadow:0 8px 20px rgb(43 79 151 / 21%); text-decoration: none; }
.hero_content a{ font-size: 16px; padding: 13px 36px !important; border: 0px !important; }
.hero_figure img{width: 120%; margin-left: -50px;}
.modal-content{background: none; border: none;}
.modal-header {background: #f7f7f7; border: 0px; border-radius: 8px; padding-right: 0px; padding-left: 0px;}
.modal-body{padding: 0rem; margin-top: 14px;}
.modal-body img{border-radius: 10px;}
.contact__cta_content, .contact__cta_action{width: 100% !important; text-align: center; color: #fff;}
.contact__cta_content p{font-size: 18px; margin: 20px 0 30px}


.portfolio_thumb{
    overflow-x: scroll;
    white-space: nowrap;
    padding: 50px 50px 0px;
    margin: 0px 0 70px;
    width: 100%;
} 


.portfolio_thumb img{
    border-radius: 4px;
    margin: 5px 10px;
    box-shadow: 0 0 2px #c3ccd2;
    width: 300px;
    height: auto;
    display: inline-block;
}

/* .about_content-inner{background: #f1823b;} */
.about_content-inner h3{position: relative; line-height: 75px;}
.about_content-inner p{ line-height:26px; }
.about_content-inner h3 span{font-size: 18px; font-weight: 500; display: inline-block; position: absolute; margin-top: -18px; line-height: 20px;}
.about_content-inner ul li a:hover {background: #F77F26; box-shadow: 0 8px 20px rgba(255,131,39,.3); border:1px solid #F77F26; }
.contact__cta {background: #EC3944; border-radius:20px; padding: 40px 80px 20px;}
.contact__cta_action a {float: none; color: #EC3944; background: #fff; border: 3px #fff solid;  font-weight: 500;    margin-bottom: 25px;}
.contact__cta_action a:hover{background:#EC3944; color: #fff; }
.contact__footer_social{color: #fff; font-size: 14px; font-weight: 400; float: right; }
.navbar .main-navigation .nav-item .nav-link{font-size: 15px; text-decoration: none; font-weight: 400; margin: 0 15px; padding: 0px;}
.navbar .main-navigation .nav-item .nav-link:hover{ color: #EC3944; }
.navbar{padding:7px 0 !important; /* margin-top: 37px; */ }
.hero_content h1 {margin: 0px 0 30px; line-height:55px; font-weight:700; font-size:54px !important;}
.service__slider_item h4 { margin-bottom:8px;}
.service__slider_item p{line-height: 24px;}
.resume__heading h1{line-height: 62px;}
.resume__education_item h4{margin-bottom: 10px; font-size: 22px; line-height: 26px;}
.resume__education_item p{line-height: 22px; color: #5f6366;}
.contact__widget_address ul li a:hover, .contact__widget_sitemap ul li a:hover{color: #EC3944;}
.hero_figure{width: 100%;}
.hero{    padding: 140px 0;}
.hero_figure .figure-svg{top: -15px; opacity: 0.4;}

#portfolio .modal-title img{ margin-right: 10px; width: 50px; height: 50px; border-radius: 90px;}
.portfolio img {width:340px; height: auto; display: inline-block; margin: 0px 15px 30px; border-radius: 4px; box-shadow: 0 0 2px rgba(0,0,0,.5);}
.portfolio img:hover{box-shadow: 0 8px 20px rgba(195,204,210,.55); cursor: pointer;}
#portfolio h5, .portfolio-txt{color: #222; font-size: 15px; line-height: 35px; }
.portfolio-close-btn{float: right;background: none; border: none;}
.subhead{width:70% ; font-size: 18px; line-height: 30px; margin: -35px auto 50px; color: #384450; font-weight: 400;}
#success-stories{margin-bottom: 100px;}
.success-story img {
    width: 100%;
    height: auto;
    margin:16px 0px;
    border-radius: 10px;
}

.success-story img:hover{box-shadow: 0 10px 16px rgba(195,204,210,.3); cursor: pointer;}
.sm_hd{font-size: 16px; opacity: .8; font-style: normal; font-weight: 500; text-transform:uppercase; padding-left:4px;   letter-spacing: 1px; }
.whatsapp{position:fixed; z-index:9999; bottom:50px; right: 15px; display: none;}
.whatsapp img{padding: 6px;}
.whatsapp span{background:rgb(255,255,255,.9); margin-left: 4px; padding:4px 8px; border-radius: 10px; font-weight:600; box-shadow: 2px 2px 10px rgba(0,0,0,.13);}
.whatsapp a{text-decoration:none; font-size: 14px;}
.web_whatsapp{text-decoration: none; font-size: 15px; font-weight: 500; }
.testimonial-bx2 {background: #fff; border: 1px #F4E6D2 solid; border-radius: 8px; padding: 30px 30px 10px; overflow: hidden; font-size: 18px; font-weight: 500; margin-bottom: 25px;}
.testimonial-bx2 img {border-radius: 50px; float: left; margin-right: 20px;}
.testimonial-bx2 p {display: block; overflow: hidden; float: left; margin-top: 17px; font-size: 16px; font-weight: 400;}
.testimonial-bx2:hover {box-shadow: 0 10px 16px rgba(195,204,210,.3);}

.link-btn{font-size: 14px; background: #fff; padding:7px 10px; border-radius: 7px; text-decoration: none; display: inline-block; color: #4571c9; }
.about2{width: 600px;}

/* Form */
.form-bx{position:fixed; width: 100%; height: 100%; display: none; background: #F2F2F2; z-index:99999; padding:50px 25%; overflow-y: scroll;}
.form-bx form{width: 100%;}
.form-bx input[type=text], .form-bx input[type=email], .form-bx textarea{ padding:14px 20px 14px 55px; border: 0px; font-size: 16px; border-bottom: 2px #fff solid; border-radius: 15px; text-shadow: none; background: #ffffff; outline: none;}
.close-form{position: absolute; padding: 15px; top: 5px; right:5px; font-size: 24px; opacity: .3; cursor: pointer;}
.close-form i{ font-size: 24px !important;}
.error{color:red; display: none; font-size:24px;position: absolute;top: 28px; right: 30px;}
#submitform .form-group i:before{ position: absolute; font-size: 20px; left: 32px; top: 15px; color: #A9B0B5; }
#thankyou, #thankyou2{display: none; text-align: center; font-weight: 500; padding-top: 70px;}
#thankyou .icon-check-black, #thankyou2 .icon-check-black{ color: #00d66c; font-size: 55px;}
#thankyou h3, #thankyou2 h3{margin: 15px 0 6px; font-weight: 600;}

.about_content-inner ul{ list-style: square outside none; position: relative;}

.about_content-inner ul li{
    color: white; position: relative;
    display: block;
    font-size: 16px; line-height:30px; float: left;
    width: 96%; padding-left:30px; 
    background: url(../images/check.svg) no-repeat 0 4px;

}
.list_hd{color: #62d457;margin-bottom: 3px; font-size: 16px; font-weight: 500;display: inline-block;}
ul.profile{ margin: 0px; padding: 0px; }
ul.profile li{ margin: 0px 2% 25px; width:46%; padding: 0px 20px 0px 0px; list-style: none; float: left; display: inline-block; font-size: 14px; text-align: left; background:#ffeff0; border-radius: 10px; overflow: hidden; }
ul.profile li h4{font-weight: 500; font-size: 18px; text-align: left; margin-bottom: 0px; }
ul.profile li p{font-size: 13px; font-weight: 400; line-height: 12px; margin: 10px 0; line-height: 16px;}
ul.profile li img{ width: 220px; float: left; height:auto; }
ul.profile li .content{padding: 15px 0px 8px 20px; overflow: hidden;}
ul.profile li span{font-size: 12px; margin: -2px 0 0 0; font-style: italic; line-height: 13px; }

.linkedin{width:22px !important; height: 22px;}

.about_content-inner ul li::before{
    content: \e90e;
    color: #4df0cb;
    font-weight: 700;
    display: inline-block;
    width: 25px;
    position: absolute;
    left: -25px;
    top: 7px;
}
.service_p{ margin-bottom:90px;  }
.service_p img{margin-bottom: 20px; border: 4px #fff solid; border-radius:22px;}
.service_p img:hover{box-shadow: 0 8px 20px rgb(195 204 210 / 55%); cursor: pointer;}
.who_hd{font-size:24px; line-height:36px;}
.who_hd p{ width: 100%; float: left; background:#ffeff0; margin-bottom:25px; font-size:19px; line-height: 26px; padding:25px 25px; border-radius: 14px; }
.about_txt{font-size:32px; line-height:46px;}
.navbar .main-navigation .nav-item .active{font-weight:600; color: #EC3944; border-bottom: 2px solid #EC3944; }

.about_hd h3{margin-bottom: 0px;}
.about_hd h4{color: #282f49;  }


.instructor {
    border: 1px #E8EDF1 solid;
    padding: 20px;
    text-align: center;
    width: 23%;
    margin: 0 1%;
    border-radius: 14px;
    color: #384450;
    font-size: 14px;
}
.instructor .avatar {
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}
.instructor .avatar img {
    border-radius: 100px;
}
.instructor h5 {
    margin-bottom: 0px;
    color: #384450;
    font-size: 16px;
}
.instructor p {
    font-size: 13px;
    line-height: 20px;
    margin: 8px 6px 12px;
    color: #384450;
    padding: 10px 5px 0 0;
    border-top: 0px #E8EDF1 solid;
}
/* phone animation */
  .phone_animate{-webkit-animation: Rotate 2500ms linear 2000ms 5000;animation: Rotate 2500ms linear 2000ms 5000; display:inline-block;
  transition-timing-function: linear}
  @-webkit-keyframes Rotate {
        0% {-webkit-transform:rotate(0deg);}
        4% {-webkit-transform:rotate(-45deg);}
        8% {-webkit-transform:rotate(0deg);}
        12% {-webkit-transform:rotate(-45deg);}
        16% {-webkit-transform:rotate(0deg);}
        20% {-webkit-transform:rotate(-45deg);}
        24% {-webkit-transform:rotate(0deg);}
        100% {-webkit-transform:rotate(0deg);}
      }

      @keyframes Rotate {
        0% {transform:rotate(0deg);}
        4% {transform:rotate(-45deg);}
        8% {transform:rotate(0deg);}
        12% {transform:rotate(-45deg);}
        16% {transform:rotate(0deg);}
        20% {transform:rotate(-45deg);}
        24% {transform:rotate(0deg);}
        100% {transform:rotate(0deg);}
      }

@media (min-width: 1200px){
.modal-dialog {
    max-width: 1140px;
}
}

/* tablet */
@media(max-width:991px){
    .navbar .navbar-toggler-icon{color: #222 !important;}
    ul.profile li img{width: 100%;}
    ul.profile li{padding: 0px;}
    }


/* Mobile Css */
  @media (min-width: 320px) and (max-width: 767px) {
.about2{width:100%;}

.hero{padding-top: 170px;}
.navbar{padding: 10px 15px !important; box-shadow: 0px 0px 05px #;  border-radius: 15px;}
.hero_content h1 {margin:0 0 30px; font-size:40px !important;  line-height:46px !important;}
.job{font-size:30px;margin-top: 4px; display: block; line-height:38px;}
.navbar .navbar-toggler-icon{color:#EC3944 ;}
.about_container{ margin: 0 10px; font-size: 18px; line-height: 26px; }
.navbar .main-navigation .nav-item .nav-link {font-size: 18px;}
.m-img_responsive{width: 100%; height: auto;}
.career_hd h3 { font-size: 26px;}
.career_hd{margin-bottom: 20px;}
.guarantee_txt { font-size: 20px; line-height: 30px;}
.container {padding-right: 25px; padding-left: 25px;}
.contact__cta { padding: 40px 50px 22px;}
.contact__footer_social, .contact__cta_action a{float: none; margin-top: 15px;}
.navbar .navbar-brand img {width: auto !important;}
.breadCrumb{padding-top: 160px;}
.form_container{padding: 3rem 0;}
.form_container .container{padding: 0;}
.m_responsive{width: 100%;}
.subhead{width: 100%;}
.whatsapp{bottom:12px; display: block; right: 36px;}
.m-iframe{width: 100%; height: 242px;}
.hero_figure img{margin-left: -25px;}
.web_whatsapp{padding: 12px 0; display: inline-block;}
.form-bx{padding: 50px 6% 350px;}
.about_content-inner ul li{width: 100%;}
.who_hd{font-size:34px; line-height:44px;}
h1, .about_header h1 { font-size: 40px; line-height: 46px;}
.service_p {margin-bottom:40px;}
.service-bg{margin-bottom: -40px !important;}
.services-pd{padding-bottom:30px !important;}
.instructor {width: 86%; margin: 0 7% 20px;}
ul.profile li{width:96%; padding: 0px;}
ul.profile li img{ width: 100%; }
ul.profile li .content{padding: 15px 15px 15px 20px;}
.about_content-inner h3 span{font-size: 16px;}


}





/* Font CSS */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?948l58');
  src:  url('../fonts/icomoon.eot?948l58#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?948l58') format('truetype'),
    url('../fonts/icomoon.woff?948l58') format('woff'),
    url('../fonts/icomoon.svg?948l58#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-download:before {
  content: "\e919";
  color: #fff;
}
.icon-apple:before {
  content: "\e916";
}
.icon-android:before {
  content: "\e915";
}
.icon-digital-mkt:before {
  content: "\e917";
}
.icon-menu:before {
  content: "\e909";
}
.icon-cross:before {
  content: "\e90c";
}
.icon-white-shape-bg:before {
  content: "\e90d";
  color: #fff;
}
.icon-check-black:before {
  content: "\e90e";
}
.icon-check-white:before {
  content: "\e90f";
  color: #fff;
}
.icon-mail2:before {
  content: "\e901";
  color: #ff1648;
}
.icon-contact:before {
  content: "\e907";
  color: #ff1648;
}
.icon-linkedin-icon:before {
  content: "\e902";
  color: #fff;
}
.icon-instagram-icon:before {
  content: "\e903";
  color: #fff;
}
.icon-twitter-icon:before {
  content: "\e904";
  color: #fff;
}
.icon-fb-icon:before {
  content: "\e908";
  color: #fff;
}
.icon-location:before {
  content: "\e905";
  color: #ff1648;
}
.icon-facebook:before {
  content: "\e906";
  color: #ff1648;
}
.icon-quotes:before {
  content: "\e900";
}
.icon-design:before {
  content: "\e90a";
  color: #fff;
}
.icon-coding:before {
  content: "\e90b";
}
.icon-arrow_right:before {
  content: "\e91a";
}
.icon-arrow_left:before {
  content: "\e91b";
}
.icon-globe:before {
  content: "\e918";
}
.icon-map-pin:before {
  content: "\e914";
}
.icon-mail:before {
  content: "\e912";
}
.icon-phone:before {
  content: "\e913";
}
.icon-message:before {
  content: "\e910";
}
.icon-user:before {
  content: "\e911";
}
.icon-loading:before {
  content: "\e97b";
}
.icon-spinner3:before {
  content: "\e97c";
}