@charset "utf-8";
/* CSS Document */
<!--

/*###Desktops, big landscape tablets and laptops(Large, Extra large)####*/
@media screen and (min-width: 1024px){
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');



/*Style*/
h1 {
font-size: 2vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: auto;
font-weight:800;
}

h2 {
font-size: 1.5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: auto;
font-weight:600;
}
h3 {
font-size: 1.2vw;
margin: 0px 2px 7px 0px; 
padding: 3px 7px 3px 3px;
line-height: auto;
font-weight:400;
}
h4 {
font-size: 1.5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: auto;
font-weight:600;
}

body,td,th {
	font-family: Oswald,Open Sans;
	font-size: 1vw;
	line-height: auto;
	font-style: normal;
  font-weight: normal;
}
a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


input[type=text] {
float:left; width: 100%; height:2vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=number] {
float:left; width: 100%; height:2vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=password] {
float:left; width: 100%; height:2vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=email] {
float:left; width: 100%; height:2vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=mob] {
float:left; width: 100%; height:2vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=search] {
float:left; width: 100%; height:2vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
input[type=tel] {
float:left; width: 100%; height:2vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}
textarea {
float:left; width: 100%; height:6vw; padding:2%; margin-bottom:2%; border-radius:.5vw;box-sizing: border-box; border: solid #CCCCCC 1px;
}

.select {
  appearance: none;
  background-color: transparent;
  border: solid #CCCCCC 1px;
  padding: .8vw .8vw;
  margin: 8px 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  font-size:1vw;
  border-radius:1vw;
}

.button-green {
  background-color:#00CC33;
  width:100%;
  border: none;
  color: white;
  padding: 1vw 2vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-red {
  background-color:#FF6600;
  width:100%;
  border: none;
  color: white;
  padding: 1vw 2vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-blue {
  background-color:#0033CC;
  width:90%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-blue2 {
  background-color:#0033CC;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}

.whats-up {float:right; width:20%; height:auto; margin-right:20%; text-align:center; padding:2%; background-color:#006699; color:#FFFFFF;border-radius:1vw;}
.whatsapp_icon { position: fixed; width:4%; height:4vw; bottom: 2vw; right: 2vw;}



.style-button {
  display: inline-block;
  padding: .75rem 1.25rem;
  border-radius: 10rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.header-pc {float:left; width:100%; height:auto;}
.header-logo-menu {float:left; width:80%; height:auto; margin-bottom:.1vw; padding-left:10%; padding-right:10%; padding-top:.2vw; padding-bottom:.1vw;}
.header-logo {float:left; width:8%; height:auto;}
.header-menu {float:right; width:auto; height:auto; margin-top:3vw;}
.header-contact { float:right; text-align:right; width:15%; height:auto; border-left:solid #009900 1px; color:#51b94a; margin-left:4%; margin-top:2.5vw; font-size:.8vw; }
.banner-pc {float:left; width:100%; height:auto; margin-bottom:1vw;}
.index-training-holder {float:left; width:80%; height:auto; margin-top:63vw; padding-left:10%; padding-right:10%; margin-bottom:2vw; padding-top:3vw; padding-bottom:1vw; background-repeat:repeat-x; background-image:url(../images/training-holder-bg.jpg);}
.index-testimonial-holder  {float:left; width:80%; height:auto; margin-top:1; padding-left:10%; padding-right:10%; margin-bottom:2vw; padding-top:3vw; padding-bottom:1vw; background-repeat:repeat-x; background-image:url(../images/testimonial-holder-bg.jpg);}
.testimonial-holder {float:left; width:21.5%; height:29vw; padding:1%; margin:.5vw;border-radius:1vw; text-align:center; border:solid 1px #CCCCCC; background-color:#FFFFFF;}
.testimonial-holder:hover {float:left; width:21.5%; height:29vw; padding:1%; margin:.5vw;border-radius:1vw; text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.page-holder {float:left; width:80%; height:auto; margin-left:10%; margin-right:10%; margin-bottom:2vw; margin-top:2vw;}
.index-about-holder {float:left; width:60%; height:auto; margin-left:20%; margin-right:20%; margin-bottom:2vw; background-color:#22419b; position:absolute; margin-top:33vw; z-index:100;}
.index-about-video-box {float:left; width:100%; height:20vw;}
.index-about-video-holder-lt {float:left; width:50%; height:10vw; text-align:center; padding-top:5vw; background-color:#78797b; color:#FFFFFF;}
.index-about-video-holder-rt {float:left; width:50%; height:10vw; text-align:center; padding-top:5vw; background-color:#45aa3e; color:#FFFFFF;}
.index-about-video-holder {float:left; width:60%; height:auto;}
.index-about-text-holder {float:right; width:30%; height:auto; padding:5%; text-align:center; color:#FFFFFF;}
.heading {float:left; width:100%; height:auto; margin-bottom:1vw; text-align:center;}
.course-holder {float:left; width:21.5%; height:auto; padding:1%; margin:.5vw;border-radius:1vw; text-align:center; border:solid 1px #CCCCCC; background-color:#FFFFFF;}
.course-holder:hover {float:left; width:21.5%; height:auto; padding:1%; margin:.5vw;border-radius:1vw; text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.course-holder-img {float:left; width:100%; height:auto; margin-bottom:1vw;}
.course-holder-heading {float:left; width:100%; height:3vw; margin-bottom:2vw; font-size:1.3vw; color:#56b74c;}
.course-holder-desc {float:left; width:100%; height:4vw; margin-bottom:2vw;}
.course-holder-duration {float:left; width:70%; height:2vw; margin-left:15%; margin-right:15%; margin-bottom:1vw; padding-bottom:1vw; border-bottom:solid #CCCCCC 1px;}
.course-holder-amt {float:left; width:100%; height:2vw; margin-bottom:1vw; color:#243ca0;}
.course-holder-btb {float:left; width:100%; height:2vw; margin-bottom:2vw;}

.heading {float:left; width:100%; height:auto; margin-bottom:1vw; text-align:center;}
.service-holder {float:left; width:32%; height:auto; margin:.3vw;text-align:center;}
.service-holder:hover {transform: scale(1.1);}

.index-offer-lt {float:left; width:46%; height:auto; margin:.5vw;border-radius:1vw; padding:1vw; border:solid #CCCCCC 1px; text-align:center;}
.index-offer-rt {float:right; width:46%; height:auto; margin:.5vw;border-radius:1vw; padding:1vw; border:solid #CCCCCC 1px; text-align:center;}
.page-holder {float:left; width:80%; height:auto; margin-left:10%; margin-right:10%; margin-bottom:2vw; margin-top:2vw;}
.blog-holder {float:left; width:21.5%; height:auto; padding:1%; margin:.5vw;border-radius:1vw; border:solid 1px #CCCCCC;}
.blog-holder:hover {float:left; width:21.5%; height:auto; padding:1%; margin:.5vw;border-radius:1vw; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.blog-holder-img {float:left; width:100%; height:auto; margin-bottom:1vw;}
.blog-holder-heading {float:left; width:100%; height:5vw; margin-bottom:2vw; font-size:1.3vw;}
.blog-holder-desc {float:left; width:100%; height:10vw; margin-bottom:1vw;} 
.course-holder-btb {float:left; width:100%; height:2vw; margin-bottom:2vw;}
.brand-scroll-holder-pc {float:left; width:80%; height:auto; margin-bottom:.5vw; margin-top:2vw; padding-top:1%; padding-bottom:1%;}
.brand-scroll-holder-mob {display:none; visibility:hidden;}
.map-holder {float:left; width:100%; height:30vw; margin-top:2vw;}
.service-holder-index {float:left; width:60%; height:auto; margin-left:20%; margin-right:20%; margin-top:1vw; margin-bottom:2vw;}
.service-comedown-holder-index {float:left; width:40%; height:auto; margin-left:30%; margin-right:30%; margin-top:1vw; margin-bottom:2vw;}
.service-comedown-box-rt-index {float:left; width:25%; height:10vw; text-align:center; font-size:.8vw; border-right:solid #999999 1px;}
.service-comedown-box-lt-index {float:left; width:24%; height:10vw; text-align:center; font-size:.8vw;}
.blog-index-box {float:left; width:31.5%; height:auto; margin:.5%;}
.blog-index-box:hover {
  transform: scale(1.1); 
}
.blog-index-holder {float:left; width:50%; height:auto; background-color:#22419b; color:#FFFFFF; text-align:center; padding-top:3%; padding-bottom:3%; padding-left:25%; padding-right:25%;}

.footer-pc {float:left; width:100%; height:auto; background-color:#000066; font-size:.8vw;}
.footer-holder-main {float:left; width:99%; height:auto; color:#FFFFFF; margin-top:3%; background-color:#45aa3e; padding:.5vw; color:#FFFFFF; text-align:center; font-size:.8vw; margin-bottom:3vw;}
.footer-holder {float:left; width:60%; height:auto; color:#FFFFFF; padding-left:20%; padding-right:20%; margin-top:5%;line-height:1.8vw;}
.footer-holder-block {float:left; width:25%; height:auto; color:#FFFFFF; text-align:left; line-height:1.8vw; margin-bottom:2vw;}
.footer-button {float:left; width:100%; height:auto; text-align:center; color:#FFFFFF; padding-top:.8vw; padding-bottom:2vw; text-align:center;}

.header-mob {display:none; visibility:hidden;}
.banner-mob {display:none; visibility:hidden;}
.footer-mob {display:none; visibility:hidden;}

#value1 {font:800 2vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}
#value2 {font:800 2vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}
#value3 {font:800 2vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}
#value4 {font:800 2vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}

.readmore_btn {float:left; width:40%; height:auto; margin-left:30%; margin-right:30%;}
.pg-banner-pc {float:left; width:100%; height:auto; margin-bottom:1vw;}
.pg-banner-mob {float:left; width:100%; height:auto; margin-bottom:5vw; display:none; visibility:hidden;}
.contact-pg-lt {float:left; width:55%; height:auto; margin-right:1vw; border:solid #CCCCCC 1px; padding:2%;border-radius:.5vw;}
.contact-pg-rt {float:left; width:35%; height:auto; border:solid #CCCCCC 1px; padding:2%;border-radius:.5vw;}
.browse-all {float:left; width:68%; height:auto; padding:1vw; margin-left:15%; margin-right:15%; margin-top:1vw; margin-bottom:1vw; text-align:center; border:solid #4eaf4e 2px; color:#4eaf4e;border-radius:2vw;}
.browse-all:hover {float:left; width:68%; height:auto; padding:1vw; margin-left:15%; margin-right:15%; margin-top:1vw; margin-bottom:1vw; text-align:center; border:solid #4eaf4e 2px; color:#4eaf4e;border-radius:2vw;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.course-page-holder {float:left; width:40%; margin-left:30%; margin-right:30%; margin-top:2%; margin-bottom:2%;}
.course-heading {float:left; width:100%; height:auto; margin-bottom:1vw;}
.course-image {float:left; width:100%; height:auto; margin-bottom:1vw;}
.course-desc" {float:left; width:100%; height:auto; margin-bottom:1vw;}
.course-fees {float:left; width:100%; height:auto; margin-bottom:3vw;}
.course-btn {float:left; width:20%; height:auto; margin-bottom:1vw;}

.pagecount {float:left; width:100%; height:auto; margin-bottom:2%; margin-top:2vw;}
.pg-left-butt {float:left; width:auto; height:auto; padding:1%; color:#003399; border:solid #003399 3px;border-radius: 8px; margin-left:40%;}
.pg-right-butt {float:right; width:auto; height:auto; padding:1.3%; color:#FFFFFF; background-color:#003399;border-radius: 8px; margin-right:37%;}
.img-gallery-box {float:left; width:22%; height:auto; margin:1%;}
.img-catelog-box {float:left; width:22%; height:auto; margin:1%;}

.popup-holder {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999;}
.centered-box {position: fixed; width: 40%; height: auto; margin-top: 3%; margin-right: 30%; margin-bottom: 10%; margin-left: 30%; background-color:#0F0F0F; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);  display: flex; justify-content: center; align-items: center; padding: 1%; box-sizing: border-box;border-radius:.5vw;}
.centered-box img {border-radius:.5vw;}
.close-btn {position: absolute; top: 1%; right: 1%; background-color: transparent; border: none; color:#cccccc; font-size: 2vw; cursor: pointer;}
.popup-form-holder {float:left; width:92%; height:auto; padding:4%; text-align:left; background-color:#FFFFFF;border-radius:.5vw;}

.personal-service-holder-pc {float:left; width:80%;  margin-left:10%; margin-right:10%; height:auto; margin-top:2vw;border-radius:.8vw; }
.personal-service-holder-pc img {
  border-radius: .8vw;
}
.personal-service-holder-mob {float:left; width:100%; height:auto; margin-top:3vw; background-color:#000033; display:none; visibility:hidden;}
.association-holder {float:left; width:100%; height:auto; margin-top:3vw; padding-bottom:1vw; padding-top:1vw; background-color:#e8e7ec;}
.review-holder {float:left; width:100%; height:auto; margin-top:1vw; padding-bottom:1vw; padding-top:1vw;}
.review-scroll-holder-pc {float:left; width:80%; height:auto; margin-bottom:.5vw; margin-top:1vw; padding-top:1%; padding-bottom:1%;}
.review-scroll-holder-mob {display:none; visibility:hidden;}
}

/*###Tablet(medium)###*/
@media screen and (min-width : 768px) and (max-width : 1023px){
/*Style*/

}
 
/*### Smartphones (portrait and landscape)(small)### */
@media screen and (min-width : 0px) and (max-width : 767px){
/*Style*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');


/*Style*/
h1 {
font-size: 7vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:900;
}

h2 {
font-size: 5.5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:500;
}
h3 {
font-size: 4.8vw;
margin: 0px 2px 7px 0px; 
padding: 3px 7px 3px 3px;
}
h4 {
font-size: 5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:500;
}

body,td,th {
	font-family: Nunito, sans-serif;
	font-size: 4.5vw;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:1.5;
	font-style: normal;
  	font-weight: normal;
}
a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=number] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=email] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=mob] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=tel] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=date] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=search] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  resize: none;
  border-radius:10px;
}

.select {
  appearance: none;
  background-color: transparent;
  border: solid #CCCCCC 1px;
  padding: 12px 20px;
  margin: 8px 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  border-radius:10px;
}

.button-green {
  background-color:#00CC33;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}
.button-blue {
  background-color:#003366;
  width:96%;
  color: white;
  text-align: center;
  cursor: pointer;
  border-radius:10px;
}
.button-blue2 {
  background-color:#003366;
  width:95%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}
.button-red {
  background-color:#FF3300;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}

.whats-up {float:right; width:94%; height:auto;text-align:center; padding:3%; background-color:#006699; color:#FFFFFF;border-radius:2vw;}
.whatsapp_icon { position: fixed; width:12%; height:12vw; bottom: 5vw; right: 4vw;}

.style-button {
  display: inline-block;
  padding: .75rem 1.25rem;
  border-radius: 10rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.header-pc {display:none; visibility:hidden;}
.header-top-strip {float:left; width:80%; height:auto; margin-bottom:1vw; padding-left:10%; padding-right:10%; padding-top:.5vw; padding-bottom:.5vw; background-color:#000066;}
.header-top-strip-lt {float:left; width:auto; text-align:left; color:#FFFFFF; padding-top:.5vw;}
.header-top-strip-rt {float:right; width:auto; text-align:right; color:#FFFFFF;}
.header-logo-menu {float:left; width:80%; height:auto; margin-bottom:.1vw; padding-left:10%; padding-right:10%; padding-top:.2vw; padding-bottom:.1vw;}
.header-logo {float:left; width:14%; height:auto;}
.header-menu {float:right; width:auto; height:auto; margin-top:2vw;}
.header-mob {float:left; width:100%; height:auto; margin-bottom:1vw;}
.banner-mob {float:left; width:100%; height:50vw; margin-bottom:3vw; background-color:#CCCCCC;}
.banner-pc {display:none; visibility:hidden;}
.page-holder {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:5vw; margin-top:3vw;}
.index-about-holder {float:left; width:84%; height:auto; padding-left:8%; padding-right:8%; padding-top:8%; margin-bottom:8%; background-color:#22419b;}
.index-about-video-box {float:left; width:100%; height:auto;}
.index-about-video-holder-lt {float:left; width:50%; height:30vw; text-align:center; padding-top:10vw;  background-color:#78797b; color:#FFFFFF;}
.index-about-video-holder-rt {float:left; width:50%; height:30vw; text-align:center; padding-top:10vw; background-color:#4fb641; color:#FFFFFF;}
.index-about-video-holder {float:left; width:100%; height:auto; margin-bottom:5vw;}
.index-about-text-holder {float:right; width:90%; height:auto; padding:5%; text-align:center; color:#FFFFFF;}

.heading {float:left; width:100%; height:auto; margin-bottom:2vw; text-align:center;}
.course-holder {float:left; width:84%; height:auto; padding:3%; margin-bottom:3vw; margin-top:3vw; margin-left:5%; margin-right:5%; border-radius:3vw; text-align:center; border:solid 1px #CCCCCC;}
.course-holder:hover {float:left; width:84%; height:auto; padding:3%; margin-bottom:3vw; border-radius:3vw; margin-left:5%; margin-right:5%; text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.course-holder-img {float:left; width:100%; height:auto; margin-bottom:3vw;}
.course-holder-heading {float:left; width:100%; height:auto; margin-bottom:3vw; font-size:5vw;}
.course-holder-desc {float:left; width:100%; height:auto; margin-bottom:3vw;}
.course-holder-duration {float:left; width:100%; height:auto; margin-bottom:3vw;}
.course-holder-amt {float:left; width:100%; height:auto; margin-bottom:3vw;}
.course-holder-btb {float:left; width:100%; height:50vw; margin-bottom:3vw;}

.service-holder {float:left; width:94%; height:auto; padding:3%; margin-bottom:5vw; border-radius:3vw; text-align:center; border:solid 1px #CCCCCC;}
.service-holder:hover {float:left; width:94%; height:50vw; padding:3%; margin-bottom:5vw; border-radius:3vw; text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.blog-index-holder {float:left; width:90%; height:auto; background-color:#22419b; color:#FFFFFF; text-align:center; padding-top:3%; padding-bottom:3%; padding-left:5%; padding-right:5%; margin-top:5%;}
.blog-index-box {float:left; width:48%; height:auto; margin-left:1%; margin-right:1%; margin-top:.5%;}
.blog-index-box:hover {
  transform: scale(1.1); 
}
.index-testimonial-holder  {float:left; width:90%; height:auto; margin-top:3vw; padding-left:5%; padding-right:5%; margin-bottom:2vw;}
.testimonial-holder {float:left; width:44%; height:70vw; padding:2%; margin:.5vw;border-radius:3vw; text-align:center; border:solid 1px #CCCCCC; background-color:#FFFFFF;}
.testimonial-holder:hover {float:left; width:48.5%; height:29vw; padding:2%; margin:.5vw;border-radius:1vw; text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.service-holder-index {float:left; width:80%; height:auto; margin-left:10%; margin-right:10%; margin-top:5vw; margin-bottom:5vw;}
.service-comedown-holder-index {float:left; width:90%; height:auto;margin-top:3vw; margin-bottom:5vw; margin-left:5%; margin-right:5%;}
.service-comedown-box-rt-index {float:left; width:44%; height:auto; text-align:center; font-size:4vw; border:solid #CCCCCC 1px;border-radius:3vw; padding:2%;}
.service-comedown-box-lt-index {float:left; width:44%; height:auto; text-align:center; font-size:4vw; border:solid #CCCCCC 1px;border-radius:3vw; padding:2%;}

.index-offer-lt {float:left; width:94%; height:auto; padding:3%; margin-bottom:5vw; border-radius:3vw; text-align:center; border:solid 1px #CCCCCC;}
.index-offer-rt {float:left; width:94%; height:auto; padding:3%; margin-bottom:5vw; border-radius:3vw; text-align:center; border:solid 1px #CCCCCC;}

.blog-holder {float:left; width:44%; height:auto; padding:3%; margin-bottom:3vw; margin-top:3vw; border-radius:3vw; text-align:center; border:solid 1px #CCCCCC;}
.blog-holder:hover {float:left; width:44%; height:auto; padding:3%; margin-bottom:3vw; margin-top:3vw; border-radius:3vw; text-align:center; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.blog-holder-img {float:left; width:100%; height:auto;  margin-bottom:3vw;}
.blog-holder-heading {float:left; width:100%; height:auto; margin-bottom:3vw; font-size:5vw;}
.blog-holder-desc {float:left; width:100%; height:auto; margin-bottom:3vw;} 
.course-holder-btb {float:left; width:100%; height:auto; margin-bottom:3vw;}

.brand-scroll-holder-pc { visibility:hidden; display:none;}
.brand-scroll-holder-mob {float:left; width:100%; height:auto; margin-bottom:5%; margin-top:5vw; overflow-x: auto;overflow-y: hidden;}
.map-holder {float:left; width:100%; height:80vw; margin-bottom:2vw; margin-top:3vw;}

.footer-pc {display:none; visibility:hidden;}
.footer-holder {float:left; width:80%; height:auto; color:#FFFFFF; padding-left:10%; padding-right:10%; margin-top:2%;line-height:1.8vw;}
.footer-holder-block {float:left; width:25%; height:auto; color:#FFFFFF; text-align:left; line-height:1.8vw; margin-bottom:2vw;}
.footer-button {float:left; width:100%; height:auto; text-align:center; background-color:#000000; color:#FFFFFF; padding-top:.8vw; padding-bottom:.8vw; text-align:center;}

.footer-mob {float:left; width:100%; height:auto; padding-bottom:20%; padding-top:20%; background-color:#000066; font-size:4vw; color:#FFFFFF; text-align:center;}

.header-menu-mob { float:left; width:15%; margin:3%; margin-top:8%; margin-bottom:2%; margin-left:5%;}
.header-mob-logo {float:left; width:15%; margin-top:3%;  margin-left:20%; margin-right:7%;}
.header-mob-ph {float:right; width:10%; margin-top:8%; margin-right:5%;}

#value1 {font:800 8vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}
#value2 {font:800 8vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}
#value3 {font:800 8vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}
#value4 {font:800 8vw system-ui; color:#4ab541; text-align:center; float:left; width:100%; height:auto;}

.footer-holder-main {float:left; width:90%; height:auto; color:#FFFFFF; background-color:#4fb641; padding:5%; color:#FFFFFF; text-align:center; font-size:4vw; margin-bottom:5vw;}

.readmore_btn {float:left; width:40%; height:auto; margin-left:30%; margin-right:30%;}
.pg-banner-pc {float:left; width:100%; height:auto; margin-bottom:1vw; display:none; visibility:hidden;}
.pg-banner-mob {float:left; width:100%; height:auto; margin-bottom:5vw;}
.contact-pg-lt {float:left; width:85%; height:auto; margin-right:5%; margin-left:5%; margin-bottom:5%; border:solid #CCCCCC 1px; padding:2%;border-radius:2vw;}
.contact-pg-rt {float:left; width:85%; height:auto; margin-right:5%; margin-left:5%; margin-bottom:5%; border:solid #CCCCCC 1px; padding:2%;border-radius:2vw;}
.browse-all {float:left; width:88%; height:auto; padding:1vw; margin-left:5%; margin-right:5%; margin-top:5vw; margin-bottom:5vw; text-align:center; border:solid #4eaf4e 1px; color:#4eaf4e;border-radius:2vw;}
.browse-all:hover {float:left; width:88%; height:auto; padding:1vw; margin-left:5%; margin-right:5%; margin-top:5vw; margin-bottom:5vw; text-align:center; border:solid #4eaf4e 1px; color:#4eaf4e;border-radius:2vw;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


.course-page-holder {float:left; width:90%; margin-left:5%; margin-right:5%; margin-top:5%; margin-bottom:5%;}
.course-heading {float:left; width:100%; height:auto; margin-bottom:5vw;}
.course-image {float:left; width:100%; height:auto; margin-bottom:5vw;}
.course-desc" {float:left; width:100%; height:auto; margin-bottom:5vw;}
.course-fees {float:left; width:100%; height:auto; margin-bottom:5vw;}
.course-btn {float:left; width:40%; height:auto; margin-bottom:3vw;}

.pagecount {float:left; width:90%; height:auto; margin-bottom:5vw; margin-top:5vw;margin-left:5%; margin-right:5%;}
.pg-left-butt {float:left; width:auto; height:auto; padding:3%; color:#003399; border:solid #003399 3px;border-radius: 8px; margin-left:20%;}
.pg-right-butt {float:right; width:auto; height:auto; padding:3.3%; color:#FFFFFF; background-color:#003399;border-radius: 8px; margin-right:22%;}
.img-gallery-box {float:left; width:48%; height:auto; margin:1%;}
.img-catelog-box {float:left; width:98%; height:auto; margin:1%;}

.popup-holder {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999;}
.centered-box {position: fixed; width: 90%; height: auto; margin-top: 40%; margin-right: 5%; margin-bottom: 5%; margin-left: 5%; background-color:#0F0F0F; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);  display: flex; justify-content: center; align-items: center; padding: 4%; box-sizing: border-box;;border-radius:3vw;}
.close-btn {position: absolute; top: 2%; right: 2%; background-color: transparent; border: none; color:#cccccc; font-size: 5vw; cursor: pointer;}
.popup-form-holder {float:left; width:92%; height:auto; padding:4%; text-align:left; background-color:#FFFFFF;border-radius:3vw;}

.personal-service-holder-pc {float:left; width:100%; height:auto; margin-top:2vw; background-color:#000033; display:none; visibility:hidden;border-radius: 3vw;}
.personal-service-holder-mob {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-top:3vw;}
.personal-service-holder-mob img {
  border-radius: 3vw;
}
.association-holder {float:left; width:100%; height:auto; margin-top:5vw; padding-bottom:3vw; padding-top:3vw; background-color:#e8e7ec;}
.review-holder {float:left; width:100%; height:auto; margin-top:2vw; padding-bottom:3vw; padding-top:3vw; }
}