/* Padding */
.qat-p-0 { padding: 0px; }
.qat-p-5 { padding: 5px; }
.qat-p-10 { padding: 10px; }
.qat-p-15 { padding: 15px; }
.qat-p-20 { padding: 20px; }
.qat-p-25 { padding: 25px; }
.qat-p-30 { padding: 30px; }
.qat-p-35 { padding: 35px; }
.qat-p-40 { padding: 40px; }
.qat-p-45 { padding: 45px; }
.qat-p-50 { padding: 50px; }
.qat-p-55 { padding: 55px; }
.qat-p-60 { padding: 60px; }
.qat-p-65 { padding: 65px; }
.qat-p-70 { padding: 70px; }
.qat-p-75 { padding: 75px; }
.qat-p-80 { padding: 80px; }
.qat-p-85 { padding: 85px; }
.qat-p-90 { padding: 90px; }
.qat-p-95 { padding: 95px; }
.qat-p-100 { padding: 100px; }

/* Padding Top */
.qat-pt-0 { padding-top: 0px; }
.qat-pt-5 { padding-top: 5px; }
.qat-pt-10 { padding-top: 10px; }
.qat-pt-15 { padding-top: 15px; }
.qat-pt-20 { padding-top: 20px; }
.qat-pt-25 { padding-top: 25px; }
.qat-pt-30 { padding-top: 30px; }
.qat-pt-35 { padding-top: 35px; }
.qat-pt-40 { padding-top: 40px; }
.qat-pt-45 { padding-top: 45px; }
.qat-pt-50 { padding-top: 50px; }
.qat-pt-55 { padding-top: 55px; }
.qat-pt-60 { padding-top: 60px; }
.qat-pt-65 { padding-top: 65px; }
.qat-pt-70 { padding-top: 70px; }
.qat-pt-75 { padding-top: 75px; }
.qat-pt-80 { padding-top: 80px; }
.qat-pt-85 { padding-top: 85px; }
.qat-pt-90 { padding-top: 90px; }
.qat-pt-95 { padding-top: 95px; }
.qat-pt-100 { padding-top: 100px; }

/* Padding Bottom */
.qat-pb-0 { padding-bottom: 0px; }
.qat-pb-5 { padding-bottom: 5px; }
.qat-pb-10 { padding-bottom: 10px; }
.qat-pb-15 { padding-bottom: 15px; }
.qat-pb-20 { padding-bottom: 20px; }
.qat-pb-25 { padding-bottom: 25px; }
.qat-pb-30 { padding-bottom: 30px; }
.qat-pb-35 { padding-bottom: 35px; }
.qat-pb-40 { padding-bottom: 40px; }
.qat-pb-45 { padding-bottom: 45px; }
.qat-pb-50 { padding-bottom: 50px; }
.qat-pb-55 { padding-bottom: 55px; }
.qat-pb-60 { padding-bottom: 60px; }
.qat-pb-65 { padding-bottom: 65px; }
.qat-pb-70 { padding-bottom: 70px; }
.qat-pb-75 { padding-bottom: 75px; }
.qat-pb-80 { padding-bottom: 80px; }
.qat-pb-85 { padding-bottom: 85px; }
.qat-pb-90 { padding-bottom: 90px; }
.qat-pb-95 { padding-bottom: 95px; }
.qat-pb-100 { padding-bottom: 100px; }

/* Padding Left */
.qat-pl-0 { padding-left: 0px; }
.qat-pl-5 { padding-left: 5px; }
.qat-pl-10 { padding-left: 10px; }
.qat-pl-15 { padding-left: 15px; }
.qat-pl-20 { padding-left: 20px; }
.qat-pl-25 { padding-left: 25px; }
.qat-pl-30 { padding-left: 30px; }
.qat-pl-35 { padding-left: 35px; }
.qat-pl-40 { padding-left: 40px; }
.qat-pl-45 { padding-left: 45px; }
.qat-pl-50 { padding-left: 50px; }
.qat-pl-55 { padding-left: 55px; }
.qat-pl-60 { padding-left: 60px; }
.qat-pl-65 { padding-left: 65px; }
.qat-pl-70 { padding-left: 70px; }
.qat-pl-75 { padding-left: 75px; }
.qat-pl-80 { padding-left: 80px; }
.qat-pl-85 { padding-left: 85px; }
.qat-pl-90 { padding-left: 90px; }
.qat-pl-95 { padding-left: 95px; }
.qat-pl-100 { padding-left: 100px; }

/* Padding Right */
.qat-pr-0 { padding-right: 0px; }
.qat-pr-5 { padding-right: 5px; }
.qat-pr-10 { padding-right: 10px; }
.qat-pr-15 { padding-right: 15px; }
.qat-pr-20 { padding-right: 20px; }
.qat-pr-25 { padding-right: 25px; }
.qat-pr-30 { padding-right: 30px; }
.qat-pr-35 { padding-right: 35px; }
.qat-pr-40 { padding-right: 40px; }
.qat-pr-45 { padding-right: 45px; }
.qat-pr-50 { padding-right: 50px; }
.qat-pr-55 { padding-right: 55px; }
.qat-pr-60 { padding-right: 60px; }
.qat-pr-65 { padding-right: 65px; }
.qat-pr-70 { padding-right: 70px; }
.qat-pr-75 { padding-right: 75px; }
.qat-pr-80 { padding-right: 80px; }
.qat-pr-85 { padding-right: 85px; }
.qat-pr-90 { padding-right: 90px; }
.qat-pr-95 { padding-right: 95px; }
.qat-pr-100 { padding-right: 100px; }

