:root {
  --primary-color: #005DAA;
  --secondary-color: #00C9A7;
  --highlight-color: #F4A300;
  --text-light: white;
  --text-dark: #404040;
}

/* General Styles */
body {
  overflow-x: hidden;
  background-color: #e8e9ea;
  margin: 0;
  font-family: Arial, sans-serif;
}

a {
  text-decoration: none;
  color: var(--text-light);
}
.header {
height: 8.2rem;
padding: ;
}
header, nav {
  width: 100%;
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  color: var(--text-light);
  text-align: center;
  padding: 20px;
}

nav {
  width: 100%;
  display: flex;
  justify-content: right;
  padding: 10px;
  font-weight: bold;
}

nav a {
  margin: 0 15px;
  /* font-weight: bold; */
}

nav a:hover {
  text-decoration: underline;
}

.gradient-text {
  font-size: 48px;
  font-weight: bold;
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

main {
  padding: 20px;
  color: black;
}

footer {
  background-color: var(--primary-color);
  color: white;
  text-align: center;
  padding: 10px;
  width: 100%;
}

/* Layouts */
#LR {
  display: flex;
  padding: 10px;
}

#LR div {
  width: 48%;
}

.outer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 650px;
}

.inner1 {
  height: 90%;
  width: 48%;
  margin: 20px 15px 20px 20px;
  font-weight: bold;
  color: white;
  font-size: 28px;
  text-align: end;
  background-image: url("kaz.avif");
  background-size: cover;
  background-position: center;
}

.inner2 {
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  height: 90%;
  width: 48%;
  margin: auto;
  text-align: center;
  color: white;
}

.inner2 h3 {
  font-weight: bold;
}

#left {
  background-image: url("students.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  width: 90%;
  padding: 15px;
  margin-right: 15px;
}

#left:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

#left h2 {
  font-weight: bold;
  background: linear-gradient(90deg, #fff707, #5af5db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

#right h2 {
  color: var(--text-dark);
}

/* Contact Form */
#contact-form {
 
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  padding: 20px;
  border-radius: 40px;
  max-width: calc(80vw);
}

#country-code {
  width: 20%;
}

form input, form select {
  width: 80%;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

form input[type="submit"] {
  background-color: var(--primary-color);
  color: white;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

form input[type="submit"]:hover {
  background-color: var(--primary-color);
}

/* Cards and Buttons */
.cardOuter button,
.flip-card-back button,
.inner2 button 
#flipcard4 button
{
  border: none;
  outline: 0;
  border-radius: 5px 14px;
  padding: 12px;
  color: white;
  background-color: var(--highlight-color);
  text-align: center;
  cursor: pointer;
  width: 40%;
  font-size: 18px;
}

.cardOuter button:hover,
.flip-card-back button:hover,
.inner2 button:hover {
  box-shadow: 8px 8px 16px 0 rgba(0.2, 0.3, 0.5, 0.2);
  opacity: 0.9;
}

/* Flip Cards */
.mainflip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  align-items: flex-start; /* Align all cards at the top */
} 

.flip-card-front{
  height: 100%;
}

.flip-card-back{
  height: 100%;
}

.flip-card {
  width: 45%;
  height: 300px;
  max-height: 450px;
  margin: 15px;
  background-color: transparent;
  perspective: 1000px;
  position: relative;
}

.flip-card-inner {
  color: white;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

#flipcard3:hover .flip-card-inner , #flipcard2:hover .flip-card-inner, #flipcard1:hover .flip-card-inner  {
  margin-left: 1.4rem;
}

.flip-card:hover #flipcard1{
  width: 55% !important;
}

.flip-card:hover #flipcard4{
  width: 48%;
}

.flip-card-front, .flip-card-back  {
  position: absolute;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  backface-visibility: hidden;
}
.flip-card-front{
  height: 100%;
}
#flipcard4{
  border-radius: 10px;
}

.flip-card-front {
  background-size: cover;
  background-position: center;
  background-color: #bbb;
}

.mainflip .flip-card:nth-child(1) .flip-card-front {
  background-image: url("./img/kaz.avif");
}

.mainflip .flip-card:nth-child(2) .flip-card-front {
  background-image: url("centralavif.avif");
}

.mainflip .flip-card:nth-child(3) .flip-card-front {
  background-image: url("tenet.avif");
}

.flip-card-back {
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  color: white;
  transform: rotateY(180deg);
}

/* Flip Card 4 Styling */
#flipcard4 {
  width: 45%;         /* Same width as other flip cards */
  height: 300px;      /* Same height as others */
  perspective: 1000px;
  margin: 15px;
}

#flipcard4 .flip-card-inner {
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0s;
  transform-style: preserve-3d;
}

#flipcard4 .flip-card-front,
#flipcard4 .flip-card-back {
  margin-top: 0px;
  position: absolute;
  width: 100%;
  backface-visibility: hidden;
  overflow-y: auto;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#flipcard4 .flip-card-front {
  background: #005DAA;
  height: 100%;
}

#flipcard4 .flip-card-back {
  transform: rotateY(180deg);
  /* background: #f2f2f2; */
}
#flipcard4:hover {
  margin-left: 15px;
  /* background: #f2f2f2; */
}

/* Ellipse container and cards */
.ellipse-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.ellipse-card {
  background-color: #ec9f3a;
  border-radius: 30px;
  padding: 20px;
  max-width: 90% !important;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  font-size: 12px;
}


.ellipse-card h3 {
  font-size: 13px;
  margin: 5px 0;
}

.ellipse-card p {
  font-size: 11px;
  margin: 0;
}



/* #flipcard4 button a {
  color: white;
  text-decoration: none;
} */

#form{
  display: flex;
  justify-content: center;
}

/* Cards container */
.card-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
}

.card {
  flex: 1 1 300px;
  max-width: 300px;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  justify-content: center;
  transition: transform 0.2s ease;
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  color: white;
}

.card:hover {
  transform: scale(1.02);
}
form .form-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.m-0{
  margin: 0 !important;
}

.m-t-0{
  margin-top: 0 !important;
}

.m-b-0{
  margin-bottom: 0 !important;
}

.m-l-0{
  margin-left: 0 !important;
}

.m-r-0{
  margin-right: 0 !important;
}

.w-fill-100{
  width: -webkit-fill-available;
}

