body {font-family: 'Lato', sans-serif; font-weight: 400; overflow-x: hidden;}

.container {max-width: 1170px; padding:0 20px}

img {max-width: 100%;}

a {transition-duration: .3s;}

/***HEADER CSS**/

header {padding: 10px 0 0; transition-duration: .3s; background: #97144D; z-index: 1}

#myHeader.sticky {position: sticky; top: 0; z-index: 1}

.site-logo img {max-height: 51px;}

.header-top-button {display: flex; justify-content: space-between; padding-left: 143px;}

.toll-free-number a {color: #fff; text-decoration: none; font-family: 'Bai Jamjuree', sans-serif; font-size: 18px;}

.apply-login {display: flex; gap: 30px;}

.apply-login a {display: flex; align-items: center; gap: 5px; border: 0.1px solid #fff; padding: 5px 15px; border-radius: 4px;  font-size: 14px; text-decoration: none; text-transform: uppercase; transition-duration: .3s;}

.apply-login .apply-now {background: #fff; color: #97144D;}

.apply-login .apply-now:hover {background: transparent; color: #fff}

.apply-login .login {color: #fff}

.apply-login .login:hover {background: #fff; color: #97144D}

.navbar {margin: 9px 0 0 0; padding: 0; justify-content: flex-end;}

.nav-menu {display: flex; align-items: center; background: #fff; position: relative; background: url(../img/header-bg.png); background-position: left; height: 85px; padding-left: 100px;}

.nav-menu:before {content: ""; position: absolute; bottom: 0; height: 100%; display: block; width: 100%; background: #fff; left: 100%;}

.nav-menu .menu-bar {padding-right: 80px; list-style: none; display: flex; align-items: center; margin: 0; gap: 40px; background: #fff;}

.menu-bar a {display: block; padding: 20px 10px; line-height: 30px; text-decoration: none; position: relative; font-weight: 500; font-size: 16px; border-bottom: 0px solid #fff; color: #97144D;}

.nav-menu li a:after {display: none;}

.nav-menu .menu-bar li {position: relative;}

.menu-bar a .fa {font-size: 12px; padding-left: 6px;}

.axisa-banner-section {background: #d9e6f6;}

.banner-content-main {padding: 60px 20px;  max-width: 700px;}

.banner-content-main h1 {color: #97144D; font-size: 45px; font-weight: 700; font-style: italic; font-family: var(--bs-body-font-family); margin: 0 0 30px 0;}

.banner-content-main ul {margin: 75px 0 0; list-style: none; padding: 0; display: flex; flex-direction: column; gap: 15px;}

.banner-content-main ul li {display: flex; align-items: center; gap: 10px;}

.banner-content-main ul li p {margin: 0; font-weight: bold; font-size: 18px;}

.banner-content-main ul li img {width: 23px; height: 28px; object-fit: cover;}

.customer-service img {min-width: 70%;}

.apply-now {width: 100%; display: inline-block; padding: 40px 0 0;}

.apply-now .btn {background: #97144D; color: #fff; font-size: 18px; min-width: 180px; padding: 12px; display: inline-flex; align-items: center; justify-content: center; transition-duration: .3s;}

.apply-now .btn:hover {background: #fbe2ef; color: #97144D;}

/**WHY CHOOSE**/


.why-choose-section {padding: 80px 0;}

.header-section {margin: 0 0 50px 0;}

.header-section h2 {text-align: center; font-weight: bold; color: #97144D;}

.header-section p {text-align: center; font-size: 18px; max-width: 800px; margin: 0 auto;}

.choose-card {overflow: hidden; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DDDDDD; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; min-height: 190px; cursor: pointer; position: relative; transition-duration: .3s;}

.choose-front {text-align: center; display: flex; flex-direction: column; gap: 10px;}

.choose-front img {max-width: 80px;}

.choose-front h4 {color: #3B4247; font-style: normal; font-size: 16px; font-weight: bold; margin: 0;}

.choose-back {transition-duration: .3s; opacity: 0; visibility: hidden; position: absolute; top: -100%; padding: 20px; height: 100%; width: 100%; background: #97144D; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center;}

.choose-back p {margin: 0; color: #fff;}

.choose-card:hover .choose-back {opacity: 1; visibility: visible; z-index: 1; top: 0}

.programme-layout {display: flex; justify-content: center; }

.layout-part {display: flex; flex-direction: column; text-align: center; width: 25%;}

.layout-icon {width: 80px; height: 80px; border: 3px dashed #97144D; border-radius: 100%; padding: 10px;}

.layout-icon-list {display: flex; justify-content: center; flex-direction: column; align-items: center; position: relative}

.layout-part {display: flex; flex-direction: column; text-align: center}

.layout-icon-content p {margin: 0;}

.middle-dots {height: 50px; border: 2px dashed #97144D; width: 2px;}

.bottom-border {width: 100%; background: #97144D; height: 3px;}

.layout-icon-content {padding: 20px 10px;}

.layout-icon-content h3 {font-size: 20px; font-weight: 600}

.layout-icon-list:before {content: ""; width: 20px; height: 20px; background: #97144D; position: absolute; bottom: -10px; border-radius: 100%;}

.program-struct-section {padding: 80px 0;}

.program-list {display: flex; justify-content: center;}

.program-list ul {gap: 15px; width: auto; list-style: none; margin: 0 auto; display: inline-flex; flex-direction: column; justify-content: center; padding: 10px;}

.program-list ul li {background: #fbe2ef; padding: 10px 20px; border-left: 4px solid #97144D; color: #97144D; font-size: 18px;}

.asured-content h3 {margin: 40px 0; font-weight: bold; font-size: 25px;}

.asured-content p {display: flex; align-items: flex-start; gap: 10px; font-size: 18px;}

.asured-content p img {max-width: 30px;}


/***FAQ**/

.eligibity-section {padding: 80px 0;}

.eligibity-section .accordion-item {margin: 0 0 20px 0;}

.accordion-flush .accordion-item .accordion-button.collapsed {background: #EDEDED !important;  color: #97144D;}

.eligibity-section button.accordion-button {box-shadow: none; background: #97144D !important; border: 1px solid #97144D; border-radius: 4px !important; outline: 0; color: #fff; font-size: 18px;     justify-content: space-between;}

.eligibity-section button.accordion-button::after { border: none !important;  content: "-"; background: transparent !important; width: 32px; font-size: 32px; height: auto; margin: 0;}

.eligibity-section .accordion-button.collapsed::after {content: "+";background: transparent !important; font-size: 32px; width: 32px; height: auto; justify-content: flex-start;}

.eligibity-section .accordion-body {border: 1px solid #97144D; border-top: 0; border-radius: 0;}

.eligibity-section .accordion-body h3 {font-size: 20px; font-weight: bold; margin: 20px 0;}

.selection-process {background: #fbe2ef; padding: 80px 0;}

.selection-layout {display: flex; gap: 20px; align-items: center;}

.s-l {width: 20%;}

.s-l.bg {background: #fff; border-radius: 4px; box-shadow: 0 0 12px 0 #ddd; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 160px; gap: 10px;}

.s-l.bg img {max-width: 60px;}

.s-l.bg h3 {font-weight: bold; font-size: 16px; text-align: center; line-height: normal;}

.sl-arrow img {max-width: 100px;}

.sl-arrow {text-align: center;}

.learning-process {padding: 80px 0;}

.learning-process .choose-back {text-align: left;}

.learning-process .choose-card ul {padding: 20px; margin: 0;}

.learning-process .choose-card {min-height: 300px; margin: 10px 0;}
.asured-image img {
    transform: scaleX(-1);
    min-width: 65%;
}


/*****FAQ_CSS**/

.faq-tabs .tab {display: flex; gap: 10px;}

.faq-tabs .tabcontent {display: none;}

.faq-tabs .tab button {border-radius: 6px; width: 50%; padding: 10px; border: none; line-height: 35px; background: #fbe2ef; color: #97144d; font-size: 20px; font-weight: 500; transition-duration: .3s;}

.faq-tabs .tab button:hover, .faq-tabs .tab button.active {background: #97144d; color: #fff;}

.faq-tabs .tabcontent .accordion-item {margin: 10px 0; color: #41484C;}

.faq-tabs .tabcontent .accordion-item button {padding: 15px; border-radius: 6px; border: 1px solid #D7DDE5; color: #535E73; justify-content: space-between; width: 100%;}

.faq-tabs .tabcontent .accordion-item button span {width: 100%;}

.faq-tabs .accordion-body {padding: 15px; border: 1px solid #D7DDE5; border-top: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}

.faq-tabs .accordion-body p {margin: 0;}

.faq-tabs .tabcontent .accordion-item button .fa {transition-duration: .3s}

.faq-tabs .tabcontent .accordion-item button:not(.faq-tabs .tabcontent .accordion-item button.collapsed) .fa-angle-down {transform: rotate(180deg);}

.faq-tabs .tabcontent .accordion-item button:not(.faq-tabs .tabcontent .accordion-item button.collapsed) {background: #fbe2ef; color: #97144d; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}



/**RESPONSIVE*/

@media screen and (max-width: 991px)
{
	.header-top-button {padding-left: 0;}
	
	.nav-menu .menu-bar {padding-right: 0; gap: 20px;}
}

@media screen and (min-width: 768px)
{
	.none-hide {display: none;}
	
	.menu-bar .dropdown-menu {opacity: 0; visibility: hidden; display: block; transition: 0.5s; background-color: #97144d; border: solid 0 #ceb061; position: absolute; top: 0; z-index: 9; border-radius: 0; padding: 0; margin: 0;}
	
	.nav-menu .menu-bar li:hover .dropdown-menu {top: 100%; opacity: 1; visibility: visible;}
	
	.menu-bar .dropdown-menu .dropdown-item {line-height: 22px; padding: 15px 12px; text-transform: none; font-size: 13px; letter-spacing: normal; border-right: 0 solid; border-bottom: 1px solid #ffe7f1; color: #fff; transition-duration: .5s; font-weight: 500;}
	
	.menu-bar .dropdown-menu .dropdown-item:hover {background: #fbe2ef; color: #97144d;}
}

@media screen and (max-width: 767.67px)
{
	header {padding: 12px 20px;}
	
	header .container {padding: 0;}
	
	.top-header .col-md-8 {display: none;}
	
	header {display: flex; align-items: center; justify-content: space-between}
	
	header .openbtn {padding: 0; border: none; background: transparent; gap: 0; display: flex; flex-direction: column; gap: 7px; align-items: center; justify-content: center;}
	
	.edge-image {display: none;}
	
	#mynavbar {display: block; padding: 50px 20px 20px 20px; position: fixed; background: #97144d; width: 250px; top: 0; height: 100%; right: -100%; transition-duration: .3s}
	
	header .openbtn span {width: 35px; height: 2px; background: #fff; display: inline-block;}
	
	header .closebtn {right: 10px; width: 45px; height: 45px; position: absolute; top: 0;}
	
	header .closebtn span:first-child {background: #fff; height: 2px; width: 30px; display: block; transform: rotate(45deg); position: relative; top: 13px; left: 9px;}
	
	header .closebtn span:last-child {background: #fff; height: 2px; width: 30px; display: block; transform: rotate(135deg); position: relative; top: 11px; right: -9px;}
	
	.apply-login {gap: 10px; flex-direction: column; margin: 0 0 40px 0;}
	
	.nav-menu {background: transparent; height: auto; padding: 0;}
	
	.nav-menu .menu-bar {flex-direction: column; padding: 0; align-items: flex-start; gap: 10px; background: transparent;}
	
	.nav-menu .menu-bar a {color: #fff; padding: 0;}
	
	.nav-menu:before {display: none;}
	
	.apply-login a {justify-content: center}
	
	.mobile-top-buttons {margin: 20px 0;}
	
	header ul.dropdown-menu {position: static; background: transparent; border: none; padding-left: 20px; border-left: 1px solid #fff;}
	
	.bottom-header {min-width: 45px;}
	
	.banner-flex {flex-direction: column;}
	
	.banner-content-main {padding: 40px 10px;}
	
	.choose-card {margin: 10px 0;}
	
	.selection-layout {flex-direction: column;}
	
	.sl-arrow img {max-width: 40px; transform: rotate(90deg);}
	
	.s-l.bg {width: 100%;}
	
	.programme-layout {flex-wrap: wrap;}
	
	.layout-part {width: 50%;}
	
	.layout-icon-content p {font-size: 13px;}
	
	.banner-content-main ul {margin: 45px 0 0;}
	
	.banner-content-main h1 {font-size: 30px;}
	
	.apply-now {text-align: center;}
	
	.faq-tabs .tab {flex-direction: column;}
	
	.faq-tabs .tab button {width: 100%; font-size: 16px;}
}