/* Padding X Axis */
.qat-px-0 { padding-left: 0px; padding-right: 0px; }
.qat-px-5 { padding-left: 5px; padding-right: 5px; }
.qat-px-10 { padding-left: 10px; padding-right: 10px; }
.qat-px-15 { padding-left: 15px; padding-right: 15px; }
.qat-px-20 { padding-left: 20px; padding-right: 20px; }
.qat-px-25 { padding-left: 25px; padding-right: 25px; }
.qat-px-30 { padding-left: 30px; padding-right: 30px; }
.qat-px-35 { padding-left: 35px; padding-right: 35px; }
.qat-px-40 { padding-left: 40px; padding-right: 40px; }
.qat-px-45 { padding-left: 45px; padding-right: 45px; }
.qat-px-50 { padding-left: 50px; padding-right: 50px; }
.qat-px-55 { padding-left: 55px; padding-right: 55px; }
.qat-px-60 { padding-left: 60px; padding-right: 60px; }
.qat-px-65 { padding-left: 65px; padding-right: 65px; }
.qat-px-70 { padding-left: 70px; padding-right: 70px; }
.qat-px-75 { padding-left: 75px; padding-right: 75px; }
.qat-px-80 { padding-left: 80px; padding-right: 80px; }
.qat-px-85 { padding-left: 85px; padding-right: 85px; }
.qat-px-90 { padding-left: 90px; padding-right: 90px; }
.qat-px-95 { padding-left: 95px; padding-right: 95px; }
.qat-px-100 { padding-left: 100px; padding-right: 100px; }

/* Padding Y Axis */
.qat-py-0 { padding-top: 0px; padding-bottom: 0px; }
.qat-py-5 { padding-top: 5px; padding-bottom: 5px; }
.qat-py-10 { padding-top: 10px; padding-bottom: 10px; }
.qat-py-15 { padding-top: 15px; padding-bottom: 15px; }
.qat-py-20 { padding-top: 20px; padding-bottom: 20px; }
.qat-py-25 { padding-top: 25px; padding-bottom: 25px; }
.qat-py-30 { padding-top: 30px; padding-bottom: 30px; }
.qat-py-35 { padding-top: 35px; padding-bottom: 35px; }
.qat-py-40 { padding-top: 40px; padding-bottom: 40px; }
.qat-py-45 { padding-top: 45px; padding-bottom: 45px; }
.qat-py-50 { padding-top: 50px; padding-bottom: 50px; }
.qat-py-55 { padding-top: 55px; padding-bottom: 55px; }
.qat-py-60 { padding-top: 60px; padding-bottom: 60px; }
.qat-py-65 { padding-top: 65px; padding-bottom: 65px; }
.qat-py-70 { padding-top: 70px; padding-bottom: 70px; }
.qat-py-75 { padding-top: 75px; padding-bottom: 75px; }
.qat-py-80 { padding-top: 80px; padding-bottom: 80px; }
.qat-py-85 { padding-top: 85px; padding-bottom: 85px; }
.qat-py-90 { padding-top: 90px; padding-bottom: 90px; }
.qat-py-95 { padding-top: 95px; padding-bottom: 95px; }
.qat-py-100 { padding-top: 100px; padding-bottom: 100px; }


/* Margin */
.qat-m-0 { margin: 0px; }
.qat-m-5 { margin: 5px; }
.qat-m-10 { margin: 10px; }
.qat-m-15 { margin: 15px; }
.qat-m-20 { margin: 20px; }
.qat-m-25 { margin: 25px; }
.qat-m-30 { margin: 30px; }
.qat-m-35 { margin: 35px; }
.qat-m-40 { margin: 40px; }
.qat-m-45 { margin: 45px; }
.qat-m-50 { margin: 50px; }
.qat-m-55 { margin: 55px; }
.qat-m-60 { margin: 60px; }
.qat-m-65 { margin: 65px; }
.qat-m-70 { margin: 70px; }
.qat-m-75 { margin: 75px; }
.qat-m-80 { margin: 80px; }
.qat-m-85 { margin: 85px; }
.qat-m-90 { margin: 90px; }
.qat-m-95 { margin: 95px; }
.qat-m-100 { margin: 100px; }

/* Margin Top */
.qat-mt-0 { margin-top: 0px; }
.qat-mt-5 { margin-top: 5px; }
.qat-mt-10 { margin-top: 10px; }
.qat-mt-15 { margin-top: 15px; }
.qat-mt-20 { margin-top: 20px; }
.qat-mt-25 { margin-top: 25px; }
.qat-mt-30 { margin-top: 30px; }
.qat-mt-35 { margin-top: 35px; }
.qat-mt-40 { margin-top: 40px; }
.qat-mt-45 { margin-top: 45px; }
.qat-mt-50 { margin-top: 50px; }
.qat-mt-55 { margin-top: 55px; }
.qat-mt-60 { margin-top: 60px; }
.qat-mt-65 { margin-top: 65px; }
.qat-mt-70 { margin-top: 70px; }
.qat-mt-75 { margin-top: 75px; }
.qat-mt-80 { margin-top: 80px; }
.qat-mt-85 { margin-top: 85px; }
.qat-mt-90 { margin-top: 90px; }
.qat-mt-95 { margin-top: 95px; }
.qat-mt-100 { margin-top: 100px; }

/* Margin Bottom */
.qat-mb-0 { margin-bottom: 0px; }
.qat-mb-5 { margin-bottom: 5px; }
.qat-mb-10 { margin-bottom: 10px; }
.qat-mb-15 { margin-bottom: 15px; }
.qat-mb-20 { margin-bottom: 20px; }
.qat-mb-25 { margin-bottom: 25px; }
.qat-mb-30 { margin-bottom: 30px; }
.qat-mb-35 { margin-bottom: 35px; }
.qat-mb-40 { margin-bottom: 40px; }
.qat-mb-45 { margin-bottom: 45px; }
.qat-mb-50 { margin-bottom: 50px; }
.qat-mb-55 { margin-bottom: 55px; }
.qat-mb-60 { margin-bottom: 60px; }
.qat-mb-65 { margin-bottom: 65px; }
.qat-mb-70 { margin-bottom: 70px; }
.qat-mb-75 { margin-bottom: 75px; }
.qat-mb-80 { margin-bottom: 80px; }
.qat-mb-85 { margin-bottom: 85px; }
.qat-mb-90 { margin-bottom: 90px; }
.qat-mb-95 { margin-bottom: 95px; }
.qat-mb-100 { margin-bottom: 100px; }

