@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin:0;padding:0;border:0;font-size:100%; vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{ }table{border-collapse:collapse;border-spacing:0}

body{  
font-family: 'Montserrat', sans-serif!important;
	overflow-x: hidden!important;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root{
	    --orange:#ee6e00;
	    --black:#3b3c3c; 
	    --white:#ffffff;
	    --blue:#2d80ab;

}

.top_nvbg{ background: #2a233f;}

.searchinp[type=text] {
  width:250px;
  box-sizing: border-box;
  border: 2px solid #5e567b;
  border-radius: 4px;
  outline: none;  color: #fff!important;
  font-size:12px; font-style: italic;
  background-color:transparent;
  background-image:url("../images/srch.png");
  background-position: 8px 8px;
  background-repeat: no-repeat;
  padding: 6px 20px 6px 30px;
  margin: 10px 0px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.place::placeholder {
  color: #fff;
	
}

.searchinp[type=text]:focus {
  width: 100%;
}
.top_login ul{ margin: 0px; padding: 0px;}
.top_login ul li{ float: right; color: #fff; color: #8d82b5; padding:15px 10px;}
.top_login ul li a{ text-decoration: none; font-size: 14px; color: #8d82b5;}
.top_cart{ text-decoration: none!important; font-size: 14px; color: var(--orange); padding:18px 0px; font-weight: bold;}
.top_cart:hover{ color: var(--orange);}

.bg-nav {
    background-color: #fff !important;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.45);
}
 
.mobile-menu {
    height: 325px!important;
}

.mobile-menu-toggle {
  display: inline-block;
  color: var(--black);
  font-size: 25px;
  padding: 14px 0px;
  border-radius: 5px;
  text-decoration: none;
}

.mobile-menu-toggle.active {
  display: inline-block;
  color: var(--orange);
  font-size: 25px;
  /* padding: 5px; */
  border-radius: 5px;
  text-decoration: none;
}
.mobile-menu-toggle.active .ico-menu {
  background: url(../images/icons/ico-chosen-area-krestik.png) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.mobile-menu-toggle.active .ico-menu:hover {
/*  background: url(../images/icons/ico-chosen-area-krestik-hover.png) no-repeat;
  background-position: center;*/
}

.mobile-menu {
  display: none;
  position: absolute;
  width: 245px;
  padding:15px;
  background: white;
  overflow: auto;
  left: 0;
  z-index: 99999;
  top: 58px;
}

.mobile-menu.active {
  display: block;
}

.mobile-menu__list {
  text-align: left;
  list-style: none;
}
.mobile-menu__list li:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.mobile-menu__sublist {
  display: none;
  margin-bottom: 9px;
  margin-top: -6px;
  margin-left: 15px;
  list-style: none;
  padding: 0;
}
.mobile-menu__sublist li {
  border-bottom: none !important;
}

.mobile-menu__link {
  color: var(--black);
  font-size: 14px;
  line-height: 36px;
  font-weight: 600;
  padding: 0px;
}
.mobile-menu__link:hover {
  color: var(--black);
  text-decoration: none;
}
.mobile-menu__link:focus {
  color: var(--orange);
}

.mobile-menu__link.sublink {
  padding: 1px 25px 3px 0px;
}

.mobile-menu__link.sublink.active {
  background: var(--orange);
  color: white;
  padding: 1px 25px 3px 12px;
}

.ico-menu-arrow {
  position: absolute;
  margin-top: 24px;
  margin-left: 4px;
  content: '';
  width: 6px;
  height: 8px;
  border: 8px solid transparent;
  border-top: 8px solid green;
}

.mobile-menu__link.sublink.active .ico-menu-arrow {
  border-top: 8px solid white;
}

.mobile-menu__sublink {
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
  line-height: 34px;
}
.mobile-menu__sublink:hover {
  color: var(--black);
  text-decoration: none;
}

.orange {
  color: #ff8b00;
}

.overflow-hidden {
  display: none;
}

.btn-danger {
    color: #fff;
    background-color: var(--orange)!important;
    border-radius: 0px;
    border: none!important;
    border-color:transparent!important;
}

.btn-primary {
    color: #fff;
    border-radius: 0px;
    margin: 30px 0 0 0;
    background-color: var(--blue)!important;
    border-color:transparent!important;
}
.btn-primary1 {
    color: #fff;
    border-radius: 0px;
    margin:0px 0 0 0;
    background-color: var(--blue)!important;
    border-color:transparent!important;
}

.btnvnd {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem; font-weight: 600;
    font-size:12px!important;
    margin:19px 0px!important;
    line-height: 1.2;
    border-radius:0!important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.banner_bg{
	background: #2a233f 
		url("../images/banner.png") no-repeat center top;
}


.banner_data{ width: 70%; margin:0 auto; padding:7% 0px}
.banner_data h3{ font-size: 35px!important; color: #fff; }
.orange{ color: var(--orange);}
.blue{ color: var(--blue);}
.banner_data h4{ font-size:24px!important; color: #fff; font-weight: 500; padding:5px 0 15px 0px }
.banner_data h5{ font-size:24px!important; color: #fff; font-weight: 500; padding:10px 0px }


.bnr_srch{ background: transparent url("../images/bnrsrch.png") no-repeat 20px 18px;
 font-weight:500; font-size: 20px;
 padding:15px 15px 15px 65px; border-radius:0px!important;
}

.form-control:focus {
    color: #fff!important;
    background-color:transparent!important;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.place2::placeholder {
  color: #aeabb7;
	
}

.form-control_bnr {
    display: block;
    width: 100%;
    padding: 0.375rem 0.30rem;
    font-size: 12px!important;
    margin: 0 0 15px 0px;
    line-height: 1.5;
    font-weight: 600;
    color:#aeabb7!important;
    background-color: transparent!important;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn_lil {
    display: inline-block;
    font-weight: 500;
    text-decoration: none!important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.5;
    margin: 0px;
    border-radius: 0!important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ucc{ background: rgba(10,14,45, 0.6); text-align: center; padding:15px 0px; margin:15px 0px;}
.ucc h6{ font-size: 40px; font-weight: bold; color: #fff; }
.ucc span{ font-size: 20px; font-weight: normal; color: #fff; }


.container_slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.items {
  display: flex;
  align-items: center;
  width: fit-content;
  animation: carouselAnim 50s infinite alternate linear;
}

.entry {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  width:200px;
  background:transparent!important;
  margin: 1em;
  padding: 0.5em;
  border-radius: 10px;
/*  box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);*/
}

 
.entry p {
  text-align: center;
  padding: 1em;
}

.name {
  font-weight: bold;
}

@keyframes carouselAnim {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(calc(-100% + (3 * 300px)));
  }
}

.container_slider .faders {
  width: 100%;
  position: absolute;
  height: 100%;
}

.faders .right,
.faders .left {
  background: linear-gradient(
    to right,
    rgba(245, 245, 245, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 15%;
  height: 100%;
  position: absolute;
  z-index: 200;
}

.right {
  right: 0;
  background: linear-gradient(
    to left,
    rgba(245, 245, 245, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.slide_bg{ background:#eaeaea;}

.aboutus h3{ font-size: 40px; color: var(--black); font-weight:400;}
.aboutus span{ font-size: 35px; color: var(--orange); text-transform: uppercase; font-weight:400;}
.aboutus p{ font-size:15px; color: var(--black); font-weight:normal;}
.aboutus strong{ font-size:15px; color: var(--blue); font-weight:500;}

.aboutus ul{ margin: 0px; padding: 0px;}
.aboutus ul li{  font-size: 18px; color: var(--black);}
.aboutus ul li i{  font-size: 17px; line-height: 42px; color: var(--orange)!important;}

.nav_switch { 
    border-bottom: solid #ccc 10px; text-align: center; 
}
.nav_switch h4{
   margin: 0 0 20px 0px; font-size: 40px; color: var(--black); font-weight:400;
	
}
.nav_switch span{
	 font-size: 40px; color: var(--orange); font-weight:400;
	
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { font-size:22px; 
    color: var(--blue)!important; background: transparent!important; margin: 0 0 -10px 0px;
    border-bottom: solid 10px var(--blue); border-radius:0px!important;
}


.nav-link {
    display: block!important;
    padding: 0.5rem 3rem!important;
    font-size: 22px!important;
    color: var(--black)!important;
}


.exams{ text-align: center; background: #f1f1f1; padding:30px 15px; margin:15px 0px;}
.exams h6{ 
	font-size: 22px; font-weight: bold; padding: 0 7px; 
	color: var(--orange);     display: -webkit-inline-box;
	border-right: solid var(--orange) 2px; 
	border-left: solid var(--orange) 2px;
}
.exams p{ font-size:16px; font-weight: 600; margin:10px 0px; color: var(--black);}

.all_hadding{
   margin: 0 0 20px 0px; font-size: 40px; color: var(--black); font-weight:400; text-align: center;
	
}
.all_hadding span{
	 font-size: 40px; color: var(--orange); font-weight:400;
	
}

.all_hadding3{
   margin: 0 0 20px 0px; font-size:28px; color: var(--black); font-weight:400; text-align: center;
	
}
.all_hadding3 span{
	 font-size:28px; color: var(--orange); font-weight:400;
	
}


.price_table{ 
	text-align: center; 
	background: #fff; padding: 30px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15); 
}

.price_table h6{
  font-size:35px; padding:18px 0px;
	color: var(--orange);
	font-weight:600;
}
.price_table span{
  font-size:17px; 
	color: var(--black);
	font-weight:600;
}

.price_table h5{
  font-size: 22px; 
	color: var(--black);
	font-weight:300;
}
 
.charachters{ text-align: center;}
.charachters img{ margin:15px 0px; }
.charachters h6{ font-size: 18px; color: var(--black); padding:0 0 5px 0; font-weight:600; }
.charachters p{ font-size: 14px; color: var(--black); font-weight:normal;}


.clients h6{ font-size: 16px; color: var(--black); font-weight: normal; text-align: center; }
.clients span{ font-size: 14px; color:#8f8f8f; font-weight:normal;}


.footer_bg{ background:#3b3c3c; padding:30px 30px 0px 30px; }
.footer_link h5{ font-size: 18px; font-weight: 600; color: #bfbfbf;}
.footer_link ul{ margin: 0px; padding: 0px; }
.footer_link ul li{list-style: none; line-height:40px; }
.footer_link ul li a{ display: block; text-decoration: none; font-size: 13px; font-weight: 500; color: #bfbfbf;}
.footer_link ul li a i{ font-size:8px!important;}

.em_sm a{ font-size: 14px; display: block; text-decoration: none; font-weight: 500;line-height:30px; color: #bfbfbf;}

.social-wrap { 
margin:0 auto; 
padding:0px; 
text-decoration: none; 
}
.social-wrap ul li { 
list-style-type: none; 
border-bottom:none; 
margin:0 auto; 
background: none; 
padding:0px; 
line-height: 0!important; 
}
.social-wrap li a { 
margin:5px 3px 0px 0px !important; 
padding:0px; 
width:28px; 
height:28px; 
text-indent:-99999px;
float:left; 
} 

.social-wrap li a.facebook1 { 
background: #314d91 url("../images/social-icons.png") no-repeat 0px 0px; 
-webkit-transition:All 0.3s ease-out; 
-moz-transition:All 0.3s ease-out; 
-o-transition:All 0.3s ease-out; 
} 
.social-wrap li a.facebook1:hover {background: #314d91 url("../images/social-icons.png") no-repeat 0px -41px;} 
.social-wrap li a.twitter1 {background: #07beed url("../images/social-icons.png") no-repeat 0px -70px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;} 
.social-wrap li a.twitter1:hover {background: #07beed url("../images/social-icons.png") no-repeat 0px -114px;} 
.social-wrap li a.google-p1 {background: #a7291b url("../images/social-icons.png") no-repeat 0px -143px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;} 
.social-wrap li a.google-p1:hover {background: #a7291b  url("../images/social-icons.png") no-repeat 0px -185px;} 
.social-wrap li a.rss1 { 
background:#ffaa31  url("../images/social-icons.png") no-repeat 0px -381px; 
-webkit-transition:All 0.3s ease-out; 
-moz-transition:All 0.3s ease-out; 
-o-transition:All 0.3s ease-out; 
} 
.social-wrap li a.rss1:hover { 
background: #ffaa31  url("../images/social-icons.png") no-repeat 0px -454px; 
}
.social-wrap li a.insta1 {background: #c536a4  url("../images/social-icons.png") no-repeat 0px -213px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;} 
.social-wrap li a.insta1:hover {background: #c536a4  url("../images/social-icons.png") no-repeat 0px -256px;}
.social-wrap li a.pinit1 {background: #cb2027  url("../images/social-icons.png") no-repeat 0px -285px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;} 
.social-wrap li a.pinit1:hover {background: #cb2027    url("../images/social-icons.png") no-repeat 0px -325px;}
.social-wrap li a.linkdin1 {background: #1698E3  url("../images/social-icons.png") no-repeat 0px -354px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;} 
.social-wrap li a.linkdin1:hover {background: #1698e3  url("../images/social-icons.png") no-repeat 0px -397px;}

.copyrights{ width: 100%; border-top:solid #a2a2a2 1px;  display:block; padding:10px 0px; margin:15px 0 0 0}
.copyrights p{ font-size: 14px; color: #929292; text-align:center;  }

.freeget{ background:var(--blue); padding: 10px; }
.freeget_data{border:solid #fff 1px; padding: 20px; }
.freeget_data ul li{ float: left;}
.freeget_data ul li h6{ font-size: 20px; padding:4px 0px; color: var(--white)}
.freeget_data ul li i{ font-size: 30px; margin: 0 15px 0 0px; color: var(--white) }

.exam_img{}

.exam_note{ background: #f2f2f2; padding: 15px; margin:10px 0px;}
.exam_note h5{ color: var(--black); font-size: 16px; font-weight: 600; }
.exam_note span{ color: var(--blue); font-size: 16px; font-weight: 600; }
.exam_note p{ color: var(--black); font-size: 14px; font-weight:normal; line-height: 16px; padding:5px 0 0 0px}

.exam_dtl{}
.exam_dtl h4{ font-size: 18px; font-weight: bold; color: var(--blue); font-weight: 600;}
.exam_dtl p{ color: var(--black); font-size: 14px; font-weight:normal; line-height: 16px; padding:5px 0 0 0px}
.exam_dtl span{ color: var(--blue); font-size: 15px; font-weight:600; line-height: 16px; padding:5px 0 0 0px}
.exam_dtl strong{ color: var(--black); font-size: 14px; font-weight:600; line-height: 16px; padding:5px 0 0 0px}
.exam_dtl ul li{ line-height:24px; font-size: 14px; color: var(--black); font-weight: normal;}
.exam_dtl ul li i{ font-size:8px; color: var( --orange);}

.examborder{ border-right:solid #cccccc 1px;}

.all_padding{ padding:0 7.5px!important;}

.slct_label{ 
 font-size: 15px;
    font-weight: bold;
    padding: 0 0 7px 0;
    color: var(--blue);
}

.form-controlduli {
    display: block;
    width: 100%;
    padding: 0.375rem 0.5rem;
    font-size: 12px;
    line-height: 1.5;
    color:var(--black);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 
.exam_price h4{ font-size:22px; color: var(--blue); font-weight:bold; padding:30px 0px }
.exam_price span{ color: var(--black);     text-decoration-style: solid;
 text-decoration: line-through;
    text-decoration-color: red;
}

.all_hadding2{ margin:0px 0 20px 0px; font-size:20px; color: var(--black); font-weight:600; text-align: left;}

.single_format{ border: solid #cccccc 1px; padding: 15px; margin:15px 0;}

.single_data h5{ font-size: 14px; color: var(--black); font-weight:bold!important;}
.single_data p{ font-size: 14px; color: var(--black); font-weight:normal!important;}
.single_data h4{ font-size: 25px; color: var(--blue); font-weight:bold!important;}
.single_click{ font-size: 14px; font-weight: 600; color: var(--blue); margin:15px 0 0 0px; text-decoration: none!important;}
 

#carousel {
    width:100%;
    height: 300px;
    display: block;
	
  }
  #carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
  } 

.services_bg{ background: #f6f6f6; padding:30px 0px}
.service_data{ text-align: center;}
.service_data h5{ font-size: 16px; color: var(--black); font-weight: 600; padding: 0 0 5px 0}
.service_data p{ font-size: 14px; color: var(--black); text-align: justify; line-height:18px; font-weight:normal;}

.whyexam { margin:15px 0px;}
.whyexam h5{ font-size: 15px; color: var(--black); font-weight:600;}
.whyexam p{ font-size: 14px; color: var(--black); font-weight:normal; text-align: justify; margin:10px 0 0 0px; line-height: 18px;}

.category_main{ text-align: center;}
.category_main h5{ padding: 0 0 30px 0px; font-size: 30px; font-weight:600; color: var(--black);}
.category_main span{ padding: 0 0 30px 0px; font-size: 30px; color: var(--orange);}
.category_main p{ font-size: 14px; color: var(--black);}


.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 0.75rem;
    color: var(--black);
    font-weight: 600;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.cate_name{ margin: 15px 0px;}

.list_arrow{
	
	    margin: 3px 0 0 0!important;
} 


.tabs_brdr{ border: solid #ccc 1px; padding: 10px;
}
.tabs_brdr h6{ font-size: 16px; padding:10px; color: #fff; font-weight: 600; background:var(--orange); }

.tabs_brdr2{ border: solid #ccc 1px; padding:30px;
}

.tabs_brdr3{ border-bottom: solid #ccc 1px; padding:15px 0;
}




.nav-link2{
    display: block!important;
    padding: 0.5rem 0.75rem!important; text-transform: uppercase;
    font-size:14px!important; font-weight:500; text-decoration: none!important;
    color: var(--black)!important; border: none!important; /*border-bottom:solid #cccccc 1px!important;*/
	border-top:solid #cccccc 1px!important;
}
 
.nav-link2 i{ margin:4px 0 0 0px;}
.nav-link2:hover{ 
color: var(--blue)!important; margin: 0px; 
}

.nav-link3{
    display: block!important;
    padding: 0.5rem 0.75rem!important; text-transform: uppercase;
    font-size:14px!important; font-weight:500; text-decoration: none!important;
    color: var(--black)!important; /*border-bottom:solid #cccccc 1px!important;*/
	border:transparent!important;
}
.tabs_hadding {
    background: #2d80ab;
    padding: 15px 10px 12px 10px;
}
.tabs_hadding{ margin: 0 0 30px 0px;}
.tabs_hadding h6{ font-size: 18px; color: var(--white); font-weight:bold; }
.tabs_hadding p{ font-size: 15px; color:var(--white); font-weight:normal; }

.number{ background: #f6f6f6; width:163px; height:100px; text-align: center;}
.number p{ font-size: 30px; color: var(--blue); font-weight: bold; padding:25px 0px; }


.examdtl h5{ font-size: 18px; color: var(--black); font-weight: 600;}

.btn-link2 {
    text-decoration: none;
    font-weight: 400; outline: none;
    color: var(--blue)!important; padding:0 0px!important;
    background-color: transparent;
}
 

/*Form Wizard*/
.progress2 {
  margin: 10px 0;
  text-align: center;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 100%; /* change to resize the whole thing */
}
.step {
  list-style: none;
  display: inline-block;
  margin: 0 22%;
  width: 5%;
  min-width: 5%;
  text-align: center;
  white-space: nowrap;
  color: #333;
}
.step::after { /* lines */
  content: "";
  display: inline-block;
  background: #ccc;
  width: 41%;
  height: 0.3em;
  position: absolute;
  margin: -1.4em 0 0 -1em;
  z-index: 10;
}
.step::before { /* circles */
  content: "";
  display: block;
  background: #ddd;
  width: 2.5em;
  height: 2.5em;
  border: 0.3em solid #ccc;
  border-radius: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  z-index: 20;
}
.step-done::before,
.step-done::after {
  background: var(--blue);
  border-color: var(--blue);
}
.step-current::before {
  background: #ccc;
  border-color: darkgreen;
}
.step:last-child::after {
  display: none;
}

/*END Form Wizard*/

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin:0px 0!important;
    list-style: none;
    background-color: transparent!important;
    border-radius: 0.25rem;
}

.breadcrumb li{ font-size: 14px!important; color: #fff!important;}

.creditcard{ border:solid #cccccc 1px; padding: 15px;}
.creditcard span{ display: inline-flex; font-size: 12px; color: var(--black); line-height: 16px;}

.card_field{
	background: url("../images/card.png") no-repeat 5px 3px;
}

.form-controlcard {
    display: block;
    width: 100%;
    padding: 0.490rem 1rem 0.490rem 3rem;
    font-size:13px!important;
    line-height: 1.5;
    color:var(--black)!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-controlcard:focus{
	outline: auto!important; outline-color:var(--blue)!important; 
}


.form-controlcard2 {
    display: block;
    width: 100%; 
    padding: 0.490rem 1rem 0.490rem 0.400rem;
    font-size: 13px!important;
    line-height: 1.5;
    color:var(--black)!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-controlcard2:focus{
	outline: auto!important; outline-color:var(--blue)!important; 
}



.select_packmain{border:solid #cccccc 1px;padding: 15px;margin: 15px 0px;}
.ext_span span{ font-size: 14px; color: var(--black); font-weight: 600;}

.pack_dtl h5{ font-size: 16px; color: var(--black); font-weight: 600;}

.other_pack{}
.other_pack { float: left; text-align: left;  }
.other_pack img{ float: left!important;}
.other_pack p{ font-size: 12px; color: var(--blue); font-weight: normal;}
.other_pack span{ font-size: 12px; color: var(--black); text-align: left; font-weight: normal;}

.pack-1 img{ float: left!important;}
.pack-1 h6{ font-size: 13px; color: var(--blue); text-align: left; font-weight: 600; padding:8px 0px;}
.pack-1 p{ font-size: 10px; color: var(--black); text-align: left; font-weight: bold; padding:6px 0px;}

.total span{ font-size: 16px; color: var(--black); font-weight:600;}

.btn_bil {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    font-weight: 600!important;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 

.alert-warning {
    color: #ffffff!important;
    background-color: #ee6e00!important;
    border-color: #ee6e00!important;
}
.close:hover, .close:focus {
    color: #fff!important;
    text-decoration: none;
    opacity: .75;
}





.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom:0rem!important;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}



.timer{
  text-align:left;
  display: inline;
  font-size:30px;
  font-weight:bold!important;
  padding: 8px; margin-right: 10px!important;
  margin-top: 0px;
  color: #ffffff;
  background-color: #2a233f;
}
.login_mdiv{ border:solid #cccccc 1px; padding: 15px;}
.login_mdiv h4{ font-size: 28px; margin:0 0 20px 0px; color: var(--white); padding: 15px; background:var(--orange);  font-weight:bold;}
.login_mdiv ul{ margin: 0px; padding: 0px;}
.login_mdiv ul li{ float: left;}
.login_mdiv ul li a{ text-decoration: none; text-transform: uppercase; color:#fff; font-size: 13px; 
	font-weight:600; padding:10px; display: block; 
} 
.login_mdiv h5{ font-size: 17px; color:var(--orange); font-weight: 600; margin: 0 0 15px 0px;}
.login_mdiv h6{ font-size: 17px; color: var(--blue); font-weight:500; margin: 0 0 15px 0px;}
.login_mdiv p{font-size: 14px;color: var(--black);line-height: 38px;font-weight:500;}
.fb{ background: #3b66c4;  }
.gmail{ background: #ce4333; }








/*
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

@media only screen and (min-width:320px) and (max-width: 768px){
	
	.examdtl h5 {
    font-size: 16px;
    color: var(--black);
    margin: 15px 0px;
    padding: 10px 0 0 0;
    font-weight: 600;
}
	
	.number p{ font-size: 30px; color: var(--blue); font-weight: bold; padding:12px 0px; }
	
.number {
    background: #f6f6f6;
    width:100%!important; 
    height: 63px;
    margin: 0 auto;
    text-align: center;
}
	
	.media2 {
    display: -webkit-box;
    display: -ms-flexbox;
		    text-align: center;
    display: block;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

	.btnex {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 12px!important;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
	
	.freeget {
    background: var(--blue);
    padding: 10px;
    margin: 7.5px 0px;
}
	
	.price_table {
    text-align: center;
    background: #fff;
    padding: 30px;
    margin: 15px 0;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
}

	#carousel {
    width: 100%;
    height: 300px;
    display: block!important;
    margin: 0 5%;
}
	
	  .items {
    animation: carouselAnim 35s infinite alternate linear;
  }
  
  @keyframes carouselAnim {
    from {
      transform: translate(0, 0);
    }
    to {
      transform: translate(calc(-100% + (2 * 300px)));
    }
  }
	
	.searchinp[type=text] {
    width:36px;
    box-sizing: border-box;
    border: 2px solid #5e567b;
    border-radius: 4px;
    outline: none; position: absolute; z-index: 99999999999;
    color: #7e7797;
    font-size: 13px;
    font-style: italic;
    background-color: transparent;
    background-image: url(../images/srch.png);
    background-position: 7px 10px;
    background-repeat: no-repeat;
    padding: 6px 10px 6px 26px;
    margin: 10px 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
	
	.top_login ul li {
    float: right;
    color: #fff;
    color: #8d82b5;
    padding: 15px 2px;
}
	
	.top_login ul li a {
    text-decoration: none;
    font-size: 13px;
    color: #8d82b5;
}
	
}

button#cart_btn {
    font-weight: bolder;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
}
.dropdown-menu.show {
    max-height: 50vh !important;
    overflow-y: scroll;
}
.nav-link2.scate.active.show{
border: 2px solid #2d80ab !important;
}