.w-100{
  width: 100% !important;
}

.w-auto{
  width: auto;
}



/* Margin Classes (1px to 100px in rem) */
/* m-[1px...100px] (All sides) */
.m-1px { margin: 0.0625rem; }
.m-2px { margin: 0.125rem; }
.m-3px { margin: 0.1875rem; }
.m-4px { margin: 0.25rem; }
.m-5px { margin: 0.3125rem; }
.m-6px { margin: 0.375rem; }
.m-7px { margin: 0.4375rem; }
.m-8px { margin: 0.5rem; }
.m-9px { margin: 0.5625rem; }
.m-10px { margin: 0.625rem; }
.m-11px { margin: 0.6875rem; }
.m-12px { margin: 0.75rem; }
.m-13px { margin: 0.8125rem; }
.m-14px { margin: 0.875rem; }
.m-15px { margin: 0.9375rem; }
.m-16px { margin: 1.0rem; }
.m-17px { margin: 1.0625rem; }
.m-18px { margin: 1.125rem; }
.m-19px { margin: 1.1875rem; }
.m-20px { margin: 1.25rem; }
.m-21px { margin: 1.3125rem; }
.m-22px { margin: 1.375rem; }
.m-23px { margin: 1.4375rem; }
.m-24px { margin: 1.5rem; }
.m-25px { margin: 1.5625rem; }
.m-26px { margin: 1.625rem; }
.m-27px { margin: 1.6875rem; }
.m-28px { margin: 1.75rem; }
.m-29px { margin: 1.8125rem; }
.m-30px { margin: 1.875rem; }
.m-31px { margin: 1.9375rem; }
.m-32px { margin: 2.0rem; }
.m-33px { margin: 2.0625rem; }
.m-34px { margin: 2.125rem; }
.m-35px { margin: 2.1875rem; }
.m-36px { margin: 2.25rem; }
.m-37px { margin: 2.3125rem; }
.m-38px { margin: 2.375rem; }
.m-39px { margin: 2.4375rem; }
.m-40px { margin: 2.5rem; }
.m-41px { margin: 2.5625rem; }
.m-42px { margin: 2.625rem; }
.m-43px { margin: 2.6875rem; }
.m-44px { margin: 2.75rem; }
.m-45px { margin: 2.8125rem; }
.m-46px { margin: 2.875rem; }
.m-47px { margin: 2.9375rem; }
.m-48px { margin: 3.0rem; }
.m-49px { margin: 3.0625rem; }
.m-50px { margin: 3.125rem; }
.m-51px { margin: 3.1875rem; }
.m-52px { margin: 3.25rem; }
.m-53px { margin: 3.3125rem; }
.m-54px { margin: 3.375rem; }
.m-55px { margin: 3.4375rem; }
.m-56px { margin: 3.5rem; }
.m-57px { margin: 3.5625rem; }
.m-58px { margin: 3.625rem; }
.m-59px { margin: 3.6875rem; }
.m-60px { margin: 3.75rem; }
.m-61px { margin: 3.8125rem; }
.m-62px { margin: 3.875rem; }
.m-63px { margin: 3.9375rem; }
.m-64px { margin: 4.0rem; }
.m-65px { margin: 4.0625rem; }
.m-66px { margin: 4.125rem; }
.m-67px { margin: 4.1875rem; }
.m-68px { margin: 4.25rem; }
.m-69px { margin: 4.3125rem; }
.m-70px { margin: 4.375rem; }
.m-71px { margin: 4.4375rem; }
.m-72px { margin: 4.5rem; }
.m-73px { margin: 4.5625rem; }
.m-74px { margin: 4.625rem; }
.m-75px { margin: 4.6875rem; }
.m-76px { margin: 4.75rem; }
.m-77px { margin: 4.8125rem; }
.m-78px { margin: 4.875rem; }
.m-79px { margin: 4.9375rem; }
.m-80px { margin: 5.0rem; }
.m-81px { margin: 5.0625rem; }
.m-82px { margin: 5.125rem; }
.m-83px { margin: 5.1875rem; }
.m-84px { margin: 5.25rem; }
.m-85px { margin: 5.3125rem; }
.m-86px { margin: 5.375rem; }
.m-87px { margin: 5.4375rem; }
.m-88px { margin: 5.5rem; }
.m-89px { margin: 5.5625rem; }
.m-90px { margin: 5.625rem; }
.m-91px { margin: 5.6875rem; }
.m-92px { margin: 5.75rem; }
.m-93px { margin: 5.8125rem; }
.m-94px { margin: 5.875rem; }
.m-95px { margin: 5.9375rem; }
.m-96px { margin: 6.0rem; }
.m-97px { margin: 6.0625rem; }
.m-98px { margin: 6.125rem; }
.m-99px { margin: 6.1875rem; }
.m-100px { margin: 6.25rem; }