/* Margin Left */
.qat-ml-0 { margin-left: 0px; }
.qat-ml-5 { margin-left: 5px; }
.qat-ml-10 { margin-left: 10px; }
.qat-ml-15 { margin-left: 15px; }
.qat-ml-20 { margin-left: 20px; }
.qat-ml-25 { margin-left: 25px; }
.qat-ml-30 { margin-left: 30px; }
.qat-ml-35 { margin-left: 35px; }
.qat-ml-40 { margin-left: 40px; }
.qat-ml-45 { margin-left: 45px; }
.qat-ml-50 { margin-left: 50px; }
.qat-ml-55 { margin-left: 55px; }
.qat-ml-60 { margin-left: 60px; }
.qat-ml-65 { margin-left: 65px; }
.qat-ml-70 { margin-left: 70px; }
.qat-ml-75 { margin-left: 75px; }
.qat-ml-80 { margin-left: 80px; }
.qat-ml-85 { margin-left: 85px; }
.qat-ml-90 { margin-left: 90px; }
.qat-ml-95 { margin-left: 95px; }
.qat-ml-100 { margin-left: 100px; }

/* Margin Right */
.qat-mr-0 { margin-right: 0px; }
.qat-mr-5 { margin-right: 5px; }
.qat-mr-10 { margin-right: 10px; }
.qat-mr-15 { margin-right: 15px; }
.qat-mr-20 { margin-right: 20px; }
.qat-mr-25 { margin-right: 25px; }
.qat-mr-30 { margin-right: 30px; }
.qat-mr-35 { margin-right: 35px; }
.qat-mr-40 { margin-right: 40px; }
.qat-mr-45 { margin-right: 45px; }
.qat-mr-50 { margin-right: 50px; }
.qat-mr-55 { margin-right: 55px; }
.qat-mr-60 { margin-right: 60px; }
.qat-mr-65 { margin-right: 65px; }
.qat-mr-70 { margin-right: 70px; }
.qat-mr-75 { margin-right: 75px; }
.qat-mr-80 { margin-right: 80px; }
.qat-mr-85 { margin-right: 85px; }
.qat-mr-90 { margin-right: 90px; }
.qat-mr-95 { margin-right: 95px; }
.qat-mr-100 { margin-right: 100px; }

/* Margin X Axis */
.qat-mx-0 { margin-left: 0px; margin-right: 0px; }
.qat-mx-5 { margin-left: 5px; margin-right: 5px; }
.qat-mx-10 { margin-left: 10px; margin-right: 10px; }
.qat-mx-15 { margin-left: 15px; margin-right: 15px; }
.qat-mx-20 { margin-left: 20px; margin-right: 20px; }
.qat-mx-25 { margin-left: 25px; margin-right: 25px; }
.qat-mx-30 { margin-left: 30px; margin-right: 30px; }
.qat-mx-35 { margin-left: 35px; margin-right: 35px; }
.qat-mx-40 { margin-left: 40px; margin-right: 40px; }
.qat-mx-45 { margin-left: 45px; margin-right: 45px; }
.qat-mx-50 { margin-left: 50px; margin-right: 50px; }
.qat-mx-55 { margin-left: 55px; margin-right: 55px; }
.qat-mx-60 { margin-left: 60px; margin-right: 60px; }
.qat-mx-65 { margin-left: 65px; margin-right: 65px; }
.qat-mx-70 { margin-left: 70px; margin-right: 70px; }
.qat-mx-75 { margin-left: 75px; margin-right: 75px; }
.qat-mx-80 { margin-left: 80px; margin-right: 80px; }
.qat-mx-85 { margin-left: 85px; margin-right: 85px; }
.qat-mx-90 { margin-left: 90px; margin-right: 90px; }
.qat-mx-95 { margin-left: 95px; margin-right: 95px; }
.qat-mx-100 { margin-left: 100px; margin-right: 100px; }

/* Margin Y Axis */
.qat-my-0 { margin-top: 0px; margin-bottom: 0px; }
.qat-my-5 { margin-top: 5px; margin-bottom: 5px; }
.qat-my-10 { margin-top: 10px; margin-bottom: 10px; }
.qat-my-15 { margin-top: 15px; margin-bottom: 15px; }
.qat-my-20 { margin-top: 20px; margin-bottom: 20px; }
.qat-my-25 { margin-top: 25px; margin-bottom: 25px; }
.qat-my-30 { margin-top: 30px; margin-bottom: 30px; }
.qat-my-35 { margin-top: 35px; margin-bottom: 35px; }
.qat-my-40 { margin-top: 40px; margin-bottom: 40px; }
.qat-my-45 { margin-top: 45px; margin-bottom: 45px; }
.qat-my-50 { margin-top: 50px; margin-bottom: 50px; }
.qat-my-55 { margin-top: 55px; margin-bottom: 55px; }
.qat-my-60 { margin-top: 60px; margin-bottom: 60px; }
.qat-my-65 { margin-top: 65px; margin-bottom: 65px; }
.qat-my-70 { margin-top: 70px; margin-bottom: 70px; }
.qat-my-75 { margin-top: 75px; margin-bottom: 75px; }
.qat-my-80 { margin-top: 80px; margin-bottom: 80px; }
.qat-my-85 { margin-top: 85px; margin-bottom: 85px; }
.qat-my-90 { margin-top: 90px; margin-bottom: 90px; }
.qat-my-95 { margin-top: 95px; margin-bottom: 95px; }
.qat-my-100 { margin-top: 100px !important; margin-bottom: 100px !important; }
.qat-m-auto { margin: auto; }
.qat-mx-auto { margin-left: auto; margin-right: auto; }
.qat-ml-auto { margin-left: auto; }
.qat-mr-auto { margin-right: auto; }
/* Gap */
.qat-gap-0 { gap: 0px; }
.qat-gap-5 { gap: 5px; }
.qat-gap-10 { gap: 10px; }
.qat-gap-15 { gap: 15px; }
.qat-gap-20 { gap: 20px; }
.qat-gap-25 { gap: 25px; }
.qat-gap-30 { gap: 30px; }
.qat-gap-35 { gap: 35px; }
.qat-gap-40 { gap: 40px; }
.qat-gap-45 { gap: 45px; }
.qat-gap-50 { gap: 50px; }
.qat-gap-55 { gap: 55px; }
.qat-gap-60 { gap: 60px; }
.qat-gap-65 { gap: 65px; }
.qat-gap-70 { gap: 70px; }
.qat-gap-75 { gap: 75px; }
.qat-gap-80 { gap: 80px; }
.qat-gap-85 { gap: 85px; }
.qat-gap-90 { gap: 90px; }
.qat-gap-95 { gap: 95px; }
.qat-gap-100 { gap: 100px; }

