body{background:#fff;font-family: 'Montserrat', sans-serif;color:#4C514C; font-size: 15px;}
.b-w{background-color:#fff}
.b-g{background:#f5f5f5}
.bg-blue{background: #16769E;}
.bg-grey{background:#585858}
.b-r{background:#F00}
.bg-light{background:#fff!important;}
.bg-light2{background:#F7F9FE!important;}
.bg-login{background: linear-gradient(180deg, #D2F2FF 0%, #FFFFFF 100%);}

.logo-resize{width:200px}

/* colors */
.primary{color: #212330 !important;}
.secondary{color:#e49124!important;}
.grey{color:#4C514C;}

.navbar .btn-link{color:#fff; text-decoration: none;}
.navbar .btn-link:hover{color:#F3A135; text-decoration: none;}
.navbar .btn-link:focus{outline: none;box-shadow: none;}


/*Anchors*/
.link{color:#e49124!important; font-weight: 400; text-decoration: none;}
/* Text */
.sml-txt{font-family: 'Roboto', sans-serif; font-size: 12px; color:#ccc; text-align: left;}
.md-txt{font-family: 'Roboto', sans-serif; font-size: 20px; color:#4C514C;}
.md-txt2{font-family: 'Roboto', sans-serif; font-size: 15px; color:#4C514C;}
.lg-txt{font-family: 'Roboto', sans-serif; font-size:28px;line-height: 125%;}
.bld-txt{font-family: 'PT Sans', sans-serif;font-size: 45px;color:#e49124;font-weight:bold}
.header-lg{font-family: 'PT Sans', sans-serif;font-size: 25px;color:#212330;font-weight:bold; padding:25px 25px 10px;}

.brandfont{font-family: 'PT Sans', sans-serif;font-size:46px;  color:#e49124; font-size: 28px;font-weight:bold}
.brandfont-sml{font-family: 'Alice', serif; color:#212330; font-size: 20px;font-weight:bold}
.brandfont-w{font-family: 'Alice', serif; color:#fff; font-size: 28px;font-weight:bold}
.brandfont2{font-family: 'PT Sans', sans-serif;font-size:30px; color:#212330;font-weight:bold}
.brandfont3{font-family: 'PT Sans', sans-serif;font-size:26px; color:#4C514C;font-weight:bold}
.brandfont-w2{font-family: 'PT Sans', sans-serif;font-size:30px; color:#fff;font-weight:bold}

.brandx{color:#e49124;font-family: 'Alice', serif;}
.brandx-sml{color:#e49124;font-family: 'Alice', serif; font-size:20px}

.f-link{ font-family: 'Montserrat', sans-serif;font-weight: 400; font-size: 13px;color:#F3A135; text-decoration: none;
  padding:3px 10px 5px 0;}
.f-link a{font-family: 'Montserrat', sans-serif;font-weight: 400; font-size: 13px;color:#fff; text-decoration: none;
    padding:5px 10px 5px 0; display: block;}
.f-link b{font-family: 'Montserrat', sans-serif;font-weight: 600;}
.force-top-85{padding-top: 85px!important;}
.force-top-15{padding-top: 15px!important;}
.force-top-45{padding-top: 45px!important;}
.social{padding-top:10px;}
.social a{background: #EAEEF1;padding:3px 9px 6px;border-radius: 8px;margin-right:5px}
.social a:hover{background: #fff;}
.social img{width:13px;}


 

.btn-primary{background-color:#F3A135;border:1px solid #F3A135; border-radius:20px; padding-left:30px;padding-right:30px}
.btn-primary:hover{background-color:#e49124;border:1px solid #e49124}
.btn-primary:focus{color: #fff;background-color: #e49124;border-color: #e49124;
    box-shadow: 0;outline: none;
    box-shadow: none;}
.btn-check:focus+.btn, .btn:focus {outline: 0;box-shadow: 0;}
.home-banner-bg{min-height:350px; padding:20px}
.active-banner-bg{background:url(../images/Active_Learning.png) no-repeat left top;background-size:cover; }

.banner-txt-part{width:550px;float:left; margin:50px 50px}
.banner-txt-part p{font-family: 'Montserrat', sans-serif;font-size:15px;padding:15px 0px 0px;color:#fff}
.banenr-text{color:#fff;font-family: 'Montserrat', sans-serif;font-size:30px; text-align: left;padding:15px 0px;line-height: 50px;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.banenr-text b{ font-size: 40px;}
.line-60{width:60px; height:2px; background: #F3A135;margin-bottom:30px}
.line-40{width:60px; height:2px; background: #F3A135;margin-bottom:15px}

.banner-img{float:right}

.header-text{font-size:30px; color:#16769E; font-weight: 600;}
.header-text2{font-size:20px; color:#16769E; font-weight: 600;}
.service-block{background:rgba(234, 244, 250, 0.9);border-radius: 15px;height:230px;margin:10px 10px 25px;padding:15px}
.service-block img{text-align: center;padding:20px 0 10px}
.service-block b{display:block;color:#16769E;}
.service-block p{font-size: 14px;}



/* elements */
.bg-shape{background:url(../images/bg-shape.svg) no-repeat right -120px bottom }
.bg-dots{background:url(../images/dots.png) no-repeat 10px 10px; }
.bg-dots2{background:url(../images/dots.png) no-repeat left 100px 10px; }
.bg-dots-w{background:url(../images/dots-w.png) no-repeat 10px 10px; }
.bg-dots-primary{background:url(../images/dots-primary.png) no-repeat right 10px bottom 50px; }
.bg-circle{background:url(../images/circle.png) no-repeat right 100px }
.bg-circle2{background:url(../images/half-circle.png) no-repeat left 100px }
.bg-circle3{background:url(../images/half-circle2.png) no-repeat right 100px }
.bg-lab{ background: linear-gradient(180deg, #E9F6FB 0%, red;)}
.bg-lab2{background: url(../images/lab-pattern.png) repeat-x bottom left}
.bg-lab3{background: url(../images/lab-pattern.png) repeat-x bottom left}

.dropdown-menu{border:0; border-radius: 0;background-color:rgba(256, 256, 256, 0.95);filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.25));}
.dropdown-item{color:rgba(0,0,0,.55); font-size:15px; }
.dropdown-item:hover{color:#e49124; background: none;}
/* Price tabs */
.tab {
    overflow: hidden;
    background-color: #FAFAFA;
    text-align:center;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 35px;
    transition: 0.1s;
    font-family: 'PT Sans', sans-serif;font-size:30px;
    font-size: 20px;
    color:#4C514C;
    border-bottom:2px solid #fff;
  
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color:auto;
    color:#e49124;
    border-bottom:2px solid #e49124;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #ffff;
    color:#e49124;
    border-bottom:2px solid #e49124;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
  }
        
 /* End Price Tabs */ 

/* Heplpers*/
.p-50{padding:40px 0px 50px 100px}
.p-t-10{padding-top:50px}
.p-t-100{padding-top:100px} 
.p-t-60{padding-top:60px} 
.p-b-40{padding-bottom:40px} 
.p-b-60{padding-bottom:60px} 
.p-a-15{padding:15px}
.p-a-30{padding:30px}
.p-a-45{padding:45px}
.p-b-30{padding-bottom:30px}
.p-l-10{padding-left:10px;}
.p-l-20{padding-left:20px}
.p-b-10{padding-bottom:10px;}

.p-relative{position:relative;}
.p-absolute{position:absolute; left:0;right:0; bottom:0; background:rgba(0, 0, 0, 0.50); color: #fff!important;}

.m-t-20{margin-top:20px}

.price-block-ctr{width:900px; margin:35px auto;}
.price-block{ 
    width: 270px;
    height: auto;
    padding:30px 15px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    margin:0 15px;
    float: left;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
}
.price-block-top{
    width:100%;
    background: #FFEADC;
    border-radius: 25px 45px 0px 0px;
    padding:10px 20px;
    text-align: center;
}
.f-list{padding:15px 5px;margin:0}
.f-list li{list-style: none;padding-bottom:10px}

.f-list-light{padding:15px 5px;margin:0}
.f-list-light li{list-style: none;padding-bottom:10px;color:#fff; font-weight: 500;}


.price-block-top b{font-size: 20px; color:#000; text-align: center;line-height: 45px;}
.price-block-bottom{  padding:10px 20px; font-size: 13px;}
.price-block-bottom b{font-size:16px; color:#000; text-align: center;line-height: 35px;}
.price-block-bottom a{font-size:13px; color:#e49124; text-align: left;line-height: 35px; text-decoration: none; display: block; }
.price{color:#16769E; font-size:28px; font-weight: bold;}
.pricefor{color:#212330; font-size:12px;text-align:left}
.price-btn{background: #F3A135;text-align: center; color:#fff; font-weight: bold;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 15px;display:block; border:0; margin: 0 auto; padding:5px 30px;}
/*
Blue: #212330
Yellow: #e49124
yellow hover:#e49124
*/
.ctr{width:1050px; margin:100px auto; background:#212330;padding:15px;}
.tabcontent-ctr{background-color: #FFFFFF;border-radius: 25px 15px 35px 10px;height:315px; width:500px;float: left;}
/* Style the tab */
.btn-tab {
  float: left;
  width: 500px;
}

/* Style the buttons inside the tab */
.btn-tab button {
  width:150px;
  height:150px;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFFFFF 48.96%, #EDF4FF 100%);
  color: black;
  padding: 22px 16px;
  outline: none;
  text-align: center;
  cursor: pointer;
  font-size: 17px;
  margin:5px;
  border-radius: 10px 40px 15px 35px;
  border:0;
  float:left;
  
}
.btn-tab button p{
display: block;
padding:0;
margin:0;
padding-top:10px;
}

/* Change background color of buttons on hover */
.btn-tab button:hover {
  background: #e49124!important;
  color:#fff;
}

/* Create an active/current "tab button" class */
.btn-tab button.active {
  background: #e49124!important;color:#fff!important;
}

/* Style the tab content */
.tabcontent2 {
  
  padding: 0px 12px;
  width: 500px;
  border-left: none;
  height: 350px;
  display: none;
}
.tabcontent2 h3{font-family: 'PT Sans', sans-serif;font-size:25px; }
.tabcontent2 p{font-size: 15px;}

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Student Outlook */
.testi-ctr{width:990px; margin:15px auto}
.testi-block{width:320px;float:left;font-size:15px; background:#ffffff;padding:30px; margin-right:10px;text-align:left;border-radius: 15px; border:1px solid #f1f1f1}
.testi-block b{float:right;margin-top:15px;}

/* buttons*/
.g-button{border:1px solid #ccc; border-radius: 25px; padding:8px; text-align: center; background: url(../images/google.png) 15px 7px #fff no-repeat; background-size: 24px;}
.g-button:hover{ background-color:  #f1f1f1; }
.brline{width:100px; border-bottom:1px solid #ccc;margin-top:10px; height:2px;float: left;}
.brline2{width:75px; border-bottom:1px solid #ccc;margin-top:10px; height:2px;float: left;}
.login-ctr{padding: 15px; background:#fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 15px;margin:50px 0 100px }
.btn-otp{background: linear-gradient(113.56deg, #00B0CE -7.64%, #F7BC46 112.1%);color:#fff; }
.inner-header{background-color: #00B0CE;height: 160px; text-align: left; background-image: url(../images/inner-header-bg.png); background-position: right 0 top 0;}
.inner-header h3{color:#fff;font-family: 'PT Sans', sans-serif;font-size: 35px;padding:60px 50px 0  }
.inner-header-border{border-top:2px solid #e49124; margin:3px 50px;width:55px  }
.course-ctr{padding:0px 25px 25px;width:100%}
.course-block{width:250px; height:340px; background:#fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);margin:11px;float:left}
.course-block:hover{box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.15);}
.course-img{width:auto; height: auto;width: 100%;}
.course-data{padding:10px}
.course-type{font-weight: bold; font-size:14px; color:green;}
.course-title{font-weight: bold; font-size:16px; color:#000;}
.course-rating{float:left;padding-top:5px}
.course-price{float:right; font-size:22px;color:#000;padding-bottom:4px}

/* Media Quaries */
@media only screen and (max-width: 600px) {  
.price-block-ctr{width:auto; margin:35px auto;}
.testi-ctr{width:auto; background:red!important}
.banner-txt-part{width:auto;}
.price-block{width:85%; margin:35px;}
.testi-block{width:85%; margin:35px 35px 5px;}
.xv{width:100%;}

}