/* mt-[1px...100px] (Top) */
.mt-1px { margin-top: 0.0625rem; }
.mt-2px { margin-top: 0.125rem; }
.mt-3px { margin-top: 0.1875rem; }
.mt-4px { margin-top: 0.25rem; }
.mt-5px { margin-top: 0.3125rem; }
.mt-6px { margin-top: 0.375rem; }
.mt-7px { margin-top: 0.4375rem; }
.mt-8px { margin-top: 0.5rem; }
.mt-9px { margin-top: 0.5625rem; }
.mt-10px { margin-top: 0.625rem; }
.mt-11px { margin-top: 0.6875rem; }
.mt-12px { margin-top: 0.75rem; }
.mt-13px { margin-top: 0.8125rem; }
.mt-14px { margin-top: 0.875rem; }
.mt-15px { margin-top: 0.9375rem; }
.mt-16px { margin-top: 1.0rem; }
.mt-17px { margin-top: 1.0625rem; }
.mt-18px { margin-top: 1.125rem; }
.mt-19px { margin-top: 1.1875rem; }
.mt-20px { margin-top: 1.25rem; }
.mt-21px { margin-top: 1.3125rem; }
.mt-22px { margin-top: 1.375rem; }
.mt-23px { margin-top: 1.4375rem; }
.mt-24px { margin-top: 1.5rem; }
.mt-25px { margin-top: 1.5625rem; }
.mt-26px { margin-top: 1.625rem; }
.mt-27px { margin-top: 1.6875rem; }
.mt-28px { margin-top: 1.75rem; }
.mt-29px { margin-top: 1.8125rem; }
.mt-30px { margin-top: 1.875rem; }
.mt-31px { margin-top: 1.9375rem; }
.mt-32px { margin-top: 2.0rem; }
.mt-33px { margin-top: 2.0625rem; }
.mt-34px { margin-top: 2.125rem; }
.mt-35px { margin-top: 2.1875rem; }
.mt-36px { margin-top: 2.25rem; }
.mt-37px { margin-top: 2.3125rem; }
.mt-38px { margin-top: 2.375rem; }
.mt-39px { margin-top: 2.4375rem; }
.mt-40px { margin-top: 2.5rem; }
.mt-41px { margin-top: 2.5625rem; }
.mt-42px { margin-top: 2.625rem; }
.mt-43px { margin-top: 2.6875rem; }
.mt-44px { margin-top: 2.75rem; }
.mt-45px { margin-top: 2.8125rem; }
.mt-46px { margin-top: 2.875rem; }
.mt-47px { margin-top: 2.9375rem; }
.mt-48px { margin-top: 3.0rem; }
.mt-49px { margin-top: 3.0625rem; }
.mt-50px { margin-top: 3.125rem; }
.mt-51px { margin-top: 3.1875rem; }
.mt-52px { margin-top: 3.25rem; }
.mt-53px { margin-top: 3.3125rem; }
.mt-54px { margin-top: 3.375rem; }
.mt-55px { margin-top: 3.4375rem; }
.mt-56px { margin-top: 3.5rem; }
.mt-57px { margin-top: 3.5625rem; }
.mt-58px { margin-top: 3.625rem; }
.mt-59px { margin-top: 3.6875rem; }
.mt-60px { margin-top: 3.75rem; }
.mt-61px { margin-top: 3.8125rem; }
.mt-62px { margin-top: 3.875rem; }
.mt-63px { margin-top: 3.9375rem; }
.mt-64px { margin-top: 4.0rem; }
.mt-65px { margin-top: 4.0625rem; }
.mt-66px { margin-top: 4.125rem; }
.mt-67px { margin-top: 4.1875rem; }
.mt-68px { margin-top: 4.25rem; }
.mt-69px { margin-top: 4.3125rem; }
.mt-70px { margin-top: 4.375rem; }
.mt-71px { margin-top: 4.4375rem; }
.mt-72px { margin-top: 4.5rem; }
.mt-73px { margin-top: 4.5625rem; }
.mt-74px { margin-top: 4.625rem; }
.mt-75px { margin-top: 4.6875rem; }
.mt-76px { margin-top: 4.75rem; }
.mt-77px { margin-top: 4.8125rem; }
.mt-78px { margin-top: 4.875rem; }
.mt-79px { margin-top: 4.9375rem; }
.mt-80px { margin-top: 5.0rem; }
.mt-81px { margin-top: 5.0625rem; }
.mt-82px { margin-top: 5.125rem; }
.mt-83px { margin-top: 5.1875rem; }
.mt-84px { margin-top: 5.25rem; }
.mt-85px { margin-top: 5.3125rem; }
.mt-86px { margin-top: 5.375rem; }
.mt-87px { margin-top: 5.4375rem; }
.mt-88px { margin-top: 5.5rem; }
.mt-89px { margin-top: 5.5625rem; }
.mt-90px { margin-top: 5.625rem; }
.mt-91px { margin-top: 5.6875rem; }
.mt-92px { margin-top: 5.75rem; }
.mt-93px { margin-top: 5.8125rem; }
.mt-94px { margin-top: 5.875rem; }
.mt-95px { margin-top: 5.9375rem; }
.mt-96px { margin-top: 6.0rem; }
.mt-97px { margin-top: 6.0625rem; }
.mt-98px { margin-top: 6.125rem; }
.mt-99px { margin-top: 6.1875rem; }
.mt-100px { margin-top: 6.25rem; }

