*
{
	margin:0px 0;
	padding:0px;	
}

body
{
	width:100%;
	height:auto;
  font-family: 'Rubik', sans-serif;
}
    


p
{
 font-family: 'Rubik', sans-serif;
}
:focus
{
	outline: none;
}
:hover
{
  transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
    text-decoration:none;
}
button:focus
{
	outline: none;
}

header
{
    width:100%;
    height: auto;
    padding: 10px 0 15px;
    position:relative;
    background: #f5f6f9;
}
.logo
{
  width: 100%;
  height: auto;
  padding: 0px 0 0 0;
  position: relative;
  text-align: center;
}

.logo img
{
	max-width: 50%;
  max-height:130px;
}
.login-pert
{
  width: auto;
  float: left;
  height: auto;
  margin: 0 0 0 10px;
}
.login-pert .nme
{
   width:auto;
   float: left;
   margin: 0 7px;
   color:#fff;
}
.login-pert .nme img
{
  max-width: 18px;
}
.nme-dec
{
  width:auto;
  float: left;
  color:#fff;
}
.ln
{
  float: left;
  width:auto;
  margin: 0 10px;
  color:rgba(0,0,0,0.3);
}
.nme-dec a
{
  color:#fff;
  font-size: 15px;
  text-decoration: none;
  font-weight: 400;
}
.nme-dec a:hover
{
  color:#B1907F;
}



/**************Menu*************/

.menu_wrap
{
	width: auto;
  height: auto;
  float: right;
	margin:10px 0 0 0;
}


