@font-face{font-display:fallback;font-family:Reckless-book;src:url(../webfonts/recklessneue-book-0fa588e852654d7cb29ec431177916f6.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Reckless-light;src:url(../webfonts/recklessneue-light-86510951daf956d90b5f179edd44290c.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Matter-regular;src:url(../webfonts/matter-regular-8a72c49d79c9bcd4e663139144808aa4.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Matter-light;src:url(../webfonts/matter-light-3dd55936287eb16acaf7003c546f8e68.woff2) format("woff2")}

html {
	scroll-behavior: initial;
  }
html,
body {
min-height: 100%;
height: auto;
}
:root {
	--black:#000;
	--eden-green: #316C5F;
	--dark-sea-green: #82AF82;
	--madang-green: #C3E0AB;

	--linen: #F7EDE5;
	--cream: #F5F1E5;
	--floral-white: #FAF8F2;
	--coral: #E0BBA5;
	--desert-sand: #CDB598;
	--pearl: #CDB598;
	--persimmon: #D27241;
	--tan: #8E6328;
	--jagger: #3D3841;
	--events: #E6DACC;
	--footer-height: 550px;
	--swiper-navigation-size: 1.5rem;
}

body {
	position: relative;
	font-family:Matter-light;
	font-weight: 300;
	font-size: 1.375rem;
	line-height: 2.125;
	font-weight: 300;
}

h1,h3{ font-family:Reckless-light; font-weight: 300; }
h1{ font-size: 4.25rem; line-height: 1.25; margin-bottom: 1rem; }
h2{ font-size: 2.813rem; line-height: 1.08; }
h3{ font-size: 2.375rem; line-height: 1.265; font-weight: 300; }
h4{ font-size: 2.063rem; line-height: 1.45; font-weight: 300;}
h5{ font-size: 1.688rem; line-height: 2; font-weight: 300; }
h6{ font-size: 1.5rem; line-height: 2; font-weight: 300; }

ul{ list-style: none; padding-left: 0; }

.eden-green{ color: var(--eden-green) !important; }
.font-reckless{ font-family:Reckless-light;     font-weight: 300; }

a,
button {
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover,
button:hover {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover{ color: var(--persimmon) !important; }

section{ padding: 5rem 0; }
figure{ margin: 0;}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
img{ max-width: 100%;  }

p {
	margin: 0;
	font-size: 1.5rem;
    line-height: 1.5;
	color: var(--black);
	margin-bottom: 1rem;
}

::placeholder {
	text-transform: capitalize;
	color: var(--black);
	font-size: 1.125rem;
}

.themeBtn {
	font-family:Matter-regular;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border: 0;
	border-radius: 50px;
	color: var(--eden-green);
	align-items: center;
	padding: 0.35rem 1.5rem;
	font-size: 1.125rem;
	font-weight: 400;
	border: 1px solid var(--eden-green);
	border-radius: 4px;
	line-height: 26px;
}

.themeBtn:hover {
	background: var(--eden-green);
	color: var(--white) !important;
}

.floral-pattern.right{ -webkit-transform: scaleX(-1); transform: scaleX(-1); }

#loader-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100vh;
	width: 100%;
	z-index: 999999;
  }
  .loading-bg-black {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--eden-green);
	z-index: 4;
  }
  .loading-bg-primary {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--coral);
	z-index: 3;
  }
  .loader-img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 5;
  }

.section-heading {
	position: relative;
	font-size: 4.25rem; 
	line-height: 5.312rem;
	color: var(--black);
	text-transform: capitalize;
}
:is(.colorBg) .section-heading{
	color: var(--white);
}
:is(.diplomaSec, .educationalSec, .admission-procedure) .section-heading{
	color: var(--eden-green);
}

.rating {
	display: inline-flex;
	align-items: center;
}
.rating i {
	color: #ea8b1c;
	font-size: 1rem;
}
.rating i + i {
	margin-left: 5px;
}

.simplebtn{ color: #000; display: inline-block; }
.simplebtn i{ vertical-align: middle; margin-left: 1rem; }

header{ padding: 1rem 0; position: fixed; top: 0; width: 100%; left: 0; z-index: 100; }
.navbar-icon{ 
	cursor: pointer;
    height: 27px;
    width: 45px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
.navbar-icon span{     
	height: 2px;
    width: 100%;
    background-color: var(--black);
    display: flex;
    position: relative;
    transition: all ease 0.5s; }

.navbar-icon > span:nth-child(2) {
	margin: 10px 0;
	margin-left: auto;
	display: table;
}
.navbar-icon.is-active span:not(:nth-child(2)) {
    position: absolute;
}

.navbar-icon.is-active span:nth-child(1) {
    transform: rotate(45deg);
}

.navbar-icon.is-active span:nth-child(3) {
    transform: rotate(-45deg);
}

.navbar-icon.is-active span:nth-child(2) {
    opacity: 0;
}

.mainbody{ position: relative; z-index: 2; background: var(--cream); border-bottom: 1px solid black; }

.mainbann{  display: flex; background-color: var(--cream); /*overflow: hidden;*/ position: relative; padding: 0; }
.mainbann p{ color: var(--eden-green); font-size: 1.5rem; line-height: 1.5; }
.mainbann .bann{ overflow: hidden;
    position: sticky;
    top: 0px;
    width: 100%;
    height: 100vh; }
.mainbann .stickyimg{ position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px; }
.mainbann .bann img{ object-fit: cover; width: 100%; height: 100%; }
.mainbann h3{ padding-top: 10rem; }
.mainbann .animateHeading img{ margin-bottom: 1rem; }
.mainbann .animateHeading h1{ margin-bottom: 1.5rem; }

.layout__GlobalWrapper{ padding-bottom: var(--footer-height); }

.aboutSec{ background: var(--dark-sea-green); position: relative;  }
/* .aboutSec:before,
.aboutSec:after{ content: ''; position: absolute; top: 3rem; left: 0; right: 0; margin: auto; background: var(--white); width: 80%; height: 1px;  }
.aboutSec:after{ top: initial; bottom: 3rem; } */
.bdtopbot{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5rem 0; overflow: hidden; }
.aboutSec h6{ color: var(--white); }
.aboutSec .themeBtn{ border-color: var(--white); color: var(--white); }

.diplomaSec p{ color: var(--eden-green); line-height: 1.8; }
.programscont{ padding-left: 8rem; }
.diplomaSec .bdtopbot{ border-top: none; border-color: var(--dark-sea-green); }

.diplomaSec{ padding-bottom: 0; }

.eventsSec{ background: var(--events); }
.eventsSec .floral-pattern path, .introSec .floral-pattern path{ fill: var(--white); }
.box-events{ padding: 4rem 3rem; border: 1px solid #000; background: var(--white); border-radius: 30px; text-align: left; }
.box-events h4{ line-height: 1.3; font-weight: 400; }
.box-events p{ font-family:Reckless-light; font-size: 1.125rem; font-weight: 500; margin-bottom: 1rem; }

.newsletterSec{ display: flex; align-items: center; background: url(../images/book-oppointment-img.webp) no-repeat var(--dark-sea-green); background-position: right top; 
	background-size: 50% 100%; height: 445px; padding: 2rem 0; }
.bookoppintmentsDv{border: 1px solid #fff;padding: 5rem 3rem 3rem 3rem;border-radius: 40px;height: 390px;display: flex;flex-flow: wrap;align-content: flex-end;}
.bookoppintmentsDv *{ color: var(--white); }
.bookoppintmentsDv h2{ margin-bottom: 3rem; font-weight: 300; }
.bookoppintmentsDv .themeBtn{border-color: var(--white);}

.mainfooter{ padding: 5rem 0; background: var(--cream); width: 100%; height: var(--footer-height); position: fixed; bottom: 0; left: 0; z-index: 0; }
.emailaddress input{ border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.314); color: rgba(0, 0, 0, 0.314); outline: none; width: 100%; font-family:Matter-light;
background: transparent; }
.emailaddress form{ position: relative; max-width: 80%; margin: 2rem 0; }
.emailaddress button{ color: rgba(0, 0, 0, 0.314); border: none; outline: none;  background: transparent; position: absolute; right: 0; }
.footerlogo{ padding-top: 2rem; }

.mainfooter a{     
    padding: 0;
color: #000; font-size: 1.122rem; line-height: 1.6; display: block; font-weight: 400; margin-bottom: 0.6rem; } 
.mainfooter h5{ margin-bottom: 0.5rem; }
.mainfooter a:hover{ color: var(--eden-green); }
.mainfooter p{ font-size: 1.122rem; line-height: 1.6; color: #000; font-weight: 400; margin-bottom: 0.6rem; margin-top: 2rem;  }

.innerbann{ padding-top: 12rem; }
.academic_requirements{ padding-top: 0; }
.bgacademic{ background: var(--eden-green); padding: 5rem 0; }
.bgacademic .filterwhite img{ filter: brightness(100) contrast(1); }
.bgacademic .box-requirements{ border: 1px solid var(--cream); padding: 3rem 3rem; border-radius: 30px; min-height: 242px; text-align: center; }
.bgacademic .box-requirements p{ color: var(--white); font-size: 1.5rem; line-height: 2; }

.admission-procedure{ padding-top: 0; }
.admission-procedure h2.section-heading{ position: sticky; align-self: flex-start; top: 5rem;  }
.admission-procedure h2.section-heading{ font-size: 2.813rem; line-height: 1.08; }
.admission-procedure p{ font-size: 1.688rem; line-height: 1.6;  font-weight: 300; margin-bottom: 1.5rem; }
.admission-procedure ul li{ font-size: 1.5rem; line-height: 1.6; font-weight: 300; padding-left: 2rem; position: relative; margin-bottom: 1rem; }
.admission-procedure ul li:before{ content: '\f00c'; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin-right: 1rem; position: absolute; left: 0; font-size: 1.2rem;
	 top: 0.3rem;}
.admission-procedure ul li ul{ padding: 1rem 0 0; padding-left: 2rem;  }
.admission-procedure h3{ margin-bottom: 1.5rem; color: var(--eden-green); }
.bdstyle{ border-top: 1px solid #CBCBCB; padding: 2rem 0; }
.listschedule{ display: flex; }
.listschedule li{ width: 50%; }
.listschedule li.calendar:before{ content:'\f133' !important; }
.listschedule li.timer:before{ content:'\f017' !important; }

.box-facilities{ border: 1px solid var(--black); border-radius: 20px; overflow: hidden; margin-top: 2rem; }
.box-facilities h4{ margin-bottom: 1rem; }
.imgradius img{ border-radius: 20px; }
.conveniently-located{ background: #EFE9DD;  }

.locationSec{ background: var(--eden-green);  }
.locationSec{  padding: 2rem 0; }
.locbox{ border: 1px solid var(--white); padding: 5rem 5rem; border-radius: 10px; }
.locbox iframe{ border-radius: 20px; }
.listcont{ margin-top: 3rem; padding-left: 5rem; }
.locationSec *{ color: var(--white); }
.locationSec a{ display: block; }

.covidAlert{ background: var(--jagger); padding: 1rem 0;  }
.covidAlert p{ margin: 0; color: var(--white);  }

.aboutInnerSec{  display: flex; align-items: center; background: url(../images/about-secimg.webp) no-repeat var(--cream); 
	background-position: left top; background-size: 50%, auto; object-fit: cover; }
.listhour li{ display: flex; }
.listhour span{ width: 50%; }	

.treatments_offered{ background: var(--eden-green); }
.accordion{ border-top: 1px solid var(--white); border-bottom: 1px solid var(--white); }
.accordion>.card{ background: transparent; border: none; }
.accordion .card-header{ background-color: transparent; border-bottom: 1px solid transparent; }
.accordion .card-header button{ font-size: 2.813rem; line-height: 1.08; color: var(--white); font-weight: 300; padding: 0;  }
.accordion .card-header button i{ font-size: 1.8rem; float: right; margin-top: 0.8rem; }
.accordion .card-body{ border-top: 1px solid var(--white); border-bottom: 1px solid var(--white); padding: 0.75rem 1.25rem; }
.accordion .card-body p{ color: var(--white); }
.treatments_offered h2{ margin-bottom: 5rem; }
.card:has(> .collapse.show) .card-header .fal.fa-plus:before{ content:'\f068'; }

.commontreatSec{ padding: 2rem 0; }
.commontreatSec .bdtopbot{ border-color: var(--eden-green); border-width: 2px; }
.commontreatSec ul li{ display: block; line-height: 0; }
.commontreatSec ul li a{ color: var(--black); font-size: 1.5rem; line-height: 1.5; }

.booknewAppointment{ background: #EFE9DD;  }

.innerbann-mm p{ color: var(--black); padding: 1rem 2rem; }
.innerbann-mm{ background: url(../images/about-bann.webp) no-repeat var(--cream); background-position: left top; background-size: 50%, cover; }
.moretext{ display: none; }
.readmore-cont.active:before{ display: none; }
.active .moretext{ display: block; }
.readmore-cont{ position: relative; }
.readmore-cont:before{ content: ''; position: absolute; bottom: 0; left: 0;width: 100%; height: 200px; 
	background: -moz-linear-gradient(top,  rgba(253, 250, 241, 0) 0%, #f5f1e5 100%);
	background: -webkit-linear-gradient(top,  rgba(253, 250, 241, 0) 0%, #f5f1e5 100%);
	background: linear-gradient(to bottom,  rgba(253, 250, 241, 0) 0%, #f5f1e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.chinese_medicine{ background: #FDFAF1; }
.persimmonCol .section-heading{ color: var(--persimmon); }
.persimmonCol .medicinebox{ width: 100%; height: 196px; padding: 1rem; color: var(--black); border: 1px solid var(--persimmon); border-radius: 30px;
display: flex; justify-content: center; align-items: center; margin-bottom: 2rem; transition: all .3s ease; }
.persimmonCol .medicinebox:hover{ background: var(--persimmon); color: var(--white); }

.corePrinciples{ background: #EFE9DD; }
.boxprincples{ text-align: center; }
.boxprincples figure img{ transition: all .3s ease; border-radius: 100%; width: 212px; height: 212px;}
.boxprincples:hover figure img{ transform: scale(1.2);  }
.boxprincples p{ font-size: 1.4rem; margin-top: 2rem; }

.teachingClinic{ background: var(--coral); }
.listhour_det{ border-top: 1px solid var(--black); padding-top: 2rem; margin-top: 2rem;}
.listhour_det p,
.listhour_det .listhour span{ font-size: 1.4rem; line-height: 1.5; }
.accordion.inneraccordion .card-header{ border: 1px solid var(--black); padding: 0.75rem 2.25rem; background: #f8f8f8; transition: all .3s ease; }
.accordion.inneraccordion .card-header button{ color: var(--black); font-size: 1.863rem; line-height: 1.08; }
.accordion.inneraccordion .card-body{  border: 1px solid var(--black);  border-bottom: transparent;  padding: 2rem 8rem; }
.accordion.inneraccordion .card-body p{ color: var(--black); }
.accordion.inneraccordion .card:has(> .collapse.show) .card-header{ background:var(--madang-green) }
.accordion.inneraccordion>.card{ border: initial; overflow: initial; }
.accordion.inneraccordion .card:last-child .card-body{ border-bottom: 1px solid var(--black); }
.accordion.inneraccordion .card-header:hover{ background: var(--madang-green); }

.facultySec+.facultySec{ padding-top: 0; }
.boxfaculty{ margin-bottom: 2rem; border:1px solid var(--black);  border-radius: 5px; transition: all .3s ease; }
.boxfaculty img{ width: 100%; }
.boxfaculty .bxconts{ padding: 2rem; }
.boxfaculty:hover{ background: var(--madang-green); }
.boxfaculty:hover .bxconts a{ text-decoration: underline !important; }
.boxfaculty figure{ margin-bottom: 1rem; }
.boxfaculty h6{ margin-bottom: 0;}
.boxfaculty h6,
.boxfaculty p,
.boxfaculty a{ font-size: 1.125rem; color: var(--black); }

.ourPartners{ background: var(--jagger); }
.ourPartners p{ color: var(--white); }

.programabout-list{ border-bottom: 1px solid #ABABAB; padding: 2rem 0; }
.programabout-list p+p{ font-size: 1.3rem; }

.tableLayout{ padding: 2rem 3rem !important; }
.tableLayout table{ width: 100%; }

.applynowSec .locbox{ min-height: 60vh; }
.applynowSec .themeBtn{ border: 1px solid var(--white); display: inline-block; }
.applynowSec .themeBtn:hover{ background: var(--coral); color: var(--black) !important; border-color: var(--coral); }
.applynowSec .listcont{     padding-left: 0; }

.boxotherprogram{ border: 1px solid var(--black); border-radius: 20px; overflow: hidden; }
.cont{padding: 3rem 3rem 2rem 3rem;min-height: 275px;display: flex;flex-flow: column;justify-content: center;}
.boxotherprogram img{ width: 100%; }

.diplomaprogram_bann{ background: url(../images/diploma-program-bann.webp) no-repeat; background-position: bottom center; display: flex; align-items: flex-end; 
	padding-bottom: 2rem; }
.diplomaSec01{ background: var(--cream); }
.diplomaSec01 a{ font-size: 1.165rem; }

.desert-sandCol{ background: var(--desert-sand); }
.coralCol{ background: var(--coral); }
.diplomaSec01{ position: relative; overflow: hidden; }
.beforedesign:before{ content: ''; position: absolute; left: 0; top: 0; background: url(../images/program-design.webp) no-repeat; width: 605px; height: 605px; object-fit: cover; }
.beforedesign.rightside:before{ -webkit-transform: scaleX(-1); transform: scaleX(-1); left: initial; right: 0; }

.blognews-bann{ background: var(--eden-green); }
.blognews-bann * { color:var(--white); }
.blognews-bann .themeBtn{ border-color: var(--white); }
.bd-left{ position: relative; }
.bd-left:before{ content: ''; position: absolute; left: -50px; top: 0; background: var(--white); width: 1px; height: 100%; }
.blognews-bann .themeBtn:hover{ background: var(--coral); border-color: var(--coral); color: var(--black) !important; }

.boxblog{  padding: 1rem 0; border-top: 1px solid var(--black); margin-bottom: 3rem; }
.blog-footer{ margin-top: 1rem; }
.blog-footer p{ font-size: 1rem; }
.blogtit{ max-width: 50%; }  

.inner-blog{ padding-top: 15rem; }
.blogtime p{ font-size: 1rem; display: flex; color: #989898;  }
.blogtime p span{ padding: 0 1rem 0rem; }
.blogtime p span+span{ border-left: 1px solid #989898; }
.blogtime p i{ margin-right: 0.5rem; }
.smalltext{ font-size: 1rem; }
.inner-blog p{ margin-bottom: 3rem; }
.quotehead{ position: relative; padding-left: 2rem; margin: 0 0 3rem; }
.quotehead:before{ content: ''; position: absolute; left: 0; top: 0; background: var(--eden-green); width: 2px; height: 100%; }

/*overlay nav*/

.navoverlay{ 
	width: 100vw;
    height: 100vh;
    z-index: 98;
    position: fixed;
    backdrop-filter: blur(3px);
    top: 0px;
	opacity: 0;
	visibility: hidden;
 }
 .navoverlay.active{
	opacity: 1;
	visibility: visible;
   }

.navigation-menu {
	/* position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	font-family:Reckless-light; */
    font-family: Reckless-light;
    border-left: 1px solid black;
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 0px;
    display: flex;
    flex-direction: column;
    width: 40vw;
    height: 100vh;
    background-color: var(--cream);
    padding: 3rem;
	opacity: 0;

  }
  
  .navigation-menu .navigation-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
  }
  
  .navigation-menu .navigation-bg.one {
	width: 4px;
	background-color: var(--eden-green);
  }
  
  .navigation-menu .navigation-bg.two {
	width: 0;
	background-color: var(--cream);
  }
  .navigation-menu .navigation-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  .navigation-menu .nav-inner {
	position: relative;
	text-align: center;
  }
  
  .navigation-menu .nav-inner .nav-link {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 0px auto;
    width: 100%;
    display: block;
    color: var(--black);
    transition: color 0.15s ease-in-out 0s;
  }
  
  .header {
	padding: 1.625em 0 0;
  }
  .header-logo {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 18.75em;
	position: relative;
  }
  .logo-animate {
	display: block;
	position: relative;
	margin: 0 0 0.3125em 0;
  }
  .logo-animate img {
	width: 60%;
  }
  
  .main-navigation {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: stretch;
	align-content: stretch;
  }
  
  .main-navigation ul {
	margin: 0;
	padding: 0;
  }
  .main-navigation ul li {
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin: 0 1.875em 0 0;
  }
  .main-navigation ul li:last-child {
	margin: 0;
  }
  .main-navigation ul li .email-icon {
	width: 1.875em;
	height: 1.875em;
	display: block;
	margin: 0 0.3125em 0 0;
	position: relative;
	top: 0.25em;
  }
  .main-navigation ul li .email-icon .animated-icon {
	width: 100%;
	height: 100%;
  }
  .main-navigation ul li .email-icon .normal-icon {
	width: 100%;
	height: 100%;
	display: none;
  }
  .main-navigation ul li a {
	color: #fff;
	font-size: 1.38em;
	line-height: 1.38em;
	letter-spacing: 0.0625em;
	height: 1.38em;
  }
  
  .nav-inner ul li {
	transition: all 0.6s cubic-bezier(0.72, 0.16, 0.345, 0.875);
  }
  /* .nav-inner ul.has-hovered-link li {
	opacity: 0.1;
  }
  .nav-inner ul.has-hovered-link li:hover {
	opacity: 1;
  } */
.youtubevideos{ display: block; z-index: 1; width: 100%; height: 100%; margin: 0px auto; padding: 5vh 0px; }

.tableLayout td:nth-child(1){ width: 10%; }
.tableLayout td:nth-child(2){ width: 50%; }
.tableLayout td:nth-child(3){ width: 20%; }
.tableLayout td:nth-child(4){ width: 20%; }
.tableLayout thead td{ color: var(--eden-green); }


 /* 404 Page */
  .page-content.notfoundPg {
      text-align: center;
  }

  h1.notfoundHad {
      font-size: 200px;
      color: #2e6c60;
  }
  
  a.navbar-brand img {
    max-width: 70%;
}

ul.socialIcons li a img {
    width: 30px;
    margin-top: 15px;
}

.portalBtn {
    margin-left: auto;
    margin-right: 2rem;
}
ul.socialIcons {
    gap: 1rem;
    display: inline-flex;
}