/* mr-[1px...100px] (Right) */
.mr-1px { margin-right: 0.0625rem; }
.mr-2px { margin-right: 0.125rem; }
.mr-3px { margin-right: 0.1875rem; }
.mr-4px { margin-right: 0.25rem; }
.mr-5px { margin-right: 0.3125rem; }
.mr-6px { margin-right: 0.375rem; }
.mr-7px { margin-right: 0.4375rem; }
.mr-8px { margin-right: 0.5rem; }
.mr-9px { margin-right: 0.5625rem; }
.mr-10px { margin-right: 0.625rem; }
.mr-11px { margin-right: 0.6875rem; }
.mr-12px { margin-right: 0.75rem; }
.mr-13px { margin-right: 0.8125rem; }
.mr-14px { margin-right: 0.875rem; }
.mr-15px { margin-right: 0.9375rem; }
.mr-16px { margin-right: 1.0rem; }
.mr-17px { margin-right: 1.0625rem; }
.mr-18px { margin-right: 1.125rem; }
.mr-19px { margin-right: 1.1875rem; }
.mr-20px { margin-right: 1.25rem; }
.mr-21px { margin-right: 1.3125rem; }
.mr-22px { margin-right: 1.375rem; }
.mr-23px { margin-right: 1.4375rem; }
.mr-24px { margin-right: 1.5rem; }
.mr-25px { margin-right: 1.5625rem; }
.mr-26px { margin-right: 1.625rem; }
.mr-27px { margin-right: 1.6875rem; }
.mr-28px { margin-right: 1.75rem; }
.mr-29px { margin-right: 1.8125rem; }
.mr-30px { margin-right: 1.875rem; }
.mr-31px { margin-right: 1.9375rem; }
.mr-32px { margin-right: 2.0rem; }
.mr-33px { margin-right: 2.0625rem; }
.mr-34px { margin-right: 2.125rem; }
.mr-35px { margin-right: 2.1875rem; }
.mr-36px { margin-right: 2.25rem; }
.mr-37px { margin-right: 2.3125rem; }
.mr-38px { margin-right: 2.375rem; }
.mr-39px { margin-right: 2.4375rem; }
.mr-40px { margin-right: 2.5rem; }
.mr-41px { margin-right: 2.5625rem; }
.mr-42px { margin-right: 2.625rem; }
.mr-43px { margin-right: 2.6875rem; }
.mr-44px { margin-right: 2.75rem; }
.mr-45px { margin-right: 2.8125rem; }
.mr-46px { margin-right: 2.875rem; }
.mr-47px { margin-right: 2.9375rem; }
.mr-48px { margin-right: 3.0rem; }
.mr-49px { margin-right: 3.0625rem; }
.mr-50px { margin-right: 3.125rem; }
.mr-51px { margin-right: 3.1875rem; }
.mr-52px { margin-right: 3.25rem; }
.mr-53px { margin-right: 3.3125rem; }
.mr-54px { margin-right: 3.375rem; }
.mr-55px { margin-right: 3.4375rem; }
.mr-56px { margin-right: 3.5rem; }
.mr-57px { margin-right: 3.5625rem; }
.mr-58px { margin-right: 3.625rem; }
.mr-59px { margin-right: 3.6875rem; }
.mr-60px { margin-right: 3.75rem; }
.mr-61px { margin-right: 3.8125rem; }
.mr-62px { margin-right: 3.875rem; }
.mr-63px { margin-right: 3.9375rem; }
.mr-64px { margin-right: 4.0rem; }
.mr-65px { margin-right: 4.0625rem; }
.mr-66px { margin-right: 4.125rem; }
.mr-67px { margin-right: 4.1875rem; }
.mr-68px { margin-right: 4.25rem; }
.mr-69px { margin-right: 4.3125rem; }
.mr-70px { margin-right: 4.375rem; }
.mr-71px { margin-right: 4.4375rem; }
.mr-72px { margin-right: 4.5rem; }
.mr-73px { margin-right: 4.5625rem; }
.mr-74px { margin-right: 4.625rem; }
.mr-75px { margin-right: 4.6875rem; }
.mr-76px { margin-right: 4.75rem; }
.mr-77px { margin-right: 4.8125rem; }
.mr-78px { margin-right: 4.875rem; }
.mr-79px { margin-right: 4.9375rem; }
.mr-80px { margin-right: 5.0rem; }
.mr-81px { margin-right: 5.0625rem; }
.mr-82px { margin-right: 5.125rem; }
.mr-83px { margin-right: 5.1875rem; }
.mr-84px { margin-right: 5.25rem; }
.mr-85px { margin-right: 5.3125rem; }
.mr-86px { margin-right: 5.375rem; }
.mr-87px { margin-right: 5.4375rem; }
.mr-88px { margin-right: 5.5rem; }
.mr-89px { margin-right: 5.5625rem; }
.mr-90px { margin-right: 5.625rem; }
.mr-91px { margin-right: 5.6875rem; }
.mr-92px { margin-right: 5.75rem; }
.mr-93px { margin-right: 5.8125rem; }
.mr-94px { margin-right: 5.875rem; }
.mr-95px { margin-right: 5.9375rem; }
.mr-96px { margin-right: 6.0rem; }
.mr-97px { margin-right: 6.0625rem; }
.mr-98px { margin-right: 6.125rem; }
.mr-99px { margin-right: 6.1875rem; }
.mr-100px { margin-right: 6.25rem; }

/* mb-[1px...100px] (Bottom) */
.mb-1px { margin-bottom: 0.0625rem; }
.mb-2px { margin-bottom: 0.125rem; }
.mb-3px { margin-bottom: 0.1875rem; }
.mb-4px { margin-bottom: 0.25rem; }
.mb-5px { margin-bottom: 0.3125rem; }
.mb-6px { margin-bottom: 0.375rem; }
.mb-7px { margin-bottom: 0.4375rem; }
.mb-8px { margin-bottom: 0.5rem; }
.mb-9px { margin-bottom: 0.5625rem; }
.mb-10px { margin-bottom: 0.625rem; }
.mb-11px { margin-bottom: 0.6875rem; }
.mb-12px { margin-bottom: 0.75rem; }
.mb-13px { margin-bottom: 0.8125rem; }
.mb-14px { margin-bottom: 0.875rem; }
.mb-15px { margin-bottom: 0.9375rem; }
.mb-16px { margin-bottom: 1.0rem; }
.mb-17px { margin-bottom: 1.0625rem; }
.mb-18px { margin-bottom: 1.125rem; }
.mb-19px { margin-bottom: 1.1875rem; }
.mb-20px { margin-bottom: 1.25rem; }
.mb-21px { margin-bottom: 1.3125rem; }
.mb-22px { margin-bottom: 1.375rem; }
.mb-23px { margin-bottom: 1.4375rem; }
.mb-24px { margin-bottom: 1.5rem; }
.mb-25px { margin-bottom: 1.5625rem; }
.mb-26px { margin-bottom: 1.625rem; }
.mb-27px { margin-bottom: 1.6875rem; }
.mb-28px { margin-bottom: 1.75rem; }
.mb-29px { margin-bottom: 1.8125rem; }
.mb-30px { margin-bottom: 1.875rem; }
.mb-31px { margin-bottom: 1.9375rem; }
.mb-32px { margin-bottom: 2.0rem; }
.mb-33px { margin-bottom: 2.0625rem; }
.mb-34px { margin-bottom: 2.125rem; }
.mb-35px { margin-bottom: 2.1875rem; }
.mb-36px { margin-bottom: 2.25rem; }
.mb-37px { margin-bottom: 2.3125rem; }
.mb-38px { margin-bottom: 2.375rem; }
.mb-39px { margin-bottom: 2.4375rem; }
.mb-40px { margin-bottom: 2.5rem; }
.mb-41px { margin-bottom: 2.5625rem; }
.mb-42px { margin-bottom: 2.625rem; }
.mb-43px { margin-bottom: 2.6875rem; }
.mb-44px { margin-bottom: 2.75rem; }
.mb-45px { margin-bottom: 2.8125rem; }
.mb-46px { margin-bottom: 2.875rem; }
.mb-47px { margin-bottom: 2.9375rem; }
.mb-48px { margin-bottom: 3.0rem; }
.mb-49px { margin-bottom: 3.0625rem; }
.mb-50px { margin-bottom: 3.125rem; }
.mb-51px { margin-bottom: 3.1875rem; }
.mb-52px { margin-bottom: 3.25rem; }
.mb-53px { margin-bottom: 3.3125rem; }
.mb-54px { margin-bottom: 3.375rem; }
.mb-55px { margin-bottom: 3.4375rem; }
.mb-56px { margin-bottom: 3.5rem; }
.mb-57px { margin-bottom: 3.5625rem; }
.mb-58px { margin-bottom: 3.625rem; }
.mb-59px { margin-bottom: 3.6875rem; }
.mb-60px { margin-bottom: 3.75rem; }
.mb-61px { margin-bottom: 3.8125rem; }
.mb-62px { margin-bottom: 3.875rem; }
.mb-63px { margin-bottom: 3.9375rem; }
.mb-64px { margin-bottom: 4.0rem; }
.mb-65px { margin-bottom: 4.0625rem; }
.mb-66px { margin-bottom: 4.125rem; }
.mb-67px { margin-bottom: 4.1875rem; }
.mb-68px { margin-bottom: 4.25rem; }
.mb-69px { margin-bottom: 4.3125rem; }
.mb-70px { margin-bottom: 4.375rem; }
.mb-71px { margin-bottom: 4.4375rem; }
.mb-72px { margin-bottom: 4.5rem; }
.mb-73px { margin-bottom: 4.5625rem; }
.mb-74px { margin-bottom: 4.625rem; }
.mb-75px { margin-bottom: 4.6875rem; }
.mb-76px { margin-bottom: 4.75rem; }
.mb-77px { margin-bottom: 4.8125rem; }
.mb-78px { margin-bottom: 4.875rem; }
.mb-79px { margin-bottom: 4.9375rem; }
.mb-80px { margin-bottom: 5.0rem; }
.mb-81px { margin-bottom: 5.0625rem; }
.mb-82px { margin-bottom: 5.125rem; }
.mb-83px { margin-bottom: 5.1875rem; }
.mb-84px { margin-bottom: 5.25rem; }
.mb-85px { margin-bottom: 5.3125rem; }
.mb-86px { margin-bottom: 5.375rem; }
.mb-87px { margin-bottom: 5.4375rem; }
.mb-88px { margin-bottom: 5.5rem; }
.mb-89px { margin-bottom: 5.5625rem; }
.mb-90px { margin-bottom: 5.625rem; }
.mb-91px { margin-bottom: 5.6875rem; }
.mb-92px { margin-bottom: 5.75rem; }
.mb-93px { margin-bottom: 5.8125rem; }
.mb-94px { margin-bottom: 5.875rem; }
.mb-95px { margin-bottom: 5.9375rem; }
.mb-96px { margin-bottom: 6.0rem; }
.mb-97px { margin-bottom: 6.0625rem; }
.mb-98px { margin-bottom: 6.125rem; }
.mb-99px { margin-bottom: 6.1875rem; }
.mb-100px { margin-bottom: 6.25rem; }

