:root{
    --violet: #172953;
	--green: #c92d22;
}


/* reset css */
	*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
	img{max-width: 100%;}
	ul,li{list-style: none;margin: 0;}
	a{text-decoration: none !important;display: inline-block;font-size: 16px;cursor: pointer; font-weight: 600;  color: #131313;}
	select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
	select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
	input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
	textarea{resize: none;}
	p {color: #131313;font-size: 16px;margin: 15px 0;text-align: justify;  line-height: 1.6;}

	iframe{width: 100%;height: 100%;border: none;}

	h1{font-size: 42px;}
	h2{font-size: 41px; font-weight: 600;}
	h3{font-size: 28px; font-weight: 600;}
	h4{font-size: 26px; font-weight: 400;}
	h5{font-size: 24px;}
	h6{font-size: 22px;}

	h2.index-h2 { font-size: 60px; text-align: left; font-weight: 600; background: linear-gradient(to left, #D76511 0%, #f48534 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	h3.index-h3 { font-size: 44px; }

	h2.inner-h2 { font-size: 40px; font-weight: 400; line-height: 1.4;}
	h3.inner-h3 { font-size: 30px; font-weight: 600; color: var(--orange);}

	*,:after,:before, body, a, ul, li, select, input, textarea, button, input::placeholder, textarea::placeholder, p, h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;}
/* reset css */

/* common css */
	.wrapper {width: 100%;overflow: hidden;}
	.fluid-container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px;}
/* common css */

h2{color: #172A52;}

/*  Resp menu css  */
	html.hc-nav-yscroll {overflow-y: scroll;}
	.desk-resp-ham {display: none;}
	.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;width: 30px;right: 25px;bottom: 0;margin: auto;top: 0;height: 25px;}
	.desk-resp-ham ul.toggle-desk li { transform: translateY(-50%); list-style: none; display: block; position: absolute; left: 0; height: 3px; right: 0; margin: 0 auto; width: 30px; opacity: 1; background: #fff; transition: all .25s ease;  z-index: 1;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 52%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 84%;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
	.inner-desk-ham {display: flex;}
	.desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;  background: linear-gradient(to left, #c92d22  0%, #c92d22 100%);}
	.desk-resp-ham .sidebar::before {content: '';position: absolute;background: #24293e;top: 0;left: 0;bottom: 0;}
	.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
	.desk-resp-ham .sidebar.active { left: 0px; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); padding: 60px 0 120px; top: 0px;}
	.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a{width: 100%;background: none;display: flex;justify-content: center;align-items: center;padding: 20px 10px;position: relative;}
	.desk-resp-ham .sidebar a > img { width: 100%; max-width: 100px; background: #fff; border-radius: 50%;}
	.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
	.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
	.nav-dropdown li a {padding: 10px 0 10px 35px !important;}
	.nav-dropdown li a::before { content: ''; position: absolute; left: 2px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); top: -2px; bottom: 0; margin: auto; left: 20px;}
	.nav-dropdown li a:hover {background: #fff;color: #24293e!important;}
	.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before {border-right: 2px solid var(--orange) ;border-bottom: 2px solid var(--orange);}
	.desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li a.act-link, .desk-resp-ham .sidebar ul.menu li span.act-link { background: #fff; color: #172953 !important;  font-weight: 600;}
	.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #c9c9c9;position: relative;text-transform: capitalize;color: #fff;width: 100%; max-width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 16px;text-align: left;}
	.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link { left: 0; background: none; color: #131313 !important;}
	.desk-ham-menu li a.act-link::before { border-right: 2px solid #131313 !important; border-bottom: 2px solid #131313 !important;}
	.nav-dropdown-1 { background: #718d67; border-top: 3px solid #fff;}
	.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #fff !important;}
	.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #fff !important;}
	.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
	.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
	.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
	.nav-dropdown {display: flex;flex-direction: column;gap: 0px !important;background: #8595a442;}
	.nav-dropdown li a {font-size: 14px !important;}
	.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #fff;}
	.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
	.desk-resp-ham .sidebar ul.menu li > a.dropdown-span img { width: 100%; max-width: 15px; transition: 1s ease-in-out; filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(337deg) brightness(105%) contrast(101%); background: none;}
	.desk-resp-ham .sidebar ul.menu li:hover > a.dropdown-span img, .desk-resp-ham .sidebar ul.menu li.act-link > a.dropdown-span img {transform: rotate(90deg); transition: 1s ease-in-out;  filter: invert(84%) sepia(42%) saturate(6349%) hue-rotate(334deg) brightness(96%) contrast(99%);}
	.nav-dropdown li {background: linear-gradient(to bottom, #F48534 0%, #f48534 100%);}
/*  Resp menu css  */
/* header css */
	header{position: relative;}
	.top-wrapper{background: var(--violet);}
	.header-wrapper{position: relative;}
	.top-inner-wrapper{    display: flex;justify-content: center;align-items: center;}
	/* .nav-links { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 700px;background: #c92d22;padding: 5px 50px;border-radius: 0px 0px 20px 20px;position: absolute;content: '';top: 0;left: 0;right: 0;margin: auto;z-index: 2;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} */
	.nav-links {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 800px;
    background: #c92d22;
    padding: 15px 50px;
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
	.nav-links li { height: 100%; display: flex; justify-content: center; align-items: center;  position: relative;}
	/* .nav-links li a{ display: flex; justify-content: center; align-items: center; height: 100%; font-size: 16px; font-weight: 300;color: #fff} */
	.nav-links li a {
    display: flex
;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

	.nav-links li a:hover, .nav-links li span:hover, .nav-links li a.act-link, .nav-links li.act-link span{color: #f8c854;}
	.logo { display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; max-width: 400px; padding: 5px 0;}
	.logo > span { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 80px;}
	.logo > span img { width: 100%; max-width: 90px;}
	.logo p { margin: 0; text-align: left; font-weight: 600; font-size: 24px; color: #FFF; line-height: 1.2;}
/* header css */

/* Scrolled Header */


    header {width: 100%;z-index: 99;}
    header.scrolled-header {position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);}
    header.scrolled-header .logo span img {max-width: 60px;}
    header.scrolled-header .logo p {font-size: 20px;}
    .top-wrapper, .header-wrapper {width: 100%;}
/* Scrolled Header */

/* footer css */
	.footer-wrapper{background: var(--green)}
	.copyrights {display: flex; justify-content: space-between; align-items: center; gap:20px; flex-wrap: wrap;position: relative;}
	/* .copyrights p, .copyrights a { font-size: 12px;color: #fff;} */
	.copyrights p, .copyrights a {
    font-size: 14px;
    color: #fff;
}
	.copyrights a:hover{color: var(--violet)}
/* footer css */

/* banner css */
	.banner-wrapper{height: calc(100vh - 93px);}
	.banner-wrapper .fluid-container{height: 100%;display: flex;justify-content: flex-start;align-items: center;}
	.banner-inner-wrapper h2 {
    width: 100%;
    max-width: 650px;
    text-align: left;
    font-size: 52px;line-height: 1.2;
}
/* banner css */

/* about us */
	.about-us-wrapper{padding: 80px 0px;    background: linear-gradient(to top, #ffe5b28f 33%, #fff 44%);}
    .values-wrapper {display: flex;justify-content: center;align-items: center;gap: 30px;flex-wrap: wrap;}
	.value-box {width: 100%;max-width: 220px;background: #fff;padding: 60px 0px 0px;text-align: center;border-radius: 16px;position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 30px 0px;}
    .value-box span {position: absolute;top: -50px; left: 0px;right: 0px;margin: auto;width: 100px;height: 100px;border-radius: 50%;background-color: #ccc;display: flex;align-items: center;justify-content: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;z-index: 2;}
	.value-box h3 {margin: 6px 0px 28px;font-size: 27px;font-weight: 500;}
    .value-box:nth-child(1) span { background-color: #f8c548; border: 1px solid  #f8c548;}
    .value-box:nth-child(2) span { background-color: #4db5d6;border: 1px solid  #4db5d6;}
    .value-box:nth-child(3) span { background-color: #67c674;border: 1px solid  #67c674;}
    .value-box:nth-child(4) span { background-color: #e15750;border: 1px solid  #e15750;}
    .value-box:nth-child(1){ border: 1px solid  #f8c54899}
    .value-box:nth-child(2){border: 1px solid  #4db5d669;}
    .value-box:nth-child(3){border: 1px solid  #67c674a1;}
    .value-box:nth-child(4){border: 1px solid  #e15750ad;}
    .value-box span img {width: 100%;max-width: 50px;}
    .about-inner{padding: 50px 0px 0px;width: 100%;max-width: 950px;margin: auto;}
    .about-inner h1{text-align: center;color: var(--green);font-weight: 600;}
    .about-inner h2{text-align: center;}
	.about-inner p{text-align: center;}
	.key-highlights-wrapper {display: flex;align-items: center;justify-content: center;gap: 40px;padding: 30px 0px 0px;}
	.key-highlights-wrapper span{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 400px;}
	.key-highlights-wrapper span img{width: 100%;max-width: 400px;}
	.key-highlights-section{width: 100%;max-width: 800px;}
    .key-highlights-section h3{text-align: left;padding: 15px 0px;color: var(--violet);}
    .common-li {border-left: 4px solid var(--green);position: relative;}
    .common-li li {position: relative;margin-bottom: 40px;padding-left: 20px;}
    .common-li li::before {content: "";position: absolute;left: -10px;top: 6px;width: 15px;height: 15px;background-color: var(--green);border-radius: 50%;}
/* about us */

/* Facilities css */
    .facilities-wrapper {background: #f2f2f2;padding: 60px 20px;}
    .facilities-wrapper h2 {text-align: center;padding: 0px 0px 25px;}
    .facilities-inner-wrapper {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap: 30px;}
    .facility-item {width: 100%;max-width: 280px;background: #fff;padding: 20px;border-radius: 10px;box-sizing: border-box;box-shadow: 0 4px 10px rgba(0,0,0,0.06);text-align: center;}
    .facility-item span{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100px;height: 100px;border-radius: 50%;margin: auto;}
    .facility-item:nth-child(1) span{background: #F1C054;}
    .facility-item:nth-child(2) span{background: #FF7150;}
    .facility-item:nth-child(3) span{background: #41B0D7;}
    .facility-item:nth-child(4) span{background: #CA2F21;}
    .facility-item:nth-child(5) span{background: #5DB16C;}
    .facility-item:nth-child(6) span{background: #172953;}
    .facility-item:nth-child(7) span{background: #BD459A;}
    .facility-item:nth-child(8) span{background: #243E1C;}
    .facility-item span img {width: 100%;max-width: 60px;filter: invert(1);}
    .facility-item p{text-align: center;font-weight: 500;font-size: 23px;}
/* Facilities css */

/* mandatory disclosure */
    .mandatory-wrapper{padding: 80px 0px;}
    .mandatory-wrapper h2{text-align: center;}
    .mandatory-inner-wrapper {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;padding: 25px 0;}
	.mandatory-inner-wrapper a {width: 23%;min-width: 180px;background: var(--violet);border: 1px solid #fff;color: #fff;padding: 12px 16px;border-radius: 10px;display: flex;justify-content: center;align-items: center;text-align: center;}
    .mandatory-inner-wrapper a:hover {background: var(--green);}
/* mandatory disclosure */

/* contact us */
    .contact-wrapper{padding: 0px 0px 80px;}
    .contact-wrapper h2{text-align: center;padding: 0px 0px 25px;}
    .get-in-touch-form{width: 100%;max-width: 500px;}
    .get-in-touch img{width: 100%;max-width: 500px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border: 1px solid #c92d2275;}
    .get-in-touch-inner-wrapper{display: flex;justify-content: center;align-items: stretch;gap: 30px}
    .get-in-touch-inner-wrapper span{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 500px;}
    .get-in-touch-inner-wrapper span img{width: 100%;max-width: 500px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .get-in-touch-form h2{text-align: left;padding: 0px 0px 10px;}
    .get-in-touch-form h3{color: var(--green);text-align: left;}
    .form-md { width: 100%; text-align: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;border: 1px solid #c92d2275;border-radius: 20px}
    .form-md .form-group {max-width: 500px;}
    .form-group {margin: 20px 0;position: relative;}
    .form-md input, .form-md textarea, .form-md select {position: relative;display: block;width: 100%;border-bottom: 1px solid rgba(0,0,0,.37);margin: 0px auto;padding: 15px 0px 5px;outline: none !important;font-size: 16px;color: rgba(0,0,0,0.85);transition: all .2s ease-in-out;}
    .form-md label {position: absolute;top: 18px; left: 0px;text-align: left;display: inline-block;height: 14px;line-height: 14px;font-size: 14px;font-weight: 400;color: #131111;margin: 0px auto;cursor: text;transition: all .15s ease-in-out;}
    .form-md input:hover, .form-md input:focus, .form-md textarea:hover, .form-md textarea:focus { border-bottom: 1px solid #303030; }
    .form-md input:valid + label, .form-md input:focus + label, .form-md textarea:valid + label, .form-md textarea:focus + label { top: -6px;color: var(--dark-blue);font-weight: bold;}
    .button{color: #fff;padding: 8px 0;background: var(--green) !important;border-radius: 5px;font-size: 16px;width: 140px;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
    .form-md span{text-align: left;font-size: 18px;font-weight: 500;}
/* contact us */

#to-top{position:fixed;right:10px;bottom:10px;padding:5px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
#to-top img{width:100%;max-width: 55px;filter: invert(33%) sepia(30%) saturate(4334%) hue-rotate(347deg) brightness(81%) contrast(92%);}

#about-us,
#facilities,
#mandatory,
#contact {scroll-margin-top: 170px;}

.common-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.common-btn a {
  display: inline-block;
  padding: 12px 30px;
  background: #d62828; /* rich red color */
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
}

.common-btn a:hover {
  background: #b71c1c; /* darker red on hover */
}
.error-banner-wrapper .fluid-container{height: 100%;display: flex;justify-content: flex-start;align-items: center;}
.error-banner-wrapper{height: 400px;}