/* Row Gap */
.qat-row-gap-0 { row-gap: 0px; }
.qat-row-gap-5 { row-gap: 5px; }
.qat-row-gap-10 { row-gap: 10px; }
.qat-row-gap-15 { row-gap: 15px; }
.qat-row-gap-20 { row-gap: 20px; }
.qat-row-gap-25 { row-gap: 25px; }
.qat-row-gap-30 { row-gap: 30px; }
.qat-row-gap-35 { row-gap: 35px; }
.qat-row-gap-40 { row-gap: 40px; }
.qat-row-gap-45 { row-gap: 45px; }
.qat-row-gap-50 { row-gap: 50px; }
.qat-row-gap-55 { row-gap: 55px; }
.qat-row-gap-60 { row-gap: 60px; }
.qat-row-gap-65 { row-gap: 65px; }
.qat-row-gap-70 { row-gap: 70px; }
.qat-row-gap-75 { row-gap: 75px; }
.qat-row-gap-80 { row-gap: 80px; }
.qat-row-gap-85 { row-gap: 85px; }
.qat-row-gap-90 { row-gap: 90px; }
.qat-row-gap-95 { row-gap: 95px; }
.qat-row-gap-100 { row-gap: 100px; }

/* Column Gap */
.qat-column-gap-0 { column-gap: 0px; }
.qat-column-gap-5 { column-gap: 5px; }
.qat-column-gap-10 { column-gap: 10px; }
.qat-column-gap-15 { column-gap: 15px; }
.qat-column-gap-20 { column-gap: 20px; }
.qat-column-gap-25 { column-gap: 25px; }
.qat-column-gap-30 { column-gap: 30px; }
.qat-column-gap-35 { column-gap: 35px; }
.qat-column-gap-40 { column-gap: 40px; }
.qat-column-gap-45 { column-gap: 45px; }
.qat-column-gap-50 { column-gap: 50px; }
.qat-column-gap-55 { column-gap: 55px; }
.qat-column-gap-60 { column-gap: 60px; }
.qat-column-gap-65 { column-gap: 65px; }
.qat-column-gap-70 { column-gap: 70px; }
.qat-column-gap-75 { column-gap: 75px; }
.qat-column-gap-80 { column-gap: 80px; }
.qat-column-gap-85 { column-gap: 85px; }
.qat-column-gap-90 { column-gap: 90px; }
.qat-column-gap-95 { column-gap: 95px; }
.qat-column-gap-100 { column-gap: 100px; }
/* Grid Columns */
.qat-grid-1 { display: grid; grid-template-columns: repeat(1, 1fr); }
.qat-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); }
.qat-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); }
.qat-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); }
.qat-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); }
.qat-grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); }
.qat-grid-7 { display: grid; grid-template-columns: repeat(7, 1fr); }
.qat-grid-8 { display: grid; grid-template-columns: repeat(8, 1fr); }
.qat-grid-9 { display: grid; grid-template-columns: repeat(9, 1fr); }
.qat-grid-10 { display: grid; grid-template-columns: repeat(10, 1fr); }
.qat-grid-11 { display: grid; grid-template-columns: repeat(11, 1fr); }
.qat-grid-12 { display: grid; grid-template-columns: repeat(12, 1fr); }

/* Grid Column Span */
.qat-col-span-1 { grid-column: span 1; }
.qat-col-span-2 { grid-column: span 2; }
.qat-col-span-3 { grid-column: span 3; }
.qat-col-span-4 { grid-column: span 4; }
.qat-col-span-5 { grid-column: span 5; }
.qat-col-span-6 { grid-column: span 6; }
.qat-col-span-7 { grid-column: span 7; }
.qat-col-span-8 { grid-column: span 8; }
.qat-col-span-9 { grid-column: span 9; }
.qat-col-span-10 { grid-column: span 10; }
.qat-col-span-11 { grid-column: span 11; }
.qat-col-span-12 { grid-column: span 12; }

/* Grid Rows */
.qat-grid-row-1 { grid-template-rows: repeat(1, 1fr); }
.qat-grid-row-2 { grid-template-rows: repeat(2, 1fr); }
.qat-grid-row-3 { grid-template-rows: repeat(3, 1fr); }
.qat-grid-row-4 { grid-template-rows: repeat(4, 1fr); }
.qat-grid-row-5 { grid-template-rows: repeat(5, 1fr); }
.qat-grid-row-6 { grid-template-rows: repeat(6, 1fr); }

/* Grid Row Span */
.qat-row-span-1 { grid-row: span 1; }
.qat-row-span-2 { grid-row: span 2; }
.qat-row-span-3 { grid-row: span 3; }
.qat-row-span-4 { grid-row: span 4; }
.qat-row-span-5 { grid-row: span 5; }
.qat-row-span-6 { grid-row: span 6; }
/* Display Flex */
.qat-flex { display: flex; }
.qat-inline-flex { display: inline-flex; }

/* Flex Direction */
.qat-flex-row { flex-direction: row; }
.qat-flex-row-reverse { flex-direction: row-reverse; }
.qat-flex-column { flex-direction: column; }
.qat-flex-column-reverse { flex-direction: column-reverse; }

/* Flex Wrap */
.qat-flex-wrap { flex-wrap: wrap; }
.qat-flex-nowrap { flex-wrap: nowrap; }
.qat-flex-wrap-reverse { flex-wrap: wrap-reverse; }

/* Justify Content */
.qat-justify-start { justify-content: flex-start; }
.qat-justify-center { justify-content: center; }
.qat-justify-end { justify-content: flex-end; }
.qat-justify-between { justify-content: space-between; }
.qat-justify-around { justify-content: space-around; }
.qat-justify-evenly { justify-content: space-evenly; }