/* ml-[1px...100px] (Left) */
.ml-1px { margin-left: 0.0625rem; }
.ml-2px { margin-left: 0.125rem; }
.ml-3px { margin-left: 0.1875rem; }
.ml-4px { margin-left: 0.25rem; }
.ml-5px { margin-left: 0.3125rem; }
.ml-6px { margin-left: 0.375rem; }
.ml-7px { margin-left: 0.4375rem; }
.ml-8px { margin-left: 0.5rem; }
.ml-9px { margin-left: 0.5625rem; }
.ml-10px { margin-left: 0.625rem; }
.ml-11px { margin-left: 0.6875rem; }
.ml-12px { margin-left: 0.75rem; }
.ml-13px { margin-left: 0.8125rem; }
.ml-14px { margin-left: 0.875rem; }
.ml-15px { margin-left: 0.9375rem; }
.ml-16px { margin-left: 1.0rem; }
.ml-17px { margin-left: 1.0625rem; }
.ml-18px { margin-left: 1.125rem; }
.ml-19px { margin-left: 1.1875rem; }
.ml-20px { margin-left: 1.25rem; }
.ml-21px { margin-left: 1.3125rem; }
.ml-22px { margin-left: 1.375rem; }
.ml-23px { margin-left: 1.4375rem; }
.ml-24px { margin-left: 1.5rem; }
.ml-25px { margin-left: 1.5625rem; }
.ml-26px { margin-left: 1.625rem; }
.ml-27px { margin-left: 1.6875rem; }
.ml-28px { margin-left: 1.75rem; }
.ml-29px { margin-left: 1.8125rem; }
.ml-30px { margin-left: 1.875rem; }
.ml-31px { margin-left: 1.9375rem; }
.ml-32px { margin-left: 2.0rem; }
.ml-33px { margin-left: 2.0625rem; }
.ml-34px { margin-left: 2.125rem; }
.ml-35px { margin-left: 2.1875rem; }
.ml-36px { margin-left: 2.25rem; }
.ml-37px { margin-left: 2.3125rem; }
.ml-38px { margin-left: 2.375rem; }
.ml-39px { margin-left: 2.4375rem; }
.ml-40px { margin-left: 2.5rem; }
.ml-41px { margin-left: 2.5625rem; }
.ml-42px { margin-left: 2.625rem; }
.ml-43px { margin-left: 2.6875rem; }
.ml-44px { margin-left: 2.75rem; }
.ml-45px { margin-left: 2.8125rem; }
.ml-46px { margin-left: 2.875rem; }
.ml-47px { margin-left: 2.9375rem; }
.ml-48px { margin-left: 3.0rem; }
.ml-49px { margin-left: 3.0625rem; }
.ml-50px { margin-left: 3.125rem; }
.ml-51px { margin-left: 3.1875rem; }
.ml-52px { margin-left: 3.25rem; }
.ml-53px { margin-left: 3.3125rem; }
.ml-54px { margin-left: 3.375rem; }
.ml-55px { margin-left: 3.4375rem; }
.ml-56px { margin-left: 3.5rem; }
.ml-57px { margin-left: 3.5625rem; }
.ml-58px { margin-left: 3.625rem; }
.ml-59px { margin-left: 3.6875rem; }
.ml-60px { margin-left: 3.75rem; }
.ml-61px { margin-left: 3.8125rem; }
.ml-62px { margin-left: 3.875rem; }
.ml-63px { margin-left: 3.9375rem; }
.ml-64px { margin-left: 4.0rem; }
.ml-65px { margin-left: 4.0625rem; }
.ml-66px { margin-left: 4.125rem; }
.ml-67px { margin-left: 4.1875rem; }
.ml-68px { margin-left: 4.25rem; }
.ml-69px { margin-left: 4.3125rem; }
.ml-70px { margin-left: 4.375rem; }
.ml-71px { margin-left: 4.4375rem; }
.ml-72px { margin-left: 4.5rem; }
.ml-73px { margin-left: 4.5625rem; }
.ml-74px { margin-left: 4.625rem; }
.ml-75px { margin-left: 4.6875rem; }
.ml-76px { margin-left: 4.75rem; }
.ml-77px { margin-left: 4.8125rem; }
.ml-78px { margin-left: 4.875rem; }
.ml-79px { margin-left: 4.9375rem; }
.ml-80px { margin-left: 5.0rem; }
.ml-81px { margin-left: 5.0625rem; }
.ml-82px { margin-left: 5.125rem; }
.ml-83px { margin-left: 5.1875rem; }
.ml-84px { margin-left: 5.25rem; }
.ml-85px { margin-left: 5.3125rem; }
.ml-86px { margin-left: 5.375rem; }
.ml-87px { margin-left: 5.4375rem; }
.ml-88px { margin-left: 5.5rem; }
.ml-89px { margin-left: 5.5625rem; }
.ml-90px { margin-left: 5.625rem; }
.ml-91px { margin-left: 5.6875rem; }
.ml-92px { margin-left: 5.75rem; }
.ml-93px { margin-left: 5.8125rem; }
.ml-94px { margin-left: 5.875rem; }
.ml-95px { margin-left: 5.9375rem; }
.ml-96px { margin-left: 6.0rem; }
.ml-97px { margin-left: 6.0625rem; }
.ml-98px { margin-left: 6.125rem; }
.ml-99px { margin-left: 6.1875rem; }
.ml-100px { margin-left: 6.25rem; }