header.fixed{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
header.fixed{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;
background:#f5f6f9;
}


@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
header.fixed{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}
header.fixed .logo img {
  max-height: 84px;
}





/***************************/

.banner
{
  width:100%;
  height: auto;
  position: relative;

}
.banner-pic
{
  width:100%;
  height: auto;
  position: relative;
  background:#000;
}
.banner-pic img
{
  width:100%;
  height: auto;
  opacity: 0.8
}

.baner-dec-inner
{
  width:100%;
  position: absolute;
  top: 40px;
  right:50px;
}

.banner-img
{
  width: 100%;
  height: 550px;
  overflow: hidden;
  background: #000;
}
.banner-img img 
{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cs-form
{
  margin:00px 0 0;
  border-radius: 3px;
  padding: 30px 40px 20px;
  background: #ffffff;
  box-shadow: 0 0 30px #eee;
  float: right;
  width: 100%;
}
.cs-inp
{
  width: 100%;
  height:auto;
  margin: 0 0 15px 0;
}
.cs-inp input
{
   font-family: 'Rubik', sans-serif;
   font-size: 15px;
   border:1px solid #ccc;
   height: 40px;
   padding: 5px 10px;
   width: 100%;
}
.cs-inp textarea
{
   font-family: 'Rubik', sans-serif;
   font-size: 15px;
   border:1px solid #ccc;
   height: 80px;
   padding: 5px 10px;
   width: 100%;
}
.cs-inp select
{
   font-family: 'Rubik', sans-serif;
   font-size: 15px;
   border:1px solid #ccc;
   height: 40px;
   padding: 5px 10px;
   width: 100%;
   background: #fff;
}
.cs-inp input[type=submit]
{
   font-family: 'Rubik', sans-serif;
   font-size: 15px;
   border:1px solid #2d0f73;
   height: 40px;
   padding: 5px 10px;
   width: 100%;
   background: #2d0f73;
   color:#fff;
   cursor: pointer;
}
.cs-inp input[type=submit]:hover
{
  background: #000;
}
.cs-form h4
{
  margin: 0 0 15px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  color:#2d0f73;
  text-align: center;
}
.pert-1
{
  width:100%;
  height: auto;
  padding:50px 0;
  background: #fafafa;
}



.top-pert
{
  background: #2d0f73;
  padding: 15px 0;
  color:#fff;
  font-size: 14px;
}
.top-pert a
{
  color:#fff;
  text-decoration: none;
}
.top-pert a:hover 
{
  color:#ccc;
}




.dec h2
{
  font-size: 36px;
  font-weight: 800;
  color: #2d0f73;
  margin: 0 0 20px 0;
  line-height:40px;
  font-family: 'Nunito', sans-serif;
}
.dec p 
{
  margin: 0 0 10px 0;
  line-height: 26px;
  color:#000;
  font-size: 16px;
}
.lady-pic
{
  width: 100%;
  height: auto;
  text-align: right;
}
.lady-pic img 
{
  max-width: 100%;
}
.box
{
  width: 100%;
  min-height: 150px;
  text-align: center;
  background: #2d0f73;
  background-image: linear-gradient(to right, #f20101 , #2d0f72);
  padding: 30px 0 0 0;
  margin: 30px 0 0 0;
  border-radius: 10px 0;
}
.box h4 
{
  color:#fff;
  font-size: 40px;
  font-family: 'Nunito', sans-serif;
  margin: 0 0 10px 0;
}
.box h5 
{
  color:#fff;
  font-size: 16px;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
}







.cources-sec
{
  padding:60px 0;
  background: #f4f4f4;
}
.cs-pic
{
  width: 100%;
  height: auto;
  border:0px solid #f27120;
  padding: 0px;
  border-radius: 0 0px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
}
.cs-pic img
{
  max-width: 100%;
  border:4px solid #ccc;
}
.cs-dec
{
  width:100%;
  height: auto;
  float: left;
}
.cs-dec h3
{
  margin: 25px 0 35px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 27px;
  position: relative;
}
.cs-dec h3:before
{
  content: "";
  width: 150px;
  height: 3px;
  background: #2d0f73;
  position: absolute;
  bottom: -7px;
}

.cs-full
{
  width: 33%;
  height: auto;
  overflow: hidden;
  margin: 5px 0 20px 0;
  float: left;

}
.cs-icn
{
  width: 50px;
  height: 50px;
  background: #2d0f73;
  text-align: center;
  float: left;
  margin: 0 0 10px 0;
  color:#fff;
  font-size: 24px;
  border-radius: 5px;
  padding: 10px 0 0 0;
}

.cs-dec h4
{
  margin: 0 0 5px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  color:#2d0f73;
}

.cs-btns
{
  width: 100%;
  height: auto;
  display: flex;
  margin:20px 0 0 0;
}
.cs-btns a
{
  background: #2d0f73;
  padding: 13px 10px;
  color:#fff;
  text-decoration: none;
  font-family: 'Rubik', sans-serif;
  margin: 0 10px 0 0;
  border-radius: 5px;
  width: 50%;
  text-align: center;
}
.cs-btns a:hover
{
  background:#000;
}
.bt-2
{
  background:#000 !important;
}
.cs-btns a.bt-2:hover
{
  background:#2d0f73 !important;
}
.cs-full-sec
{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cources-sec h2
{
  margin: 0px 0 12px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 27px;
  position: relative;
}

.contact-sec
{
  width: 100%;
  height: auto;
  padding: 50px 0 30px;
  background: #f5f6f9;
}


.cources-sec-3
{
  width:100%;
  height: auto;
  padding: 40px 0;
}
.cs-3-heading
{
  text-align: center;
}
.cs-3-heading h2
{
  margin: 0 0 10px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 30px;
  color:#2d0f73;
}
.cs-3-heading p
{
  margin:0 0 10px 0;
  line-height: 26px;
}
.cs-3
{
  width: 100%;
  height: auto;
  background: #2d0f73;
  min-height: 250px;
}
.cs-3-pic
{
  width: 100%;
  height: auto;
  margin: 0 0 0px 0;
}
.cs-3-pic img 
{
  width: 100%;
}
.cs-3 h4
{
  margin: 7px 0 0px 0;
  font-family: 'Nunito', sans-serif;
  font-size:18px;
  color:#fff;
  text-align: center;
}
.cs-3 h4 a
{
  color:#fff;
  text-decoration: none;
}

.cources-sec-3 .bt-1
{
  width: 200px;
  margin: 0px auto;
}
.con-full
{
  width: 100%;
  height: auto;
  text-align: center;
}
.con-icon
{
  width: 100px;
  height: 100px;
  border:1px solid #ccc;
  text-align: center;
  margin: 0 auto 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con-icon img 
{
  max-height: 50px;
}
.con-dec
{
  width: 100%;
  height: auto;
  color:#000;
  font-size: 16px;
  line-height: 26px;
}
.con-dec a 
{
  color:#000;
  text-decoration: none;
  padding: 0 5px;
}
.con-dec a:hover 
{
  color:#2d0f73;
}
.margin-top-30
{
  margin-top: 30px;
}
.last
{
  width: 100%;
  height: auto;
  text-align: center;
  background: #2d0f73;
  color:#fff;
  font-size: 15px;
  padding: 10px 0;
  font-family: 'Rubik', sans-serif;
}
.enqire-btn
{
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  top:30px;
}
.enqire-btn a 
{
  background: #2d0f73;
  padding: 13px 15px;
  color: #fff;
  text-decoration: none;
  font-family: 'Rubik', sans-serif;
  border-radius: 5px;
}
.popup .modal-body
{
  padding: 0;
}


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

}
@media screen and (max-width: 767px)
{
  .logo img {
    max-width: 100%;
 }
 .lady-pic {
  text-align: center;
}
 .lady-pic img {
    max-width: 45%;
}
.cs-3 {
  min-height: auto;
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
}
.con-full
{
  margin: 0 0 20px 0;
}
.baner-dec-inner {
  width: 90%;
  position: relative;
  top: 40px;
  right: 0;
  left: 0;
  margin: 0px auto;
}
.banner-img {
  height: 220px;
}
.banner {
  overflow: hidden;
}
.cs-form {
  min-height: 492px;
  max-width: 400px;
}
.dec h2 {
  font-size: 30px;
  line-height: 32px;
  text-align: center;
}
.dec p {
  text-align: center;
}
.top-pert {
  text-align: center;
  padding: 8px 0;
}
.top-pert .text-right
{
  text-align: center !important;
}
.top-pert .col-12
{
  margin-bottom: 5px;
}
.cs-3 h4 {
  margin: 13px 0 0px 0;
}
.box
{
  margin: 0px 0 20px 0;
}
.logo
{
  padding: 0px 0 23px 0;
}
.enqire-btn
{
  width: 100%;
  height: auto;
  position: relative;
  right: 0;
  top: 0px;
  text-align: center;
  margin: 0 0 10px 0;
}
}