/* Align Items */
.qat-items-start { align-items: flex-start; }
.qat-items-center { align-items: center; }
.qat-items-end { align-items: flex-end; }
.qat-items-stretch { align-items: stretch; }
.qat-items-baseline { align-items: baseline; }

/* Align Content */
.qat-content-start { align-content: flex-start; }
.qat-content-center { align-content: center; }
.qat-content-end { align-content: flex-end; }
.qat-content-between { align-content: space-between; }
.qat-content-around { align-content: space-around; }
.qat-content-evenly { align-content: space-evenly; }
.qat-content-stretch { align-content: stretch; }

/* Align Self */
.qat-self-auto { align-self: auto; }
.qat-self-start { align-self: flex-start; }
.qat-self-center { align-self: center; }
.qat-self-end { align-self: flex-end; }
.qat-self-stretch { align-self: stretch; }

/* Flex Grow */
.qat-grow-0 { flex-grow: 0; }
.qat-grow-1 { flex-grow: 1; }

/* Flex Shrink */
.qat-shrink-0 { flex-shrink: 0; }
.qat-shrink-1 { flex-shrink: 1; }

/* Flex */
.qat-flex-1 { flex: 1; }
.qat-flex-auto { flex: auto; }
.qat-flex-initial { flex: initial; }
.qat-flex-none { flex: none; }

/* Order */
.qat-order-1 { order: 1; }
.qat-order-2 { order: 2; }
.qat-order-3 { order: 3; }
.qat-order-4 { order: 4; }
.qat-order-5 { order: 5; }
.qat-order-6 { order: 6; }
.qat-order-first { order: -1; }
.qat-order-last { order: 999; }
.qat-order-none { order: 0; }
/* Font Size */
.qat-fs-10 { font-size: 10px; }
.qat-fs-12 { font-size: 12px; }
.qat-fs-14 { font-size: 14px; }
.qat-fs-16 { font-size: 16px; }
.qat-fs-18 { font-size: 18px; }
.qat-fs-20 { font-size: 20px; }
.qat-fs-22 { font-size: 22px; }
.qat-fs-24 { font-size: 24px; }
.qat-fs-26 { font-size: 26px; }
.qat-fs-28 { font-size: 28px; }
.qat-fs-30 { font-size: 30px; }
.qat-fs-32 { font-size: 32px; }
.qat-fs-36 { font-size: 36px; }
.qat-fs-40 { font-size: 40px; }
.qat-fs-44 { font-size: 44px; }
.qat-fs-48 { font-size: 48px; }
.qat-fs-52 { font-size: 52px; }
.qat-fs-56 { font-size: 56px; }
.qat-fs-60 { font-size: 60px; }

/* Font Weight */
.qat-fw-100 { font-weight: 100; }
.qat-fw-200 { font-weight: 200; }
.qat-fw-300 { font-weight: 300; }
.qat-fw-400 { font-weight: 400; }
.qat-fw-500 { font-weight: 500; }
.qat-fw-600 { font-weight: 600; }
.qat-fw-700 { font-weight: 700; }
.qat-fw-800 { font-weight: 800; }
.qat-fw-900 { font-weight: 900; }

/* Line Height */
.qat-lh-1 { line-height: 1; }
.qat-lh-11 { line-height: 1.1; }
.qat-lh-12 { line-height: 1.2; }
.qat-lh-13 { line-height: 1.3; }
.qat-lh-14 { line-height: 1.4; }
.qat-lh-15 { line-height: 1.5; }
.qat-lh-16 { line-height: 1.6; }
.qat-lh-17 { line-height: 1.7; }
.qat-lh-18 { line-height: 1.8; }
.qat-lh-2 { line-height: 2; }

/* Letter Spacing */
.qat-ls-0 { letter-spacing: 0; }
.qat-ls-1 { letter-spacing: 1px; }
.qat-ls-2 { letter-spacing: 2px; }
.qat-ls-3 { letter-spacing: 3px; }
.qat-ls-4 { letter-spacing: 4px; }
.qat-ls-5 { letter-spacing: 5px; }

/* Text Align */
.qat-text-left { text-align: left; }
.qat-text-center { text-align: center; }
.qat-text-right { text-align: right; }
.qat-text-justify { text-align: justify; }

/* Text Transform */
.qat-uppercase { text-transform: uppercase; }
.qat-lowercase { text-transform: lowercase; }
.qat-capitalize { text-transform: capitalize; }
.qat-normal-case { text-transform: none; }

/* Font Style */
.qat-italic { font-style: italic; }
.qat-not-italic { font-style: normal; }

/* Text Decoration */
.qat-underline { text-decoration: underline; }
.qat-line-through { text-decoration: line-through; }
.qat-no-underline { text-decoration: none; }

/* White Space */
.qat-whitespace-nowrap { white-space: nowrap; }
.qat-whitespace-normal { white-space: normal; }

/* Text Overflow */
.qat-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}/* Border Radius */
.qat-radius-0 { border-radius: 0px; }
.qat-radius-5 { border-radius: 5px; }
.qat-radius-10 { border-radius: 10px; }
.qat-radius-15 { border-radius: 15px; }
.qat-radius-20 { border-radius: 20px; }
.qat-radius-25 { border-radius: 25px; }
.qat-radius-30 { border-radius: 30px; }
.qat-radius-35 { border-radius: 35px; }
.qat-radius-40 { border-radius: 40px; }
.qat-radius-45 { border-radius: 45px; }
.qat-radius-50 { border-radius: 50px; }
.qat-radius-55 { border-radius: 55px; }
.qat-radius-60 { border-radius: 60px; }
.qat-radius-65 { border-radius: 65px; }
.qat-radius-70 { border-radius: 70px; }
.qat-radius-75 { border-radius: 75px; }
.qat-radius-80 { border-radius: 80px; }
.qat-radius-85 { border-radius: 85px; }
.qat-radius-90 { border-radius: 90px; }
.qat-radius-95 { border-radius: 95px; }
.qat-radius-100 { border-radius: 100px; }