/* mx-[1px...100px] (Left + Right) */
.mx-1px { margin-left: 0.0625rem; margin-right: 0.0625rem; }
.mx-2px { margin-left: 0.125rem; margin-right: 0.125rem; }
.mx-3px { margin-left: 0.1875rem; margin-right: 0.1875rem; }
.mx-4px { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-5px { margin-left: 0.3125rem; margin-right: 0.3125rem; }
.mx-6px { margin-left: 0.375rem; margin-right: 0.375rem; }
.mx-7px { margin-left: 0.4375rem; margin-right: 0.4375rem; }
.mx-8px { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-9px { margin-left: 0.5625rem; margin-right: 0.5625rem; }
.mx-10px { margin-left: 0.625rem; margin-right: 0.625rem; }
.mx-11px { margin-left: 0.6875rem; margin-right: 0.6875rem; }
.mx-12px { margin-left: 0.75rem; margin-right: 0.75rem; }
.mx-13px { margin-left: 0.8125rem; margin-right: 0.8125rem; }
.mx-14px { margin-left: 0.875rem; margin-right: 0.875rem; }
.mx-15px { margin-left: 0.9375rem; margin-right: 0.9375rem; }
.mx-16px { margin-left: 1.0rem; margin-right: 1.0rem; }
.mx-17px { margin-left: 1.0625rem; margin-right: 1.0625rem; }
.mx-18px { margin-left: 1.125rem; margin-right: 1.125rem; }
.mx-19px { margin-left: 1.1875rem; margin-right: 1.1875rem; }
.mx-20px { margin-left: 1.25rem; margin-right: 1.25rem; }
.mx-21px { margin-left: 1.3125rem; margin-right: 1.3125rem; }
.mx-22px { margin-left: 1.375rem; margin-right: 1.375rem; }
.mx-23px { margin-left: 1.4375rem; margin-right: 1.4375rem; }
.mx-24px { margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-25px { margin-left: 1.5625rem; margin-right: 1.5625rem; }
.mx-26px { margin-left: 1.625rem; margin-right: 1.625rem; }
.mx-27px { margin-left: 1.6875rem; margin-right: 1.6875rem; }
.mx-28px { margin-left: 1.75rem; margin-right: 1.75rem; }
.mx-29px { margin-left: 1.8125rem; margin-right: 1.8125rem; }
.mx-30px { margin-left: 1.875rem; margin-right: 1.875rem; }
.mx-31px { margin-left: 1.9375rem; margin-right: 1.9375rem; }
.mx-32px { margin-left: 2.0rem; margin-right: 2.0rem; }
.mx-33px { margin-left: 2.0625rem; margin-right: 2.0625rem; }
.mx-34px { margin-left: 2.125rem; margin-right: 2.125rem; }
.mx-35px { margin-left: 2.1875rem; margin-right: 2.1875rem; }
.mx-36px { margin-left: 2.25rem; margin-right: 2.25rem; }
.mx-37px { margin-left: 2.3125rem; margin-right: 2.3125rem; }
.mx-38px { margin-left: 2.375rem; margin-right: 2.375rem; }
.mx-39px { margin-left: 2.4375rem; margin-right: 2.4375rem; }
.mx-40px { margin-left: 2.5rem; margin-right: 2.5rem; }
.mx-41px { margin-left: 2.5625rem; margin-right: 2.5625rem; }
.mx-42px { margin-left: 2.625rem; margin-right: 2.625rem; }
.mx-43px { margin-left: 2.6875rem; margin-right: 2.6875rem; }
.mx-44px { margin-left: 2.75rem; margin-right: 2.75rem; }
.mx-45px { margin-left: 2.8125rem; margin-right: 2.8125rem; }
.mx-46px { margin-left: 2.875rem; margin-right: 2.875rem; }
.mx-47px { margin-left: 2.9375rem; margin-right: 2.9375rem; }
.mx-48px { margin-left: 3.0rem; margin-right: 3.0rem; }
.mx-49px { margin-left: 3.0625rem; margin-right: 3.0625rem; }
.mx-50px { margin-left: 3.125rem; margin-right: 3.125rem; }
.mx-51px { margin-left: 3.1875rem; margin-right: 3.1875rem; }
.mx-52px { margin-left: 3.25rem; margin-right: 3.25rem; }
.mx-53px { margin-left: 3.3125rem; margin-right: 3.3125rem; }
.mx-54px { margin-left: 3.375rem; margin-right: 3.375rem; }
.mx-55px { margin-left: 3.4375rem; margin-right: 3.4375rem; }
.mx-56px { margin-left: 3.5rem; margin-right: 3.5rem; }
.mx-57px { margin-left: 3.5625rem; margin-right: 3.5625rem; }
.mx-58px { margin-left: 3.625rem; margin-right: 3.625rem; }
.mx-59px { margin-left: 3.6875rem; margin-right: 3.6875rem; }
.mx-60px { margin-left: 3.75rem; margin-right: 3.75rem; }
.mx-61px { margin-left: 3.8125rem; margin-right: 3.8125rem; }
.mx-62px { margin-left: 3.875rem; margin-right: 3.875rem; }
.mx-63px { margin-left: 3.9375rem; margin-right: 3.9375rem; }
.mx-64px { margin-left: 4.0rem; margin-right: 4.0rem; }
.mx-65px { margin-left: 4.0625rem; margin-right: 4.0625rem; }
.mx-66px { margin-left: 4.125rem; margin-right: 4.125rem; }
.mx-67px { margin-left: 4.1875rem; margin-right: 4.1875rem; }
.mx-68px { margin-left: 4.25rem; margin-right: 4.25rem; }
.mx-69px { margin-left: 4.3125rem; margin-right: 4.3125rem; }
.mx-70px { margin-left: 4.375rem; margin-right: 4.375rem; }
.mx-71px { margin-left: 4.4375rem; margin-right: 4.4375rem; }
.mx-72px { margin-left: 4.5rem; margin-right: 4.5rem; }
.mx-73px { margin-left: 4.5625rem; margin-right: 4.5625rem; }
.mx-74px { margin-left: 4.625rem; margin-right: 4.625rem; }
.mx-75px { margin-left: 4.6875rem; margin-right: 4.6875rem; }
.mx-76px { margin-left: 4.75rem; margin-right: 4.75rem; }
.mx-77px { margin-left: 4.8125rem; margin-right: 4.8125rem; }
.mx-78px { margin-left: 4.875rem; margin-right: 4.875rem; }
.mx-79px { margin-left: 4.9375rem; margin-right: 4.9375rem; }
.mx-80px { margin-left: 5.0rem; margin-right: 5.0rem; }
.mx-81px { margin-left: 5.0625rem; margin-right: 5.0625rem; }
.mx-82px { margin-left: 5.125rem; margin-right: 5.125rem; }
.mx-83px { margin-left: 5.1875rem; margin-right: 5.1875rem; }
.mx-84px { margin-left: 5.25rem; margin-right: 5.25rem; }
.mx-85px { margin-left: 5.3125rem; margin-right: 5.3125rem; }
.mx-86px { margin-left: 5.375rem; margin-right: 5.375rem; }
.mx-87px { margin-left: 5.4375rem; margin-right: 5.4375rem; }
.mx-88px { margin-left: 5.5rem; margin-right: 5.5rem; }
.mx-89px { margin-left: 5.5625rem; margin-right: 5.5625rem; }
.mx-90px { margin-left: 5.625rem; margin-right: 5.625rem; }
.mx-91px { margin-left: 5.6875rem; margin-right: 5.6875rem; }
.mx-92px { margin-left: 5.75rem; margin-right: 5.75rem; }
.mx-93px { margin-left: 5.8125rem; margin-right: 5.8125rem; }
.mx-94px { margin-left: 5.875rem; margin-right: 5.875rem; }
.mx-95px { margin-left: 5.9375rem; margin-right: 5.9375rem; }
.mx-96px { margin-left: 6.0rem; margin-right: 6.0rem; }
.mx-97px { margin-left: 6.0625rem; margin-right: 6.0625rem; }
.mx-98px { margin-left: 6.125rem; margin-right: 6.125rem; }
.mx-99px { margin-left: 6.1875rem; margin-right: 6.1875rem; }
.mx-100px { margin-left: 6.25rem; margin-right: 6.25rem; }

/* my-[1px...100px] (Top + Bottom) */
.my-1px { margin-top: 0.0625rem; margin-bottom: 0.0625rem; }
.my-2px { margin-top: 0.125rem; margin-bottom: 0.125rem; }
.my-3px { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }
.my-4px { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-5px { margin-top: 0.3125rem; margin-bottom: 0.3125rem; }
.my-6px { margin-top: 0.375rem; margin-bottom: 0.375rem; }
.my-7px { margin-top: 0.4375rem; margin-bottom: 0.4375rem; }
.my-8px { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-9px { margin-top: 0.5625rem; margin-bottom: 0.5625rem; }
.my-10px { margin-top: 0.625rem; margin-bottom: 0.625rem; }
.my-11px { margin-top: 0.6875rem; margin-bottom: 0.6875rem; }
.my-12px { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-13px { margin-top: 0.8125rem; margin-bottom: 0.8125rem; }
.my-14px { margin-top: 0.875rem; margin-bottom: 0.875rem; }
.my-15px { margin-top: 0.9375rem; margin-bottom: 0.9375rem; }
.my-16px { margin-top: 1.0rem; margin-bottom: 1.0rem; }
.my-17px { margin-top: 1.0625rem; margin-bottom: 1.0625rem; }
.my-18px { margin-top: 1.125rem; margin-bottom: 1.125rem; }
.my-19px { margin-top: 1.1875rem; margin-bottom: 1.1875rem; }
.my-20px { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.my-21px { margin-top: 1.3125rem; margin-bottom: 1.3125rem; }
.my-22px { margin-top: 1.375rem; margin-bottom: 1.375rem; }
.my-23px { margin-top: 1.4375rem; margin-bottom: 1.4375rem; }
.my-24px { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-25px { margin-top: 1.5625rem; margin-bottom: 1.5625rem; }
.my-26px { margin-top: 1.625rem; margin-bottom: 1.625rem; }
.my-27px { margin-top: 1.6875rem; margin-bottom: 1.6875rem; }
.my-28px { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.my-29px { margin-top: 1.8125rem; margin-bottom: 1.8125rem; }
.my-30px { margin-top: 1.875rem; margin-bottom: 1.875rem; }
.my-31px { margin-top: 1.9375rem; margin-bottom: 1.9375rem; }
.my-32px { margin-top: 2.0rem; margin-bottom: 2.0rem; }
.my-33px { margin-top: 2.0625rem; margin-bottom: 2.0625rem; }
.my-34px { margin-top: 2.125rem; margin-bottom: 2.125rem; }
.my-35px { margin-top: 2.1875rem; margin-bottom: 2.1875rem; }
.my-36px { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.my-37px { margin-top: 2.3125rem; margin-bottom: 2.3125rem; }
.my-38px { margin-top: 2.375rem; margin-bottom: 2.375rem; }
.my-39px { margin-top: 2.4375rem; margin-bottom: 2.4375rem; }
.my-40px { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.my-41px { margin-top: 2.5625rem; margin-bottom: 2.5625rem; }
.my-42px { margin-top: 2.625rem; margin-bottom: 2.625rem; }
.my-43px { margin-top: 2.6875rem; margin-bottom: 2.6875rem; }
.my-44px { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.my-45px { margin-top: 2.8125rem; margin-bottom: 2.8125rem; }
.my-46px { margin-top: 2.875rem; margin-bottom: 2.875rem; }
.my-47px { margin-top: 2.9375rem; margin-bottom: 2.9375rem; }
.my-48px { margin-top: 3.0rem; margin-bottom: 3.0rem; }
.my-49px { margin-top: 3.0625rem; margin-bottom: 3.0625rem; }
.my-50px { margin-top: 3.125rem; margin-bottom: 3.125rem; }
.my-51px { margin-top: 3.1875rem; margin-bottom: 3.1875rem; }
.my-52px { margin-top: 3.25rem; margin-bottom: 3.25rem; }
.my-53px { margin-top: 3.3125rem; margin-bottom: 3.3125rem; }
.my-54px { margin-top: 3.375rem; margin-bottom: 3.375rem; }
.my-55px { margin-top: 3.4375rem; margin-bottom: 3.4375rem; }
.my-56px { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.my-57px { margin-top: 3.5625rem; margin-bottom: 3.5625rem; }
.my-58px { margin-top: 3.625rem; margin-bottom: 3.625rem; }
.my-59px { margin-top: 3.6875rem; margin-bottom: 3.6875rem; }
.my-60px { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.my-61px { margin-top: 3.8125rem; margin-bottom: 3.8125rem; }
.my-62px { margin-top: 3.875rem; margin-bottom: 3.875rem; }
.my-63px { margin-top: 3.9375rem; margin-bottom: 3.9375rem; }
.my-64px { margin-top: 4.0rem; margin-bottom: 4.0rem; }
.my-65px { margin-top: 4.0625rem; margin-bottom: 4.0625rem; }
.my-66px { margin-top: 4.125rem; margin-bottom: 4.125rem; }
.my-67px { margin-top: 4.1875rem; margin-bottom: 4.1875rem; }
.my-68px { margin-top: 4.25rem; margin-bottom: 4.25rem; }
.my-69px { margin-top: 4.3125rem; margin-bottom: 4.3125rem; }
.my-70px { margin-top: 4.375rem; margin-bottom: 4.375rem; }
.my-71px { margin-top: 4.4375rem; margin-bottom: 4.4375rem; }
.my-72px { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.my-73px { margin-top: 4.5625rem; margin-bottom: 4.5625rem; }
.my-74px { margin-top: 4.625rem; margin-bottom: 4.625rem; }
.my-75px { margin-top: 4.6875rem; margin-bottom: 4.6875rem; }
.my-76px { margin-top: 4.75rem; margin-bottom: 4.75rem; }
.my-77px { margin-top: 4.8125rem; margin-bottom: 4.8125rem; }
.my-78px { margin-top: 4.875rem; margin-bottom: 4.875rem; }
.my-79px { margin-top: 4.9375rem; margin-bottom: 4.9375rem; }
.my-80px { margin-top: 5.0rem; margin-bottom: 5.0rem; }
.my-81px { margin-top: 5.0625rem; margin-bottom: 5.0625rem; }
.my-82px { margin-top: 5.125rem; margin-bottom: 5.125rem; }
.my-83px { margin-top: 5.1875rem; margin-bottom: 5.1875rem; }
.my-84px { margin-top: 5.25rem; margin-bottom: 5.25rem; }
.my-85px { margin-top: 5.3125rem; margin-bottom: 5.3125rem; }
.my-86px { margin-top: 5.375rem; margin-bottom: 5.375rem; }
.my-87px { margin-top: 5.4375rem; margin-bottom: 5.4375rem; }
.my-88px { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.my-89px { margin-top: 5.5625rem; margin-bottom: 5.5625rem; }
.my-90px { margin-top: 5.625rem; margin-bottom: 5.625rem; }
.my-91px { margin-top: 5.6875rem; margin-bottom: 5.6875rem; }
.my-92px { margin-top: 5.75rem; margin-bottom: 5.75rem; }
.my-93px { margin-top: 5.8125rem; margin-bottom: 5.8125rem; }
.my-94px { margin-top: 5.875rem; margin-bottom: 5.875rem; }
.my-95px { margin-top: 5.9375rem; margin-bottom: 5.9375rem; }
.my-96px { margin-top: 6.0rem; margin-bottom: 6.0rem; }
.my-97px { margin-top: 6.0625rem; margin-bottom: 6.0625rem; }
.my-98px { margin-top: 6.125rem; margin-bottom: 6.125rem; }
.my-99px { margin-top: 6.1875rem; margin-bottom: 6.1875rem; }
.my-100px { margin-top: 6.25rem; margin-bottom: 6.25rem; }

@media (max-width: 575px) {
  body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .flip-card-back{
    height: inherit;
  }

  #LR {
    flex-direction: column;
    align-items: center;
  }

  .outer {
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
  }

  .inner1, .inner2, #left {
    width: 90% !important;
  }

  .inner2 {
    border: none;
  }

  .flip-card {
    width: 85% !important;
  }

  .card-container {
    flex-direction: column;
    align-items: center;
  }
  #form{
    margin-top: 5rem;
  }
  #flipcard4 .flipcflipcard2ard3:hover{
    margin-top: 5rem;
  }

  .card {
    max-width: 50%;
    max-height: fit-content;
    justify-content: center;
    align-items: center;
  }
   .flip-card, #flipcard4{
    width: 90% !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {

   .flip-card, #flipcard4{
    width: 100%;
   }
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

 }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

 }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

 }