body{
  color:#000; 
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  padding:0px; margin:0px;
  font-size:16px; 
  background: #fff;}

main{
    padding: 0px 20px;
    margin: 0px auto;
    width: 1300px;
    display: block;
} 

.clear{clear: both;}

a,
a:hover,
a:focus{text-decoration:none;outline:none;}
::selection{background: #CCB454;;color:#fff;}
::-moz-selection{background:#48cfad;color:#fff;}
h1,
h2,
h3,
h4,
h5,
h6{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}
p{line-height:22px; font-size: 14px;}



.site-header {
    /*background-color: #333; */
    color: white;
    padding:15px 0px;
    display: block;
    justify-content: space-between; /* Space between logo and nav */
    align-items: center; /* Center items vertically */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.header-content{
    width: 1300px;
    padding: 0px;
    margin: 0px auto;
}

.logo {
    font-size: 1.5em;
    font-weight: bold;
    color: #CCB454;
    float: left;
    padding: 0px 0px;
    width: 120px;
}
.logo a{display: block;}

.logo img{
    width: 100%;
    display: block;
}

.logo span{
    color: #fff; 
    text-transform: uppercase; 
    border: 1px solid #000;
    padding: 5px;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #a18b35;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav a.sub-nav{
  font-size: 15px;
  padding: 5px 0px 5px 50px;
}
.sidenav a.sub-nav::before{
  content: "+";
   position: relative;
  left: -5px;
  top: 0;

}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.open-nv{
  color:#a18b35;
  cursor:pointer;
  font-size:30px;
  float: right;
  margin: 10px 15px 0px 0px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}








.bn-slider{
    position:relative;
    padding:0px;
    margin:0px;     
     display:block;
     background:#F56A87;
   
}



* {box-sizing:border-box}

/* banershow container */
.banershow-container {
  max-width: 1300px;
  position: relative;
  margin: auto;
  text-align:right;
}

.banershow-container img{padding:0px; margin:0px; display:inline-block;
width:auto !important;}

/* Hide the images by default */
.yourtSlides {
  display: none;
  text-align:right;
}



/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text-p {
  color: #f2f2f2;
  font-size: 20px;
  line-height:22px;
  font-weight:300;
  padding: 8px 12px;
  position: absolute;
  top: 45%;
  margin:10px 0px 0px  0px;
  font-family: 'Trebuchet MS',  Helvetica, sans-serif;
  text-align:left;

}

.text-p a{
  display: block;
  text-decoration: none;
  background:#fff;
  color:#000;
  font-size: 16px;
  line-height: 40px;
  width: 120px;
  text-align: center;
  margin: 20px 0px 0px 0px;
}



/* Number-p text (1/3 etc) */
.bannertextp {
  color: #f2f2f2;
  font-size: 26px;
  font-weight:600;
  text-transform:uppercase;
  padding: 8px 12px;
  margin:-60px 0px 0px  0px;
  position: absolute;
  top: 50%;
  font-family: 'Trebuchet MS',  Helvetica, sans-serif;
  text-align:left;
}

/* The dots/bullets/indicators */
.dt-bx{position:absolute; left:30%; bottom:0%; margin:0px 0px 10px 0px;}
.dot {
  /*cursor: pointer;*/
  height: 8px;
  width: 8px;
  margin: 0px 5px 0px 0px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  float: left;
  transition: background-color 0.6s ease;
}

.dot.active, .dot:hover {
  background-color: #F56A87;
  font-size: 0px;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}





.wh-ch-pnl{
padding:50px 0px;
margin:0px;
}

.wh-ch-pnl .wh-img{float:left; width:450px; height: 350px;  margin:0px 50px 0px 0px;
border-radius:30px; background: #000;
overflow:hidden;}
.wh-ch-pnl .wh-img img {width:100%; height: 100%; display:block;}
.art-pnl{padding:0px; margin:0px;}
.art-pnl h3{font-size:30px; font-weight:600px; padding:0px; margin:0px 0px 30px 0px;}
.art-pnl h3 span{color:#CCB454; font-weight:400;}
.art-pnl p strong{color:#bd9c18; font-weight:600; font-size:15px;}

.crs-pnl{
  margin:0px auto 0px auto;
  text-align: center;
  vertical-align: top;
}

.crs-col{
  display: inline-block;
  text-align: center;
  width: 300px;
  height: 190px;
  padding: 30px 10px;
  margin: 10px 5px;
  background:#fffdeb;
  border-radius: 10px;
  border: 1px solid #cbbb2b;
}

.crs-col h5{
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  color: #000;
  text-align: center;
  font-style: italic;
}

.crs-col p{
  font-size: 18px;
  margin:10px 0px;
  color: #CCB454;;
}

.crs-col .rd-mr{
  font-size: 14px;
  background: #CCB454;
  padding: 10px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  height:auto;
  width: 100px;
  display: block;
  margin: auto;
}

.btm-bnr{
  margin: 10px auto;
  text-align: center;
  padding: 20px 0px 50px 0px;
}

.btm-bnr h5{
  font-size: 38px;
  font-weight: 600;
  margin: 0px;
  padding: 0px;
  color: #CCB454;
}

.btm-bnr h5 span{
  color: #CCB454;
  font-style: italic;
  text-transform: uppercase;
}

.btm-bnr p{
  font-size: 20px;
  font-weight: 400;
  padding: 0px;
  margin: 15px 0px;
  color: #000;
}

.rv-pnl{
  padding: 0px 0px;
  margin:0px 0px 70px 0px;
  width: auto;
  text-align: center;
  vertical-align: top;
}

.rv-pnl h4{
  font-size: 30px;
  color: #CCB454;
  margin: 0px 0px 40px 0px;
}

.rv-pnl .rw-bx{
width: 280px;
height: 478px;
display:inline-block;
vertical-align: top;
margin: 10px 10px;
padding: 15px;
text-align: center;
background:#fffde7;
border: 1px solid #ccb454;
}

.rv-pnl .rv-img{
  width: 80px;
  height: auto;
  margin: 15px auto;
  border-radius: 100%;
} 

.rv-pnl .rw-bx .rw-img{
  width: 60px;
  margin:0px auto 10px auto;
}

.rv-pnl .rw-bx .rw-img img{width: 100%; display: block;}

.rv-pnl .rw-bx .txt{
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;;
}

.rv-pnl .rw-bx .str{
  color: #bba654;
  font-size: 14px;
}

.rv-pnl .rw-bx .name{
  font-size: 15px;
  color: #CCB454;
}

footer{
  padding: 20px 0px 0px 0px;
  background:#CCB454;
  color: #fff;
  margin: 0px 0px 0px;
  position: relative;
}

footer main{padding: 0px 15px;}

footer .ft-logo{width: 100px;}
footer .ft-logo img{width: 100%;}
footer .addres{
  float: left;
  width: 300px;
  margin: 0px 25px 0px 0px;
}
footer .addres p{
  margin: 10px 0px;
  font-size: 14px;
}

footer .addres a{display: block; color: #fff; margin: 10px 0px;
padding: 0px 0px 0px 20px;}
footer .addres a.ml{
  background: url(../images/mail-icon.png) no-repeat left center;
  background-size: 15px;

}
footer .addres a.tel-ph{
  background: url(../images/phone-icon.png) no-repeat left center;
  background-size: 20px;

}

.ft-link{float: left;
margin: 0px 0px 0px 100px;
width: 220px;}
.ft-link a{
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 35px;
  border-bottom: 1px dotted #fff;

}

.ft-link h3{
  font-size: 18px;
  font-weight: 400;
}


.courses-link{float: right;
margin: 0px 0px 0px 100px;
width: 250px;}

.courses-link a{
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 35px;
  background: url(../images/arrow-icon-2.png) no-repeat left center;
  background-size: 5px;
  padding: 0px 0px 0px 10px;
}

.courses-link h3{
  font-size: 18px;
  font-weight: 400;
}

.on-line{
  float: left;
  margin:10px 0px 0px 0px;
}
.on-line a{ 
  margin: 0px 5px 0px 0px !important;
  float: left;
  width: 24px;
  background: #fff;
    border-radius: 100%;
    padding: 2px !important;
}

.on-line a img{
  display: block;
  width: 22px;
  height:22px;
}

.ft-btm{
  background: #4b4642;
  text-align: right;
  padding: 10px 0px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin: 30px 0px 0px 0px;
}

.ft-btm p{padding: 0px; margin: 0px; 
  display: block;
  font-size: 14px;
  font-weight: 400;
float: left;
}
.ft-btm a{display:inline-block; color: #fff; margin: 0px 15px;}

.abt-bnr{
  width: 100%;
  background: url(../images/about-bn.jpg) no-repeat top center ;
  background-size: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
  opacity: 0.5;
}

.abt-bnr h2{
  font-size: 50px;
  text-align: center;
  line-height: 250px;
  margin: 0px;
  display: block;
}



.abt-tp-pnl{
  padding: 0px;
  margin:50px auto;
}

.abt-img{
float: left; 
width: 450px;
height: auto;
margin: 0px 30px 0px 0px;
border-radius: 20px;
overflow: hidden;
}

.abt-img img{
  width: 100%;
  height: 100%;
  display: block;
}

.abt-tp-pnl h2{
  font-size: 40px;
}

.abt-tp-pnl h2 span{
  color:#CCB454 ;
  background: url(../images/round-img.png) no-repeat left center;
  padding: 0px 0px 60px 0px;
}

.abt-tp-pnl p{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
}

.abt-mis-pnl{
  background: url(../images/mission-bg.jpg) no-repeat top center; 
  color: #000;
  padding: 50px 0px;
  text-align: center;
}
.abt-mis-pnl h2{
  font-size: 35px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.abt-mis-pnl p{
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
}

.book-btn{
  background: #CCB454;
  color: #fff;
  line-height: 50px;
  border-radius: 5px;
  text-transform: uppercase;
  width: 200px;
  display: block;
  margin: 0px  auto;
}

.our-vlu{
  padding: 30px 0px;
  text-align: center;
}

.our-vlu h2{
  font-size: 40px;
}

.our-vlu h2 span{
  color:#CCB454 ;
  background: url(../images/round-img.png) no-repeat left center;
  padding: 0px 0px 60px 0px;
}

.our-vlu .vlu-bx{
  width: 380px;
  height: 250px;
  float: left;
  margin: 20px;
  padding: 20px;
  text-align: left;
  background: #eee;
  border-radius: 30px 0px 30px 0px;
  text-align: center;
}

.vlu-icn{
  width: 50px;
  height: 50px;
  margin: auto;
}
.vlu-icn img{
  display: block;
  width: 100%;
}

.our-vlu .vlu-bx h3{
  font-size: 22px;
  margin: 10px 0px;
  color: #CCB454;
}

.our-vlu .vlu-bx p{
  font-size: 16px;
  line-height: 24px;
}


.cour-pnl{
  padding: 0px;
  margin:0px auto;
}

.cour-img{
float: right; 
width: 300px;
height: 300px;
margin: 0px 0px 0px 40px;
overflow: hidden;
}

.cour-img img{
  width: 100%;
  height: 100%;
  display: block;
}

.cour-pnl h2{
  font-size: 40px;
}

.cour-pnl h2 span{
  color:#CCB454 ;
  background: url(../images/round-img.png) no-repeat left center;
  padding: 0px 0px 60px 0px;
}

.cour-pnl p{
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  text-align: justify;
}

.tab-pnl{
  margin: 50px 0px;
}

.tab-img{
float: left; 
width: 300px;
height: 300px;
margin: 0px 40px 0px 0px;
overflow: hidden;
}

.tab-img img{
  width: 100%;
  height: 100%;
  display: block;
}

.tab-rt-pnl{
  width: auto;
}

.tab-cnt-pnl{
  float: right;
}

.tablink {
  background-color: #CCB454;
  border: 1px solid #eee;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 17px;
  width:auto;
  margin: 0px 5px;
}

.tablink a{
  color: #fff;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color:#000;
  padding: 50px 0px;
  height: 100%;
  text-align: justify;
}

.tabcontent p{font-size:18px; line-height:26px;}


.acc-pnl{
  width: auto;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.acc-pnl .panel {
  padding:0px;
  background:#f9f9f9;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.acc-pnl .txt-pnl{
  padding: 20px;
}

.acc-pnl .txt-pnl strong{
  font-size: 16px;
  color: #CCB454;
  font-weight: 500;
}

.acc-pnl .txt-pnl ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.acc-pnl .txt-pnl ul li{
  line-height: 25px;
  font-size: 14px;
  background: url(../images/arrow-icon.png) no-repeat left center;
  padding: 0px 0px 0px 20px;
}

.whatsapp-icon{
  position:fixed;
  width:50px;
  height: 50px;
  right: 0;
  bottom:20%;
  margin: 0px 10px 0px 0px;
  padding: 10px;
  border-radius: 100%;
  background: #fff;
}

.whatsapp-icon a{
  display: block;
}

.whatsapp-icon img{
  width: 100%;
}

.frm-pnl{
  width: 650px;
  margin:50px auto;
  border: 1px solid #CCB454;
  padding: 20px;
  text-align:center;
}

.frm-pnl h3{
  margin: 0px 0px 0px 0px;
  font-size: 30px;
}

.frm-pnl p{
  font-size: 20px;
  margin:10px 0px 20px 0px;
  color: #CCB454;
}

.form-row{
  margin: 5px auto;
  padding: 10px;
  vertical-align: top;
  width: 600px;
  background: #f7f7f7;
  border: 1px solid #eee;
}

.form-row label{
  width: 225px;
  display:inline-block;
  text-align: right;
}

.form-row input[type="text"], [type="number"], [type="tel"], [type="email"], [type="datetime-local"], select{
  border: 1px solid #CCB454;
  height: 28px;
  outline: none;
  width:250px;
}

.frm-pnl .country{width:80px;}
.frm-pnl .number{width:168px;}

.frm-pnl .submit{
  background: #CCB454;
  line-height: 40px;
  color: #fff;
  border: none;
  width: 100px;
  line-height: 30px;
  margin: 20px 0px 0px 0px;
}

@media screen and (max-width: 1200px) {
    main{width:auto;}
    .header-content{width:auto}
     .text-p{width:450px;}
     .bannertextp{width:450px; margin:-80px 0px 0px 0px;}
}

@media screen and (max-width: 1024px) {
    .bannertextp{width:450px; margin:-80px 0px 0px 0px;}
    .text-p{width:450px;}
    .rv-pnl .rw-bx{width:300px; margin:15px;}
    .crs-col{width:330px; margin:15px;}
    .courses-link{margin:0px 0px 0px 30px;}
    .ft-link{margin:0px 0px 0px 30px;}
    .header-content{width: auto; max-width: 1300px;}
}


@media screen and (max-width: 768px) {
    
    
  .header-content{width: auto; max-width: 1300px;}
  .banershow-container{max-width:100%;}
  .banershow-container img{display:block; width:100% !important;}
  
  main{
    width: auto;
    margin: 5px;
    padding: 5px;
  }
  .wh-ch-pnl .wh-img{
    width: auto;
    height: auto;
    margin: auto;
  }
  
  .wh-ch-pnl .wh-img img{width:100%;}

  .bannertextp{
    font-size:10px;
    margin:5px 0px 0px 0px !important;
    padding:8px 12px 0px 12px !important;
     width: 200px;
     top:0px;
     
  }
  .slideshow-container img{
      display:block;
      width:100% !important;
  }
  .bannertextp br{display:none;}
  .text-p br{display:none;}
  .text-p{
     font-size:12px;
     line-height: 16px;
    margin:-40px 0px 0px 0px !important;
     padding:0px 12px !important;
    width: 200px;
     
  }
  .text a{
    width: 80px;
    font-size: 10px;
    line-height: 26px;
    margin:2px 0px 0px 0px ! important;
  
   
  }
  
  .btm-bnr{
    padding: 20px 10px;
  }
  .btm-bnr h5{
    font-size: 30px;
  }
  .crs-col{
    width: auto;
    height: auto;
    margin: 10px;
  
  }
  .art-pnl{text-align: center;}
  .btm-bnr{background-size: 100%; padding: 0px 0px 20px 0px; background-position: top center;}
  .rv-pnl .rw-bx{width: auto; height: auto; margin: 10px;}
  footer .addres{width: auto; float: none; text-align: center;}
  footer .addres a{display: inline-block;}
  footer .ft-logo{margin: auto;}
  .ft-link{width: auto; float: none; margin: auto;}
  .ft-link h3{text-align: center;}
  .ft-link a{text-align: center;}
  .courses-link{float: none; width: auto; margin: auto; text-align: center;}
  .on-line{float: none;}
  .courses-link a{display: inline-block;}
  .on-line a{float: none; display: inline-block;}
  .ft-btm{text-align: center;}
  .ft-btm p{float: none;}
  .ft-btm a{display: block; text-align: center; float: none; margin: 5px;}
  .abt-bnr h2{line-height: 100px; font-size: 30px;}
  .abt-img{float: none; width: auto; margin: auto; border-radius: 0px;}
  .our-vlu .vlu-bx{width: auto; height: auto;}
  .abt-mis-pnl{margin: 5px;}
  .cour-img{float: none; margin: auto;}
  .cour-pnl{text-align: center;}
  .tab-img{float: none; margin: auto;}
  .tab-rt-pnl{float: none; margin:20px auto; text-align: center; width: auto;}
  .tablink{float: none;}
  .tabcontent{padding: 20px;}
  .frm-pnl{width: auto;}
  .form-row{width: auto; text-align: center;}
  .form-row label{width: auto; display: block; text-align: center;}
  .form-row input[type="text"], [type="number"], [type="tel"], [type="email"], [type="datetime-local"], select{
    width: auto;
    display: block;
    margin: auto;
  }
  .tablink{font-size: 22px; padding: 10px 20px; display:block; width:300px; margin:5px auto;}
}