/* Individual Corners */
.qat-radius-tl-0 { border-top-left-radius: 0px; }
.qat-radius-tl-5 { border-top-left-radius: 5px; }
.qat-radius-tl-10 { border-top-left-radius: 10px; }
.qat-radius-tl-15 { border-top-left-radius: 15px; }
.qat-radius-tl-20 { border-top-left-radius: 20px; }

.qat-radius-tr-0 { border-top-right-radius: 0px; }
.qat-radius-tr-5 { border-top-right-radius: 5px; }
.qat-radius-tr-10 { border-top-right-radius: 10px; }
.qat-radius-tr-15 { border-top-right-radius: 15px; }
.qat-radius-tr-20 { border-top-right-radius: 20px; }

.qat-radius-bl-0 { border-bottom-left-radius: 0px; }
.qat-radius-bl-5 { border-bottom-left-radius: 5px; }
.qat-radius-bl-10 { border-bottom-left-radius: 10px; }
.qat-radius-bl-15 { border-bottom-left-radius: 15px; }
.qat-radius-bl-20 { border-bottom-left-radius: 20px; }

.qat-radius-br-0 { border-bottom-right-radius: 0px; }
.qat-radius-br-5 { border-bottom-right-radius: 5px; }
.qat-radius-br-10 { border-bottom-right-radius: 10px; }
.qat-radius-br-15 { border-bottom-right-radius: 15px; }
.qat-radius-br-20 { border-bottom-right-radius: 20px; }

/* Top Radius */
.qat-radius-top-0 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.qat-radius-top-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.qat-radius-top-10 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.qat-radius-top-15 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.qat-radius-top-20 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/* Bottom Radius */
.qat-radius-bottom-0 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.qat-radius-bottom-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.qat-radius-bottom-10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.qat-radius-bottom-15 {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.qat-radius-bottom-20 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* Special */
.qat-radius-full { border-radius: 9999px; }
.qat-radius-circle { border-radius: 50%; }

/* =========================
   OVERFLOW
========================= */

.qat-overflow-auto { overflow: auto; }
.qat-overflow-hidden { overflow: hidden; }
.qat-overflow-visible { overflow: visible; }
.qat-overflow-scroll { overflow: scroll; }

.qat-overflow-x-auto { overflow-x: auto; }
.qat-overflow-x-hidden { overflow-x: hidden; }
.qat-overflow-x-visible { overflow-x: visible; }
.qat-overflow-x-scroll { overflow-x: scroll; }

.qat-overflow-y-auto { overflow-y: auto; }
.qat-overflow-y-hidden { overflow-y: hidden; }
.qat-overflow-y-visible { overflow-y: visible; }
.qat-overflow-y-scroll { overflow-y: scroll; }
/* Border */
.qat-border-0 { border: 0; }
.qat-border-1 { border: 1px solid; }
.qat-border-2 { border: 2px solid; }

/* Border Color */
.qat-border-primary { border-color: #132E59; }
.qat-border-white { border-color: #ffffff; }

/* Hover Translate */
.qat-hover-up-5:hover {
    transform: translateY(-5px);
}

.qat-hover-up-10:hover {
    transform: translateY(-10px);
}

/* Hover Shadow */
.qat-hover-shadow-sm:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.qat-hover-shadow:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.qat-hover-shadow-lg:hover {
    box-shadow: 0 15px 40px rgba(0,0,0,.18);
}.qat-icon-40 {
    width: 40px;
    height: 40px;
}

.qat-icon-50 {
    width: 50px;
    height: 50px;
}

.qat-icon-60 {
    width: 60px;
    height: 60px;
}

.qat-icon-75 {
    width: 75px;
    height: 75px;
}

.qat-icon-100 {
    width: 100px;
    height: 100px;
}

/* =========================
   Z-INDEX
========================= */

.qat-z-0 { z-index: 0; }
.qat-z-1 { z-index: 1; }
.qat-z-5 { z-index: 5; }
.qat-z-10 { z-index: 10; }
.qat-z-20 { z-index: 20; }
.qat-z-30 { z-index: 30; }
.qat-z-40 { z-index: 40; }
.qat-z-50 { z-index: 50; }
.qat-z-100 { z-index: 100; }
.qat-z-200 { z-index: 200; }
.qat-z-300 { z-index: 300; }
.qat-z-400 { z-index: 400; }
.qat-z-500 { z-index: 500; }
.qat-z-999 { z-index: 999; }
.qat-z-9999 { z-index: 9999; }
.qat-z-auto { z-index: auto; }


/* =========================
   CURSOR
========================= */

.qat-cursor-auto { cursor: auto; }
.qat-cursor-default { cursor: default; }
.qat-cursor-pointer { cursor: pointer; }
.qat-cursor-wait { cursor: wait; }
.qat-cursor-text { cursor: text; }
.qat-cursor-move { cursor: move; }
.qat-cursor-help { cursor: help; }
.qat-cursor-not-allowed { cursor: not-allowed; }
.qat-cursor-grab { cursor: grab; }
.qat-cursor-grabbing { cursor: grabbing; }
.qat-cursor-crosshair { cursor: crosshair; }
.qat-cursor-progress { cursor: progress; }
.qat-cursor-cell { cursor: cell; }
.qat-cursor-copy { cursor: copy; }
.qat-cursor-alias { cursor: alias; }
.qat-cursor-zoom-in { cursor: zoom-in; }
.qat-cursor-zoom-out { cursor: zoom-out; }


/* =========================
   OPACITY
========================= */

.qat-opacity-0 { opacity: 0; }
.qat-opacity-5 { opacity: 0.05; }
.qat-opacity-10 { opacity: 0.1; }
.qat-opacity-20 { opacity: 0.2; }
.qat-opacity-30 { opacity: 0.3; }
.qat-opacity-40 { opacity: 0.4; }
.qat-opacity-50 { opacity: 0.5; }
.qat-opacity-60 { opacity: 0.6; }
.qat-opacity-70 { opacity: 0.7; }
.qat-opacity-80 { opacity: 0.8; }
.qat-opacity-90 { opacity: 0.9; }
.qat-opacity-100 { opacity: 1; }


/* =========================
   TRANSFORM
========================= */

.qat-transform { transform: translateZ(0); }

/* Scale */
.qat-scale-50 { transform: scale(.5); }
.qat-scale-75 { transform: scale(.75); }
.qat-scale-90 { transform: scale(.9); }
.qat-scale-95 { transform: scale(.95); }
.qat-scale-100 { transform: scale(1); }
.qat-scale-105 { transform: scale(1.05); }
.qat-scale-110 { transform: scale(1.1); }
.qat-scale-125 { transform: scale(1.25); }
.qat-scale-150 { transform: scale(1.5); }

/* Rotate */
.qat-rotate-0 { transform: rotate(0deg); }
.qat-rotate-45 { transform: rotate(45deg); }
.qat-rotate-90 { transform: rotate(90deg); }
.qat-rotate-180 { transform: rotate(180deg); }
.qat-rotate-270 { transform: rotate(270deg); }

/* Translate X */
.qat-translate-x-0 { transform: translateX(0); }
.qat-translate-x-5 { transform: translateX(5px); }
.qat-translate-x-10 { transform: translateX(10px); }
.qat-translate-x-15 { transform: translateX(15px); }
.qat-translate-x-20 { transform: translateX(20px); }
.qat-translate-x--5 { transform: translateX(-5px); }
.qat-translate-x--10 { transform: translateX(-10px); }
.qat-translate-x--15 { transform: translateX(-15px); }
.qat-translate-x--20 { transform: translateX(-20px); }

/* Translate Y */
.qat-translate-y-0 { transform: translateY(0); }
.qat-translate-y-5 { transform: translateY(5px); }
.qat-translate-y-10 { transform: translateY(10px); }
.qat-translate-y-15 { transform: translateY(15px); }
.qat-translate-y-20 { transform: translateY(20px); }
.qat-translate-y--5 { transform: translateY(-5px); }
.qat-translate-y--10 { transform: translateY(-10px); }
.qat-translate-y--15 { transform: translateY(-15px); }
.qat-translate-y--20 { transform: translateY(-20px); }

/* Skew */
.qat-skew-x-6 { transform: skewX(6deg); }
.qat-skew-x-12 { transform: skewX(12deg); }
.qat-skew-y-6 { transform: skewY(6deg); }
.qat-skew-y-12 { transform: skewY(12deg); }


/* =========================
   TRANSITION
========================= */

.qat-transition {
    transition: all 0.3s ease;
}

.qat-transition-fast {
    transition: all 0.2s ease;
}

.qat-transition-slow {
    transition: all 0.5s ease;
}

.qat-transition-none {
    transition: none;
}

/* Transition Property */
.qat-transition-all {
    transition-property: all;
}

.qat-transition-opacity {
    transition-property: opacity;
}

.qat-transition-transform {
    transition-property: transform;
}

.qat-transition-color {
    transition-property: color;
}

.qat-transition-bg {
    transition-property: background-color;
}

/* Duration */
.qat-duration-100 { transition-duration: .1s; }
.qat-duration-200 { transition-duration: .2s; }
.qat-duration-300 { transition-duration: .3s; }
.qat-duration-500 { transition-duration: .5s; }
.qat-duration-700 { transition-duration: .7s; }
.qat-duration-1000 { transition-duration: 1s; }

/* Timing Functions */
.qat-ease { transition-timing-function: ease; }
.qat-ease-in { transition-timing-function: ease-in; }
.qat-ease-out { transition-timing-function: ease-out; }
.qat-ease-in-out { transition-timing-function: ease-in-out; }
.qat-linear { transition-timing-function: linear; }


/* =========================
   COMMON HOVER UTILITIES
========================= */

.qat-hover-opacity:hover {
    opacity: .8;
}

.qat-hover-scale:hover {
    transform: scale(1.05);
}

.qat-hover-rotate:hover {
    transform: rotate(5deg);
}

.qat-hover-up:hover {
    transform: translateY(-5px);
}

.qat-hover-down:hover {
    transform: translateY(5px);
}
/* =========================
   THEME COLORS
========================= */

:root {
    --qat-primary: #132E59;
    --qat-heading: #132E59;
    --qat-text: #182f52;
    --qat-white: #ffffff;
}


/* =========================
   TEXT COLORS
========================= */

.qat-text-primary { color: #132E59; }
.qat-text-heading { color: #132E59; }
.qat-text-white { color: #ffffff; }
.qat-text-body {
    color: #182f52;

}

/* =========================
   BACKGROUND COLORS
========================= */

.qat-bg-primary { background-color: #132E59; }
.qat-bg-white { background-color: #ffffff; }
.qat-bg-transparent { background-color: transparent; }


/* =========================
   BORDER COLORS
========================= */

.qat-border-primary {
    border: 1px solid #132E59;
}

.qat-border-white {
    border: 1px solid #ffffff;
}

.qat-border-none {
    border: none;
}


/* =========================
   BUTTONS
========================= */

.qat-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 30px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
}

.qat-btn-primary {
    background: #132E59;
    color: #ffffff;
    border: 1px solid #132E59;
}

.qat-btn-primary:hover {
    background: transparent;
    color: #132E59;
}

.qat-btn-outline {
    background: transparent;
    color: #132E59;
    border: 1px solid #132E59;
}

.qat-btn-outline:hover {
    background: #132E59;
    color: #ffffff;
}

.qat-btn-white {
    background: #ffffff;
    color: #132E59;
    border: 1px solid #ffffff;
}


/* =========================
   WIDTH
========================= */

.qat-w-auto { width: auto; }
.qat-w-25 { width: 25%; }
.qat-w-50 { width: 50%; }
.qat-w-75 { width: 75%; }
.qat-w-100 { width: 100%; }

.qat-max-w-100 { max-width: 100px; }
.qat-max-w-200 { max-width: 200px; }
.qat-max-w-300 { max-width: 300px; }
.qat-max-w-400 { max-width: 400px; }
.qat-max-w-500 { max-width: 500px; }
.qat-max-w-600 { max-width: 600px; }
.qat-max-w-700 { max-width: 700px; }
.qat-max-w-800 { max-width: 800px; }
.qat-max-w-900 { max-width: 900px; }
.qat-max-w-1000 { max-width: 1000px; }


/* =========================
   HEIGHT
========================= */

.qat-h-auto { height: auto; }
.qat-h-100 { height: 100%; }

.qat-min-h-100 { min-height: 100px; }
.qat-min-h-200 { min-height: 200px; }
.qat-min-h-300 { min-height: 300px; }
.qat-min-h-400 { min-height: 400px; }
.qat-min-h-500 { min-height: 500px; }


/* =========================
   TEXT ALIGNMENT
========================= */

.qat-text-left { text-align: left; }
.qat-text-center { text-align: center; }
.qat-text-right { text-align: right; }


/* =========================
   SHADOWS
========================= */

.qat-shadow-sm {
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.qat-shadow {
    box-shadow: 0 5px 20px rgba(0,0,0,.12);
}

.qat-shadow-lg {
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.qat-shadow-none {
    box-shadow: none;
}


/* =========================
   CONTAINER
========================= */

.qat-container {
    width: 100%;
    max-width: 1240px !important;
    margin-left: auto;
    margin-right: auto;
   padding-left: 10px;
    padding-right: 10px;
}


/* =========================
   IMAGE UTILITIES
========================= */

.qat-img-fluid {
    width: 100%;
    height: auto;
    display: block;
}

.qat-object-cover {
    object-fit: cover;
}

.qat-object-contain {
    object-fit: contain;
}


/* =========================
   DISPLAY
========================= */

.qat-block { display: block; }
.qat-inline-block { display: inline-block; }
.qat-inline { display: inline; }
.qat-none { display: none; }


/* =========================
   POSITION
========================= */

.qat-relative { position: relative; }
.qat-absolute { position: absolute; }
.qat-fixed { position: fixed; }
.qat-sticky { position: sticky; }


/* =========================
   COMMON UTILITIES
========================= */

.qat-rounded { border-radius: 10px; }
.qat-rounded-lg { border-radius: 20px; }
.qat-rounded-full { border-radius: 9999px; }
.qat-cs-box{
    position:relative;
}

.qat-cs-icon{
    position:absolute;
    top:-25px;
    right:30px;
}

.qat-cs-number{
    min-width:60px;
    width:60px;
    height:60px;
}
.qat-mx-auto {
    margin-left: auto;
    margin-right: auto;
}.qat-banner-grid{
    display:grid;
    grid-template-columns:60% 40%;
    gap:50px;
    align-items:center;
}

.qat-banner-content{
    max-width:100%;
}

.bnr-list{
    margin:20px 0 0;
    padding:0;
    list-style:none;
}

.bnr-list li{
    position:relative;
    padding-left:28px;
    margin-bottom:10px;
    color:#ffffff;
    font-size:16px;
    line-height:1.6;
}

.bnr-list li:last-child{
    margin-bottom:0;
}

.bnr-list li::before{
    content:"";
    width:12px;
    height:12px;
    background:#ffffff;
    border-radius:50%;
    position:absolute;
    left:0;
    top:7px;
}

.qat-banner-image img{
    width:100%;
    height:auto;
    display:block;
}
@media (max-width: 767px){

    .qat-m-mx-0{
        margin-left:0;
        margin-right:0;
    }

    .qat-m-mx-5{
        margin-left:5px;
        margin-right:5px;
    }

    .qat-m-mx-10{
        margin-left:10px;
        margin-right:10px;
    }

    .qat-m-mx-15{
        margin-left:15px;
        margin-right:15px;
    }

    .qat-m-mx-20{
        margin-left:20px;
        margin-right:20px;
    }

    .qat-m-mx-25{
        margin-left:25px;
        margin-right:25px;
    }

    .qat-m-mx-30{
        margin-left:30px;
        margin-right:30px;
    }

    .qat-m-mx-35{
        margin-left:35px;
        margin-right:35px;
    }

    .qat-m-mx-40{
        margin-left:40px;
        margin-right:40px;
    }    .qat-m-gap-0 { gap: 0px; }.faq-item.active .qat-text-heading, .faq-item.active .icon {
    color: #fff;
    text-align: left;
}.faq-item.active .faq-answer {
    max-height: 100%;
}.banner-sec .ban-h1, p {
    text-align: unset !important;
}

}.cta-form-section{
    background:url('https://www.qatesting.ca/wp-content/uploads/2025/11/start-bg.webp');
    max-width:1170px;
    margin: auto;
    border-radius:30px;
}
.qa-cta-split-section{
  background: url('https://www.qatesting.ca/wp-content/uploads/2026/01/collage-finance-banner-concept.webp') center/cover no-repeat;
}.faq-answer{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.faq-item.active .faq-answer{
  max-height: 200px;
}

.faq-item.active{
  background: #153D78;
}

.faq-item.active .qat-text-heading,
.faq-item.active .icon{
  color: #fff;
}
.cta-form-wrapper{
    max-width:1200px;
    margin:auto;
}

.cta-form-box{
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    transform:translateY(35px);
    margin-top:-72px;
    text-align:center;
}

@media(max-width:767px){


    .qat-m-fs-25{
        font-size: 25px;
    }   .qat-m-fs-36{
        font-size: 36px;
    }   .qat-m-py-40{
        padding-top: 40px;
        padding-bottom: 40px;
    }  .qat-m-my-0{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }.qat-m-grid-1{ grid-template-columns: repeat(1,1fr); }   .qat-cs-item{
        align-items:flex-start;
    }

    .qat-cs-icon{
        right:20px;
    }  .qat-banner-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .qat-banner-content{
        order:2;
    }

    .qat-banner-image{
        order:1;
    } .cta-form-section {
    margin: 75px auto;
    border-radius: 10px;
    padding: 10px 10px 30px;
}

    .cta-form-wrapper{
        gap:0;
    }

    .cta-form-box{
        transform:none;
        margin-top:0;
    }

    .cta-form-btn{
        display:none;
    }
}