/* 1. Use a more-intuitive box-sizing model */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Space+Grotesk:wght@300..700&display=swap');
:root {
    --black: #000;
    --white: #fff;
    --Cyan: #00afe1;
    --Yellow-Green: #89c543;
    --Cultured: #f4f8f8;
    --MSU-Green: #19453C;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h1 {
    font-size: 52px;
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 1.15;
}

h2 {
    font-size: 48px;
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 1.4;
}

h3 {
    font-size: 44px;
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 1.4;
}

h4 {
    font-size: 36px;
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 1.4;
}

h5 {
    font-size: 32px;
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 1.3;
}

h6 {
    font-size: 28px;
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 1.3;
}

p {
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

/* 5. Improve media defaults */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/* 6. Inherit fonts for form controls */
input,
button,
textarea,
select {
    font: inherit;
}

/* 7. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

.dFlex {
    display: flex;
    flex-wrap: wrap;
}

.flexCol {
    flex-direction: column;
}

.justifyEnd {
    justify-content: flex-end;
}

.justifySpaceBetween {
    justify-content: space-between;
}

.justifyCenter {
    justify-content: center;
}

.alignCenter {
    align-items: center;
}

.alignEnd {
    align-items: flex-end;
}

.flexDirection {
    flex-direction: column;
}

.container {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto;
}

.siteBranding a img {
    width: 205px;
    height: auto;
}

.headerNavigation li a:has(img) {
    display: flex;
    align-items: center;
    gap: 7px;
}

.headerNavigation li a img {
    width: 16px;
}

.cartItem {
    position: absolute;
    top: 0;
    width: 14px;
    background-color: white;
    height: 14px;
    border-radius: 50%;
    font-size: 11px;
    color: #1C473E;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    left: 8px;
    font-weight: 600;
}

.headerNavigation li:last-child a img {
    width: 13px;
}

.headerNavigation li:last-child a {
    gap: 15px;
}

.topNavigation {
    gap: 0 32px;
}

.topNavigation li a {
    font-size: 16px;
    color: black;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.headerNavigation li a:has(img) {
    display: flex;
    align-items: center;
    gap: 7px;
}

.headerNavigation li a img {
    width: 16px;
}

.topNavigation li a img {
    width: 12px;
}

.topNavigation li:last-child a img {
    width: 7px;
}

.topNavigation li:nth-last-child(2n) a img {
    width: 7px;
}

.topNavigation li:last-child a {
    gap: 0 7px;
}

.topNavigation li:nth-last-child(2n) a {
    gap: 0 7px;
}

.topNavigation li a::after {
    bottom: -2px;
    width: 0;
    transition: 0.5s all linear;
    left: 0;
    height: 2px;
    content: "";
    position: absolute;
    background-color: var(--black);
}

.topNavigation li a:hover::after {
    width: 100%;
}

.mobileHeaderWrapper {
    display: none;
}

.bottomHeader {
    background-color: var(--Cyan);
    padding: 14px 0px;
}

.headerNavigation {
    gap: 0 40px;
}

.headerNavigation li a {
    color: white;
    position: relative;
    transition: 0.3s all linear;
    z-index: 999;
}

.headerNavigation>li:not(.menu-item-has-children)>a::after {
    position: absolute;
    bottom: -2px;
    width: 0%;
    height: 2px;
    content: "";
    left: 0;
    transition: 0.3s all linear;
    background-color: var(--white);
}

.headerNavigation>li:not(.menu-item-has-children)>a:hover::after {
    width: 100%;
}

.headerNavigation li .sub-menu {
    position: absolute;
    padding-top: 38px;
    width: 300px;
    z-index: 1;
    left: 0;
    transition: 0.5s all linear;
    visibility: hidden;
    opacity: 0;
    top: 0;
	display: none;
}

.headerNavigation li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}



.headerNavigation li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
	display:block;
}

.headerNavigation li .sub-menu>li a {
    padding: 10px 20px;
    color: var(--black);
    width: 100% !important;
    display: block;
}

.headerNavigation li .sub-menu>li {
    background-color: var(--white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.headerNavigation li .sub-menu>li a:hover {
    color: var(--white);
    background: var(--gradient, linear-gradient(270deg, #89c543 0%, #00aee7 100%));
}

/* Footer */
.site-footer {
    background-color: #123d33;
    padding: 60px 0 42px;
    position: relative;
}

.site-footer::after {
    position: absolute;
    width: 100%;
    bottom: 0;
    content: "";
    height: 12px;
    background: var(--gradient,
            linear-gradient(270deg, #89c543 0%, #00aee7 100%));
}

.footerNavigation span {
    color: var(--white);
    font-size: 24px;
    margin-bottom: 21px;
    letter-spacing: 1px;
    line-height: 1.4;
}

.footerNavigation span img {
    display: none;
}

.footerNavigation ul li a {
    color: var(--white);
    font-size: 14px;
    line-height: 1.4;
    position: relative;
}

.footerNavigation ul li:not(:last-child) {
    margin-bottom: 18px;
}

.getExclusiveOffers>span {
    color: var(--white);
    font-size: 24px;
    margin-bottom: 21px;
    display: block;
    letter-spacing: 1px;
    line-height: 1.4;
}

.footerNavigation ul li a::after {
    position: absolute;
    bottom: -2px;
    width: 0%;
    height: 2px;
    content: "";
    background-color: var(--white);
    left: 0;
    transition: 0.5s all linear;
}

.footerNavigation ul li a:hover::after {
    width: 100%;
}

.logoBox span {
    font-size: 12px;
    font-weight: 700;
    color: rgb(234 244 227 / 50%);
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.topFooter {
    padding-bottom: 24px;
}

.socialMediaLink {
    color: var(--white);
    font-size: 16px;
    line-height: 1.4;
}

.getExclusiveOffers>p {
    margin: 14px 0 24px;
    color: rgb(255 255 255 / 70%);
    font-size: 14px;
}

.exclusiveField {
    width: 100%;
    min-height: 52px;
    padding: 11px 170px 11px 24px;
    border-radius: 54px;
    outline: none;
    border: none;
    font-size: 16px;
    background-color: #245a4d;
    color: white;
}

.getExclusiveOffers .wpcf7-response-output {
    color: var(--white);
}

.exclusiveField::placeholder {
    color: #adb5bd;
}

.socialMediaList {
    gap: 10px 32px;
}

.socialMediaLink {
    gap: 10px;
}

.exclusiveOffersBox {
    position: relative;
}

.exclusiveBtn {
    border-radius: 64px;
    background-color: #89c543;
    color: white;
    outline: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    min-height: 44px;
    padding: 9px 42px;
    position: absolute;
    right: 4px;
    top: 4px;
}

.logoBox a img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.getExclusiveOffers {
    width: 100%;
    max-width: 31%;
}

.logoBox {
    width: 100%;
    max-width: 27%;
}

.middleFooter {
    padding: 28px 0;
    border-top: 1px solid rgb(255 255 255 / 20%);
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.middleFooter ul li span {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.4;
    text-transform: uppercase;
}

.middleFooter ul li a {
    color: rgb(255 255 255 / 60%);
    font-size: 16px;
    line-height: 1.4;
}

.bottomFooter p {
    color: rgb(255 255 255 / 60%);
}

.bottomFooter img {
    width: 100%;
    max-width: 430px;
}

.bottomFooter {
    padding-top: 24px;
}

/*  Page Banner */
.page-banner {
    padding: 85px 0 148px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.page-banner::after {
    position: absolute;
    width: 100%;
    bottom: 0;
    content: "";
    height: 12px;
    background: var(--gradient,
            linear-gradient(270deg, #89c543 0%, #00aee7 100%));
}

.page-banner h1 {
    width: 100%;
    max-width: 800px;
}

.scrollBottom {
    position: absolute;
    bottom: -40px;
    right: 145px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 999;
    background-color: var(--white);
    box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.11);
}

/*  Privacy Statement */
.privacyStatment {
    padding: 94px 0 110px;
}

.privactStatementBox h6 {
    margin-bottom: 13px;
    font-size: 15px;
    font-weight: 700;
}

.privactStatementBox ul li {
    list-style: inside;
    color: rgba(0, 0, 0, 0.6);
}

/*  Term And Conditions */
.termAndConditions {
    padding: 94px 0 100px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.termAndConditionsBox h6 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 13px;
    color: #1D1B1B;
}

.termAndConditionsBox ul {
    margin-left: 10px;
}

.termAndConditionsBox ul li {
    list-style: inside;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.6;
}

.termAndConditionsBox ul li:last-child {
    margin-bottom: 22px;
}

.termAndConditionsBox ul:last-of-type li {
    margin-bottom: 0px;
}

/*  Faq */
.faq {
    padding: 100px 0 112px;
    position: relative;
}

.page-template-faq .faq::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://trainingabc.com/wp-content/uploads/2025/01/harrassmentLawAfter.png");
    width: 493px;
    height: 493px;
    top: 324px;
    z-index: -1;
}

.faqEllipse1 {
    position: absolute;
    top: 237px;
    right: 0;
    z-index: -1;
}

.faqEllipse2 {
    position: absolute;
    top: 939px;
    left: 0;
    z-index: -1;
}

.faq h3 {
    width: 100%;
    max-width: 540px;
    margin: 22px auto 60px;
    text-align: center;
}

.QIconBox {
    gap: 16px;
    flex-direction: row !important;
    overflow: hidden;
}

.QIconBox svg {
    position: relative;
    z-index: 999;
}

.QIconBox p {
    font-size: 16px;
}

.questionBox {
    padding: 29px 31px;
    background-color: #ebebeb;
    border: 1px solid #f4f8f8;
    border-radius: 10px;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 16px;
    cursor: pointer;
}

.questionBox h6 {
    font-size: 22px;
}

.answerBox {
    padding: 30px 85px 30px 30px;
    background-color: #ebebeb;
    border: 1px solid #f4f8f8;
    border-radius: 10px;
}

.faqItem {
    gap: 18px;
}

.faqBox {
    gap: 18px;
    width: 100%;
    max-width: 1064px;
    margin: 0 auto;
}

.answerBox p {
    font-size: 18px;
}

.answerBox {
    display: none;
}

.QIcon {
    width: 64px;
    height: 64px;
    font-family: "Space Grotesk", sans-serif;
    color: var(--white);
    background-color: var(--Cyan);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    font-weight: 500;
    position: relative;
    z-index: 999;
}

.questionBox svg {
    width: 25px !important;
    transition: 0.5s all linear;
}

.questionBox:hover h6 {
    color: var(--white);
}

.questionBox:hover svg path {
    fill: var(--white);
}

.faqItem.active svg {
    transform: rotate(-45deg);
}

.questionBox h6 {
    width: 100%;
    max-width: calc(100% - 41px);
}

.questionBox:hover {
    background: var(--gradient,
            linear-gradient(270deg, #89c543 0%, #00aee7 100%));
}

/* Contact Us */
.contactUs {
    padding: 124px 0 114px;
    position: relative;
}

.contactUs::after {
    position: absolute;
    top: 181px;
    left: 0;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/contactUsAfterEllipse.png);
    background-size: contain;
    width: 493px;
    height: 493px;
    content: "";
    background-repeat: no-repeat;
    z-index: -1;
}

.contactUs::before {
    position: absolute;
    bottom: 291px;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/contactUsBeforeEllipse.png);
    background-size: contain;
    content: "";
    width: 600px;
    height: 600px;
    background-position: right;
    z-index: -1;
}

.contactUsBox h3 {
    text-align: center;
}

.contactUsBox>p {
    text-align: center;
    margin: 15px 0 45px;
    color: rgba(0, 0, 0, 0.8);
}

.contactUsFormBox {
    background-color: var(--Cultured);
    padding: 52px 66px 52px 85px;
    border: 1px solid #efefef;
    border-radius: 16px;
    gap: 20px 70px;
}

.contactUsForm {
    width: 100%;
    max-width: calc(48% - 35px);
}

.contactUsContentBox {
    width: 100%;
    max-width: calc(52% - 35px);
}

.contactUsForm label,.shareProductForm label {
    display: block;
    text-transform: uppercase;
    color: #212121;
    letter-spacing: 2px;
    margin-bottom: 17px;
    font-family: "Space Grotesk", sans-serif;
}

.contactFormCol br,.shareProductForm br {
    display: none;
}

.contactUsForm input ,.shareProductForm input {
    padding: 13px 28px;
    min-height: 51px;
    border-radius: 16px;
    border: 1px solid #ededed;
    font-size: 14px;
    width: 100%;
    color: var(--black);
    outline: transparent;
}

.contactUsForm input:focus,.shareProductForm input:focus {
    border-color: var(--Yellow-Green);
}

.contactUsForm input::placeholder,.shareProductForm input::placeholder {
    color: rgb(0 0 0 / 40%);
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contactUsForm .fieldBtn,.shareProductForm .shareSubmit {
    background-color: var(--Yellow-Green);
    color: var(--white) !important;
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
}

.contactFormCol select {
    width: 100%;
    min-height: 51px;
    border-radius: 16px;
    border: 1px solid #ededed;
    padding: 13px 28px;
    font-size: 14px;
    font-family: "Manrope", sans-serif;
    appearance: none;
    background-image: url("https://trainingabc.com/wp-content/uploads/2024/12/selectdropdown.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right 20px center;
}

.formTextField,.shareProductForm textarea {
    height: 151px;
    width: 100%;
    border-radius: 16px;
    padding: 21px 24px;
    resize: none;
    font-size: 14px;
    border: 1px solid #ededed;
    font-family: "Manrope", sans-serif;
}

.formTextField::placeholder {
    color: rgb(0 0 0 / 40%);
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contactFormCol {
    margin-bottom: 25px;
}

.contactUsContentBox h5 {
    text-align: center;
    margin: 54px 0 22px;
    font-weight: 700;
}

.contactUsContentBox p {
    width: 100%;
    max-width: 66%;
    text-align: center;
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.8);
}

.contactUsContentBox p:first-of-type {
    margin-bottom: 22px;
}

.wpcf7-spinner {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.contactFormBox .contactFormCol+p {
    position: relative;
}

.avatarBox img {
    width: 120px;
    position: relative;
    z-index: 9;
}

.avatarBox {
    gap: 13px;
}

.avatarBox h6 {
    font-size: 20px;
}

.companyInfo {
    padding: 0 0 114px;
}

.page-template-about-us .companyInfo {
    padding: 134px 0 204px;
    position: relative;
}

.page-template-about-us .companyInfo::after {
    background-image: url(https://trainingabc.com/wp-content/uploads/2024/12/Building.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% 100%;
    content: "";
    right: 0;
    bottom: 94px;
    width: 700px;
    height: 700px;
    position: absolute;
    z-index: -1;
}

.companyInfoBox ul li:last-child {
    display: none;
}


.companyInfoBox ul li:first-child {
    order: 3;
}

.companyInfoBox ul li:nth-child(2) {
    order: 2;
}

.companyInfoLabel {
    min-height: 267px;
    border-radius: 16px;
    background-color: #f4f8f8;
    border: 1px solid #eff6ff;
    gap: 13px;
    padding: 20px 25px;
    font-size: 18px;
    color: #111111;
    text-align: center;
    font-weight: 500;
    font-family: "Space Grotesk", sans-serif;
}

.companyInfoBox ul li {
    width: 100%;
    max-width: calc(32.6% - 6px);
}

.companyInfoBox ul {
    gap: 18px;
}

.companyInfoIconBox {
    width: 79px;
    height: 79px;
    background-color: var(--white);
    border-radius: 50%;
}

.companyInfoLabel:hover {
    color: #f4f8f8;
    background: var(--gradient,
            linear-gradient(270deg, #89c543 0%, #00aee7 100%));
}

/* About TrainingABC */
.aboutTrainingABC {
    padding: 123px 0;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.aboutTrainingABCBox {
    background-color: #f4f8f8;
    border-radius: 10px;
    padding: 48px 54px;
    gap: 20px 70px;
}

.previewIconBox {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--Cyan);
}

.previewVideo {
    gap: 12px;
    flex-direction: row !important;
}

.aboutTrainingContentBox h3 {
    margin: 20px 0 34px;
}

.aboutTrainingContentBox p {
    color: rgba(0, 0, 0, 0.6);
}

.aboutTrainingContentBox {
    width: 100%;
    max-width: calc(50% - 35px);
}

.aboutTrainingVideoBox {
    width: 100%;
    max-width: calc(50% - 35px);
    position: relative;
}

.aboutTrainingVideoBox a {
    position: absolute;
    inset: 0;
    height: 84px;
    width: 84px;
    background-color: var(--Yellow-Green);
    border-radius: 50%;
    margin: auto;
}

/* Course Formats */
.courseFormatsItem {
    gap: 23px;
}

.courseFormatsImg img {
    height: 100%;
    object-fit: cover;
}

.courseFormatsImg {
    width: 100%;
    max-width: calc(50% - 11.5px);
    border-radius: 10px;
    overflow: hidden;
}

.courseFormatsContent {
    width: 100%;
    max-width: calc(50% - 11.5px);
    background-color: #F4F8F8;
    border-radius: 10px;
    align-content: center;
    padding: 20px 35px 20px 25px;
}

.courseFormatsContent h5 {
    margin-bottom: 13px;
}

.courseFormatsContent p {
    color: rgba(0, 0, 0, 0.6);
}

.courseFormats {
    padding: 100px 0;
    position: relative;
}

.courseFormats::after {
    width: 493px;
    height: 493px;
    content: "";
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/courseFormatAfter.png);
    position: absolute;
    top: 300px;
    left: 0;
    z-index: -1;
}

.courseFormatsBox {
    gap: 20px;
}

.courseFormatsBox .courseFormatsItem:nth-child(even) {
    flex-direction: row-reverse;
}

/* Business Law */
.businessLaw {
    padding: 100px 0;
}

.businessLawBox {
    padding: 25px 40px 47px 40px;
    background-color: #F4F8F8;
    border-radius: 10px;
}

.businessLawBox h3 {
    width: 100%;
    max-width: 900px;
    margin-bottom: 35px;
}

/*  */
.businessLawGallery {
    gap: 16px;
    width: 100%;
    max-width: calc(50% - 22px);
}

.businessLawGallery img {
    border-radius: 10px;
    width: 100%;
    max-width: 100%;
    display: block;
    object-fit: cover;
}

.twoImageBox {
    gap: 18px;
}

.businessLawList ul li a {
    font-size: 20px;
    margin-bottom: 17px;
    color: var(--black);
    display: inline-block;
}

.businessLawWrapper {
    gap: 20px 44px;
}

.businessLawList {
    width: 100%;
    max-width: calc(50% - 22px);
}

.oneImageBox {
    width: 100%;
    max-width: calc(50% - 8px);
    height: 100%;
}

.twoImageBox {
    width: 100%;
    max-width: calc(50% - 8px);
    height: 100%;
}

.businessLawList ul li a span {
    font-weight: 700;
}

.businessLawList ul li a:hover {
    background: var(--gradient, linear-gradient(270deg, #89c543 0%, #00aee7 100%));
    -webkit-background-clip: text;
    /* Clip background to text */
    -webkit-text-fill-color: transparent;
    /* Make text fill transparent */
    background-clip: text;
    /* Standard property */
    text-fill-color: transparent;
    /* Standard property */

}

.aboutUsContactULeftSidesBox {
    width: 100%;
    max-width: calc(100% - 425px);
}

.companyUpperBox {
    margin-bottom: 56px;
}

.aboutUsContactURightSidesBox {
    width: 100%;
    max-width: 425px;
}

.aboutUsContactURightSidesBox p {
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 29px;
    font-size: 18px;
}

.uniBtn {
    padding: 13px 31px;
    border-radius: 24px;
    color: var(--white);
    background-color: var(--Yellow-Green);
    font-weight: 700;
    gap: 6px;
    width: max-content;
    transition: 0.5s all linear;
    border: 1px solid var(--Yellow-Green);
    display: inline-flex;
}

.uniBtn:hover {
    background-color: transparent;
    color: var(--Yellow-Green);
}

.uniBtn:hover svg path {
    fill: var(--Yellow-Green);
}

.uniBtn svg path {
    transition: 0.5s all linear;
}

.aboutUsContactULeftSidesBox h2 {
    width: 100%;
    max-width: 540px;
}

.aboutUsContact .companyInfoLabel {
    background-color: var(--MSU-Green);
    color: var(--white);
}

.aboutUsContact ul+a {
    display: none;
}

.testimonials {
    padding: 100px 0;
    background-color: var(--MSU-Green);
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonialContentsbox {
    width: 100%;
    max-width: calc(36% - 45px);
}

.reviewSlider {
    width: 100%;
    max-width: calc(64% - 45px);
}

.reviewSlider .swiper-slide {
    padding: 0 30px;
}

.testimonialsbox {
    gap: 20px 90px;
}

.testimonialContentsbox h2 {
    color: var(--white);
    margin: 40px 0 32px;
}

.testimonialUpperBox {
    gap: 12px;
    overflow: hidden;
}

.testimonialUpperBox svg {
    position: relative;
    z-index: 999;
}

.testimonialUpperBox span {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
}

.testimonialContentsbox p {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 32px;
    max-width: 413px;
}

.reviewerPic {
    width: 100%;
    max-width: 41%;
}

.reviewerContent {
    width: 100%;
    max-width: 59%;
}

.reviewBox {
    border-radius: 10px;
    background-color: var(--white);
    overflow: auto;
}

.reviewerPic img {
    width: 100%;
}

.reviewerContent {
    width: 100%;
    max-width: 59%;
    padding: 31px 52px 31px 32px;
}



.reviewerContent h6 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
}

.reviewerContent span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    font-style: italic;
    margin-top: 6px;
    display: block;
}

.reviewerContent p {
    font-size: 18px;
    font-style: italic;
    line-height: 1.6;
    margin: 30px 0 20px;
}

.successNumber {
    font-size: 66px;
    font-weight: 700;
    color: var(--white);
    padding-right: 32px;
    margin-right: 32px;
    border-right: 1px solid var(--white);
}

.successTagline {
    width: 100%;
    max-width: 45%;
}

.successTagline span {
    font-weight: 500;
    font-size: 18px;
    color: rgba(255, 255, 255);
}

.reviewSliderNextBtn,
.reviewSliderPrevBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-radius: 50%;
    background-color: var(--white);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    box-shadow: 0px 2.4px 26.4px 0 rgba(0, 0, 0, 0.1);
}

.reviewSliderNextBtn {
    right: 0;
}

.reviewSliderPrevBtn {
    left: 0;
}

.reviewerPic img {
    height: 100%;
    object-fit: cover;
}

.courseFormat {
    background-color: #F4F8F8;
    padding: 164px 0 360px;
    position: relative;
    overflow: hidden;
}

.courseFormat::after {
    position: absolute;
    top: 43px;
    left: 0;
    width: 278px;
    height: 278px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://trainingabc.com/wp-content/uploads/2024/12/AboutUsEllipse.png);

}

.courseFormatBox {
    gap: 20px 40px;
}

.courseFormatImageBox {
    width: 100%;
    max-width: calc(56% - 20px);
}
.courseFormatImageBox img {
    width: 100%;
}
.courseFormatContentBox {
    width: 100%;
    max-width: calc(44% - 20px);
}

.courseFormatContentBox h2 {
    margin: 40px 0 24px;
}

.sectionShortLabel {
    gap: 12px;
    font-size: 18px;
    font-weight: 600;
}

.courseFormatContent {
    display: none;
}

.courseFormatLabel h6 {
    font-size: 24px;
}

.courseFormatAccordion:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding-bottom: 24px;
}

.courseFormatAccordion {
    cursor: pointer;
}

.courseFormatContent {
    margin-top: 12px;
}

.courseFormatAccordionBox {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.courseFormatAbosluteLabel {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.courseFormatAbosluteLabel h5::after {
    position: absolute;
    content: attr(data-label);
    /* Fetch the value of the data-label attribute */
    width: 100%;
    color: rgba(0, 0, 0, 4%);
    font-weight: 500;
    height: 100px;
    font-size: 122px;
    left: -1014px;
    bottom: 0;
    z-index: 99;
    white-space: nowrap;
}


.courseFormatAbosluteLabel h5 {
    position: relative;
}

.hiddensectionShortLabel {
    display: none;
}

.courseFormatAccordion.active {
    background-color: var(--white);
    border-radius: 10px;
    padding: 15px;
    border-color: transparent;
    transition: 0.5s all linear;
}

.courseFormatLabel {
    transition: 0.5s all linear;
}

.courseFormatAccordion.active .courseFormatLabel svg {
    transform: rotate(180deg);
}

.secondCoruseFormat {
    padding: 100px 0;
}

.secondCoruseFormatContentBox {
    width: 100%;
    max-width: calc(44% - 45px);
}

.secondCoruseFormatImageBox {
    width: 100%;
    max-width: calc(56% - 45px);
    position: relative;
}

.secondCoruseFormatImageBox::before {
    position: absolute;
    top: -10px;
    left: -10px;
    content: "";
    width: 83px;
    height: 83px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://trainingabc.com/wp-content/uploads/2025/01/cap.png");
}

.secondCoruseFormatImageBox img {
    border-radius: 10px;
    overflow: hidden;
}

.secondCoruseFormatImageBox {
    gap: 30px;
}

.secondCoruseFormatImageBox img:first-child {
    width: 100%;
    max-width: calc(59% - 15px);
}

.secondCoruseFormatImageBox img:last-child {
    width: 100%;
    max-width: calc(41% - 15px);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.secondCoruseFormatContentBox h3 {
    margin: 15px 0 40px;
}

.secondCoruseFormatContentBox p {
    width: 100%;
    max-width: 468px;
}

.secondCoruseFormatContentBox a {
    margin-top: 40px;
    display: inline-flex;
}

.aboutUs {
    padding: 100px 0;
    position: relative;
}

.aboutUs::after {
    position: absolute;
    top: 360px;
    left: 0;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    background-image: url(https://trainingabc.com/wp-content/uploads/2024/12/AboutEllipse.png);
    background-size: contain;
    width: 493px;
    height: 493px;
}

.aboutUsBox h3 {
    margin: 17px 0 64px;
    width: 100%;
    max-width: 894px
}

.aboutUsFirstRow {
    gap: 20px 28px;
}

.aboutUsFirstRow img {
    border-radius: 10px;
    width: 100%;
}

.aboutUsFirstContent {
    width: 100%;
    max-width: calc(25.9% - 10px);
    align-self: center;
}

.aboutUsFirstContent p {
    margin: 0 0 63px;
    padding: 21px 0;
    position: relative;
}

.aboutUsFirstContent p::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 99px;
    background-color: #89C543;
    height: 2px;
    content: "";
}

.aboutUsSecondContent {
    width: 100%;
    max-width: calc(39% - 60px);
}

.aboutUsSecondRowFirstImage {
    width: 100%;
    max-width: calc(61% - 60px);
}

.aboutUsSecondRow {
    gap: 20px 120px;
    margin-top: 60px;
}

.aboutUsSecondContent {
    width: 100%;
    max-width: calc(39% - 60px);
}

.aboutUsSecondRowFirstImage {
    width: 100%;
    max-width: calc(61% - 60px);
}


.aboutUsSecondContent p {
    margin: 0 0 35px;
    padding: 21px 0;
    position: relative;
}

.aboutUsSecondContent p::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 99px;
    background-color: #89C543;
    height: 2px;
    content: "";
}

.synopsis {
    padding: 100px 0;
    position: relative;
}

.synopsis::after {
    width: 493px;
    height: 493px;
    content: "";
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/sexualHarassmentInStateAfter.png);
    position: absolute;
    bottom: -123px;
    left: 0;
    z-index: -1;
}

.synopsis::before {
    width: 493px;
    height: 493px;
    content: "";
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/singleDetailPage.png);
    position: absolute;
    bottom: -381px;
    right: 0;
    z-index: -1;
}

.pageInfoBox {
    margin-bottom: 13px;
    border-radius: 6px;
    overflow: hidden;
    /* padding: 0 45px; */
}

.pageInfoTitle {
    display: block;
    text-align: center;
    padding: 18px 0;
    font-weight: 700;
}

.pageInfoTitle {
    background-color: #F4F8F8;
}


.pageInfo {
    width: 100%;
    max-width: calc(100% / 3);
}

.pageInfoDetail {
    text-align: center;
    display: block;
    background-color: rgb(231 243 217 / 20%);
    padding: 18px 0;
}

.synopsisFeaturedImageBox img {
    border-radius: 10px;
    width: 100% !important;
    height: auto !important;
}

.synopsisFeaturedImageBox {
    width: 100%;
    max-width: calc(50% - 8px);
}

.synopsisFeaturedContentBox {
    width: 100%;
    max-width: calc(50% - 8px);
    background-color: #F4F8F8;
    border-radius: 6px;
    align-content: center;
    padding-left: 55px;
    padding-right: 14px;
}

.synopsisBox {
    gap: 12px 16px;
}

.synopsisFeaturedContentBox h5 {
    font-size: 15px;
    margin-bottom: 14px;
    font-weight: 700;
}


.stateByStateImageBox {
    width: 100%;
    max-width: calc(50% - 8px);
}

.stateByStateImageBox img {
    border-radius: 10px;
}

.stateByStateContentBox {
    width: 100%;
    max-width: calc(50% - 8px);
    align-content: center;
}


.stateByStateBox {
    gap: 20px 16px;
}

.stateByStateContentBox h3 {
    margin-bottom: 22px;
    font-weight: 400;
}

.stateByStateContentBox p {
    width: 100%;
    max-width: 525px;
    color: rgba(0, 0, 0, 0.6);
}

.stateByState {
    padding-bottom: 80px;
    position: relative;
}

.stateByState::after {
    position: absolute;
    bottom: -100px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://trainingabc.com/wp-content/uploads/2025/01/harrassmentLawAfter.png");
    background-position: right;
    width: 493px;
    height: 493px;
    right: 0;
    z-index: -1;
}

.differetLawInStatesBox {
    padding: 52px 44px;
    border: 1px solid #EBEBEB;
    flex-direction: column;
    gap: 38px;
}

.differetLawInStatesItem {
    width: 100%;
    padding-bottom: 38px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: none;
}

.differetLawInStatesImage img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

.differetLawInStatesImage {
    width: 100%;
    max-width: calc(18% - 8px);
}

.differetLawInStates {
    padding-bottom: 100px;
}

.differetLawInStates .uniBtn {
    margin: 0 auto;
}

.differetLawInStatesContent {
    width: 100%;
    max-width: calc(82% - 8px);
}

.differetLawInStatesContent h6 {
    font-size: 15px;
    margin-bottom: 13px;
}

.differetLawInStatesContent p,
.differetLawInStatesContent ul {
    color: rgba(0, 0, 0, 0.6);
}

.differetLawInStatesContent ul li {
    list-style: initial;
    margin-left: 16px;
    margin-bottom: 5px;
    font-size: 16px;
}

.postListBox {
    gap: 18px;
}

.postListItem {
    width: 100%;
    max-width: calc(33.3% - 12px);
    background-color: #F4F8F8;
    display: none;
}

.postListItem.visible {
    display: block;
}

.postListItem a {
    color: var(--black);
}

.postBox {
    padding: 100px 0;
}

.postTitleExcerptBox {
    padding: 27px 50px 33px 38px;
}

.postTitleExcerptBox h6 {
    margin-bottom: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.postTitleExcerptBox h6 {
    font-size: 20px;
}

.postTitleExcerptBox p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6) !important;
}

.postMetaBox {
    padding: 16px 14px;
    position: relative;
    z-index: 999;
}

.postMetaBox::after {
    position: absolute;
    bottom: -10px;
    left: 42px;
    content: "";
    width: 16px;
    height: 10px;
    z-index: -1;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/triangleArrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.postPublishedDate {
    font-size: 12px;
    color: #373737;
    width: max-content;
}

.postAuthorBox {
    gap: 10px;
    width: max-content;
}

.postPublisherImage img {
    width: 37px;
    height: 37px;
    border-radius: 50%;
}

.postPublisherName p {
    font-weight: 500;
}

.postPublisherName span {
    font-weight: 400;
}

.postFeaturedImage img {
    max-height: 230px;
    width: 100%;
    object-fit: cover;
    min-height: 230px;
}

.blogsTopBox {
    margin-bottom: 40px;
}

.mobileBtn {
    display: none;
}

.productMap {
    padding: 70px 0 100px;
    position: relative;
}

.productMap .productTitle {
    min-height: 52px;
}

.productMap::after {
    position: absolute;
    top: 295px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://trainingabc.com/wp-content/uploads/2025/01/productMapAfter.png");
    background-position: left;
    width: 493px;
    height: 493px;
    left: 0;
    z-index: -1;
}

.productMapFilter a {
    font-size: 52px;
    color: #1C473E;
    font-weight: 500;
    border-radius: 7px;
    background-color: #F4F8F8;
    width: calc((100% / 12) - 14.7px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s all linear;
}

.productMapFilter {
    gap: 16px;
}

.productMapFilter a:hover {
    background-color: #1C473E;
    color: var(--white);
}

.productMapBox h3 {
    margin: 64px 0 53px;
}

.productItem {
    width: 100%;
    max-width: calc(33.3% - 11px);
}

.productList {
    gap: 32px 16px;
}

.productImage img {
    width: 100%;
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.productTitle {
    font-size: 20px;
    font-weight: 500;
    margin: 16px 0 24px;
    padding: 0 20px;
}

.productMetaBox {
    padding: 0 20px;
}

.productCart {
    margin: 30px 0;
    gap: 12px;
}

.productPublishedDate {
    text-align: center;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    font-size: 14px;
}

.productDetail a {
    font-weight: 700;
    color: #89C543;
}

.productDetail a svg path {
    fill: #89C543;
}

.alphabet-link.active {
    background-color: #1C473E;
    color: var(--white);
}

.productSku span {
    color: rgba(0, 0, 0, 0.40);
    margin-right: 6px;
}

.productSku {
    font-weight: 500;
    color: black;
}

.courseLenght {
    color: rgba(0, 0, 0, 0.40);
}

.courseLenght span {
    color: black;
    font-weight: 500;
    margin-left: 6px;
}

.productDetailBtn {
    gap: 11px;
}

.guaranteedandCertified {
    padding: 100px 0;
    background-color: #F4F8F8;
    position: relative;
}

.guaranteedandCertified::after {
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/GuaranteedAndCertifiedEllipse.png);
    content: "";
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 612px;
    height: 300px;
    left: 0;
    position: absolute;
    top: 0;
}

.guaranteedandCertified::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/guaranteedandCertifiedBeforeEllipse.png);
    background-size: contain;
    content: "";
    width: 600px;
    height: 600px;
    background-position: right;
}

.guaranteedandCertifiedBoxLeftSideBox {
    width: 100%;
    max-width: calc(49% - 80px);
}

.guaranteedandCertifiedBoxRightSideBox {
    width: 100%;
    max-width: calc(51% - 80px);
    margin-top: 67px;
}

.guaranteedandCertifiedBoxLeftSideBox h3 {
    margin: 40px 0;
}

.guaranteedandCertifiedItem p {
    padding: 21px 0;
    max-width: 53%;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
}

.guaranteedandCertifiedItem p::after {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    width: 33%;
    height: 2px;
    background-color: #89C543;
}

.guaranteedandCertifiedItem p {
    max-width: 53%;
}



.uniBtn.mobileGuaranteed {
    display: none;
}

.guaranteedandCertifiedItem:nth-child(2) {
    width: 100%;
    max-width: 53%;
    margin-left: auto;
    margin: 73px 0 42px auto;
}

.guaranteedandCertifiedItem:nth-child(2) p {
    max-width: 100%;
}

.guaranteedandCertifiedItem {
    position: relative;
    counter-increment: ol-counter;
}

.guaranteedandCertifiedItem::after {
    content: "0" counter(ol-counter);
    font-size: 134px;
    position: absolute;
    top: -120px;
    color: rgba(0, 0, 0, 0.06);
    font-weight: 700;
    left: -47px;
}

.homeBannerContent {
    width: 100%;
    max-width: calc(47% - 10px);
}

.homeBannerImage {
    width: 100%;
    max-width: calc(53% - 10px);
}

.homeBannerImage img {
    display: block;
    margin-left: auto;
    width: 100%;
    max-width: 100%;
}

.homeBannerBox {
    gap: 24px 20px;
}

.homeBannerContent {
    padding-top: 32px;
}

.homeBannerContenttopBox p {
    margin: 20px 0 48px;
    width: 100%;
    max-width: 467px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
}

.numberBoxItem h2 {
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative;
}

.numberBoxItem h2::after {
    bottom: 0;
    content: "";
    left: 0;
    background-color: #89C543;
    position: absolute;
    height: 2px;
    width: 87%;
}

.homeBanner {
    position: relative;
}

.homeBanner::after {
    position: absolute;
    width: 100%;
    bottom: 0;
    content: "";
    height: 12px;
    background: var(--gradient, linear-gradient(270deg, #89c543 0%, #00aee7 100%));
}

.homeBanner .scrollBottom {
    right: 0;
    left: 0;
    margin: auto;
}

.multiBtn {
    gap: 24px;
}

.multiBtn a:first-child {
    background-color: #123C32;
    border: 1px solid #123C32;
}

.multiBtn a:last-child {
    color: #123C32;
    font-weight: 700;
    align-items: center;
    gap: 8px;
    transition: 0.5s all linear;
}

.multiBtn a:last-child svg path {
    fill: #123C32;
}

.multiBtn a:first-child:hover {
    background-color: transparent;
    color: #123C32;
    border-color: #123C32;
}

.multiBtn a:first-child:hover svg path {
    fill: #123C32;
}

.multiBtn a:last-child:hover {
    color: #89c543;
}

.multiBtn a:last-child:hover svg path {
    fill: #89c543;
}

.multiBtn a:last-child svg path {
    transition: 0.5s all linear;
}

.numberBoxItem h2 {
    color: #00AEEA;
}

.homeBannerContentBottomBox {
    margin-bottom: 80px;
}

.numberBox {
    gap: 34px;
}

.numberBox p {
    font-size: 18px;
    font-weight: 500;
}

.popularCourses {
    padding: 80px 0;
}

.popularCoursesBox .tabs {
    gap: 20px 42px;
    font-size: 20px;
    font-weight: 600;
}

.popularCoursesBox .tabs li {
    padding-bottom: 9px;
    position: relative;
    transition: 0.3s all linear;
}

.popularCoursesBox .tabs li::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: black;
    left: 0;
    bottom: 0;
    transition: 0.3s all linear;
}

.popularCoursesBox .tabs li.current {
    opacity: 1;
}

.popularCoursesBox .tabs li {
    color: rgb(0 0 0 / 40%);
}

.popularCoursesBox .tabs li.current,
.popularCoursesBox .tabs li:hover {
    color: black;
}

.popularCoursesBox .tabs li::after {
    width: 0px;
}

.popularCoursesBox .tabs li.current::after,
.popularCoursesBox .tabs li:hover::after {
    width: 100%;
}


.popularCoursesBox .tab-content .productItem .productMetaBox {
    margin-bottom: 24px;
}

.popularCoursesBox .tab-content .productTitle {
    color: black;
    min-height: 52px;
}

.popularCoursesBox .tab-content .productPublishedDate {
    color: black;
}


.popularCoursesBox .tabsContent {
    margin-top: 59px;
}

.popularCoursesBox>a {
    margin: 48px auto 0;
    width: max-content;
    display: flex;
}

.popularCoursesBox .tab-content {
    display: none;
}

.popularCoursesBox .tab-content.current {
    display: flex;
}

.siteMap {
    padding: 100px 0;
}


.categories .category {
    margin: 40px 0;
}

.categories .category:first-child {
    margin-top: 0;
}

.categories .category:last-child {
    margin-bottom: 0;
}

.pages {
    margin-top: 40px;
}

.categories .category h6,
.pages h6 {
    margin-bottom: 13px;
    font-size: 22px;
}

.categories .category ul li a,
.pages ul li a {
    font-size: 16px;
    text-decoration: underline;
    color: rgb(0 111 207 / 60%);
}

.categories .category ul li,
.pages ul li {
    list-style: disc;
    list-style-position: inside;
}

.categories .category ul li::marker,
.pages ul li::marker {
    color: rgb(0 111 207 / 60%);
    /* Set the color of the marker */
}

.usAntiTrustLaw,
.californiaAB1825,
.federalSexualHarassmentLaw,
.foreignCorruptPractices {
    padding: 100px 0;
}

.usAntiTrustLawBox p {
    margin-bottom: 30px;
}

.usAntiTrustLawBox ul {
    margin-bottom: 30px;
    display: block;
}

.usAntiTrustLawBox h6 {
    margin-bottom: 13px;
}

.usAntiTrustLawBox li {
    font-size: 16px;
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 5px;
}

.californiaAB1825 p,
.federalSexualHarassmentLaw p,
.foreignCorruptPracticesBox p {
    margin-bottom: 30px;
}

.californiaAB1825 h6,
.federalSexualHarassmentLaw h6,
.foreignCorruptPracticesBox h6 {
    margin-bottom: 13px;
}

.californiaAB1825 ul,
.federalSexualHarassmentLaw ul,
.foreignCorruptPracticesBox ul {
    margin-bottom: 30px;
    display: block;
}

.californiaAB1825 li,
.federalSexualHarassmentLaw li,
.foreignCorruptPracticesBox li {
    font-size: 16px;
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 5px;
}

.californiaAB1825Box p:last-child,
.federalSexualHarassmentLaw p:last-child,
.foreignCorruptPracticesBox p:last-child {
    margin-bottom: 0;
}

.single-post .synopsis h1 {
    font-size: 44px;
    font-weight: 400;
    margin-bottom: 28px;
}

.postContent {
    padding: 0px 0 100px;
}

.postContentBox h6 {
    font-size: 15px;
    font-weight: 700;
    margin: 22px 0 13px;
}

.postContentBox hr {
    margin: 20px 0 19px;
}

.postContentBox ul li {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 3px;
}

.postContentBox ul {
    margin-bottom: 8px;
}

.postContentBox p {
    margin-bottom: 3px;
}

.postContentleftSide {
    width: 100%;
    max-width: calc(60% - 10px);
}

postContentleftSide h6 {
    color: #1D1B1B;
}

.postContentRightSide {
    width: 100%;
    max-width: calc(40% - 10px);
}

.postContentRightSide img {
    width: 100%;
}

.postInnerContent {
    gap: 20px;
    margin: 20px 0;
    align-items: center;
}

.page-template-about-us .faq {
    position: relative;
}

.page-template-about-us .faq::after {
    position: absolute;
    bottom: -95px;
    content: "";
    width: 434px;
    height: 434px;
    background-repeat: no-repeat;
    background-image: url("https://trainingabc.com/wp-content/uploads/2024/12/faqEllipse.png");
    background-size: contain;
    right: 0;
    z-index: -1;
    background-position: right;

}

.page-template-about-us .faq::before {
    position: absolute;
    top: -91px;
    content: "";
    width: 434px;
    height: 434px;
    background-repeat: no-repeat;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/faqBefore.png);
    background-size: contain;
    left: 0;
    background-position: left;
}

.aboutUsFirstRowFirstImage {
    width: 100%;
    max-width: calc(25% - 10px);
}

.aboutUsFirstRowSecondImage {
    width: 100%;
    max-width: calc(47% - 10px);
}

.boxShadowEllipse1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 440px;
    height: 400px;
    z-index: -1;
}

.boxShadowEllipse2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 440px;
    height: 440px;
    z-index: -1;
}

.comment {
    padding: 80px 0;
    background-color: #F4F8F8;
}

.comment-reply-title {
    margin-bottom: 24px;
    width: 100%;
    max-width: 65%;
}

.comment-reply-title {
    margin-bottom: 24px;
    width: 100%;
    max-width: 65%;
}

#commentform {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.comment-form-author {
    order: 1;
    width: 100%;
    max-width: calc(50% - 10px);
}

.comment-form-email {
    order: 2;
    width: 100%;
    max-width: calc(49% - 10px);
}

.comment-form-url {
    order: 3;
    width: 100%;
}

.comment-form-cookies-consent {
    order: 5;
}

.form-submit {
    order: 6;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.comment-form-comment {
    order: 4;
    width: 100%;
}

.comment-notes {
    margin-bottom: 12px;
    width: 100%;
}

#commentform label:not(.comment-form-cookies-consent label) {
    display: block;
    display: block;
    text-transform: uppercase;
    color: #212121;
    letter-spacing: 2px;
    margin-bottom: 17px;
    font-family: "Space Grotesk", sans-serif;
    line-height: 1;
}

#commentform input:not(#wp-comment-cookies-consent) {
    padding: 13px 28px;
    min-height: 51px;
    border-radius: 16px;
    border: 1px solid #ededed;
    font-size: 14px;
    width: 100%;
    color: var(--black);
}

.comment-form-comment textarea {
    max-width: unset;
    height: 151px;
    width: 100%;
    border-radius: 16px;
    padding: 21px 24px;
    resize: none;
    font-size: 14px;
    border: 1px solid #ededed;
    font-family: "Manrope", sans-serif;
}

.form-submit button {
    cursor: pointer;
}

.comment-form-cookies-consent label {
    color: #212121;
    letter-spacing: 2px;
    font-family: "Space Grotesk", sans-serif;
    line-height: 1;
}

.comment-meta .comment-author.vcard img {
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

.comment-meta .comment-author.vcard {
    display: flex;
    align-items: center;
    gap: 16px;
}

.comment-meta span.says {
    display: none;
}

.comment-meta b.fn a,
.comment-meta b.fn {
    font-size: 18px;
    font-weight: 400;
    color: #0F1106;
    text-transform: capitalize;
    cursor: pointer;
}

.comments-area .comment-list li {
    padding: 0;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #E9ECEF;
}

.comments-area .comments-title {
    display: none;
}

.comment-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

em.comment-awaiting-moderation {
    width: 100%;
}

.comment-metadata a time {
    font-size: 14px;
    color: #868E96;
    cursor: pointer;
}

.comments-header .comments-title {
    display: block;
    font-size: 16px;
}

.comments-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 56px;
    border-bottom: 1px solid #CED4DA;
}

.sortBox {
    gap: 24px;
}

.sortBox #comment-filter {
    background-color: transparent;
    border: transparent;
    color: #0F1106;
    font-size: 16px;
    outline: none;
}

.courseFilter {
    padding: 80px 0 48px;
}

.courseTopFilterBox {
    margin-bottom: 18px;
    gap: 22px;
}

.courseCategoryFilterBox {
    padding: 26px 64px 47px 31px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    width: 100%;
    max-width: calc(33% - 11px);
}

.courseCategoryFilterBox .category-item label,.courseCategoryFilterBox .category-item a {
    font-size: 16px;
    color: rgb(0 111 207 / 60%);
    line-height: 1;
    position: relative;
    padding-left: 20px;
}

.courseCategoryFilterBox .category-item input {
    width: 0px;
    height: 0px;
	display:none;
}

.courseCategoryFilterBox .category-item>label::after,.courseCategoryFilterBox .category-item>a::after {
    width: 12px;
    height: 12px;
    border: 1px solid #66A9E2;
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
}

.category-item input:checked+label::after {
    background-color: #66A9E2;
}

.sub-categories {
    padding: 5px 0;
    border-top: 1px solid #E5E5E5;
    margin: 5px 0;
    display: flex;
    flex-direction: column;
    gap: 5px 0;
	margin-left: 10px;
}
.category-item .sub-categories:last-child {
        border-bottom: 1px solid #E5E5E5;
}
.courseCategoryFilterBox .sub-categories label::after {
    width: 12px;
    height: 12px;
    border: 1px solid #66A9E2;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 6px;
    left: 0px;
}
.sub-category-item a::after {
    width: 12px;
    height: 12px;
    border: 1px solid #66A9E2;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 6px;
    left: 0px;
}
.courseResultBox .pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}
.courseResultBox {
    width: 100%;
    max-width: calc(67% - 11px);
}

.courseResultBox .btnView {
    font-weight: 700;
}

.courseBottomFilterBox {
    gap: 22px;
}

.courseResultBox .productItem {
    max-width: calc(50% - 11px);
}

.courseBottomFilterBox {
    align-items: flex-start;
}

.courseCategoryFilterBox .category-item label::before {
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    background-color: transparent;
    left: 3px;
    right: 0;
    top: 8px;
    z-index: 9;
}

.category-item input:checked+label::before {
    background-color: white;
}
.category-item .sub-category-item input:checked+label::before  {
    top: 9px;
}

.courseCategoryFilterBox .sub-categories label::before {
    border-radius: 50%;
}

.category-item:has(.sub-categories input:checked)>label::before {
    background-color: white;
}

.category-item:has(.sub-categories input:checked)>label::after {
    background-color: #66A9E2;
}

.coursesAllHeading {
    width: 100%;
    max-width: calc(33% - 11px);
}

.courseTopFilter {
    width: 100%;
    max-width: calc(67% - 11px);
    gap: 22px;
}

.courseSearchFilter input {
    background-color: #F4F8F8;
    border: 1px solid #F4F8F8;
    min-height: 45px;
    border-radius: 10px;
    padding: 10px 10px 10px 35px;
    width: 193px;
    transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    outline: transparent;
    font-family: "Manrope", sans-serif;
}

.courseSearchFilter input:focus {
    width: 220px;
}

.courseSearchFilter {
    position: relative;
}

.courseSearchFilter img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 13px;
}

.courseSearchFilter input::placeholder {
    font-size: 14px;
    color: #000000;
    font-family: "Manrope", sans-serif;
}

.courseSelectFilter select {
    min-height: 45px;
    border-radius: 10px;
    padding: 10px 10px;
    background-color: #F4F8F8;
    border: 1px solid #F4F8F8;
    outline: transparent;
}

.Error {
    padding: 100px 0;
}

.ErrorBox p {
    margin: 24px 0 48px;
    text-align: center;
}

.ErrorBox {
    text-align: center;
}

.siteSearch {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: white;
    min-height: 158px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
    z-index: 999;
    top: -100%;
    transition: 0.5s all;
}

.siteSearch.Toggle {
    top: 0;
}

.searchBox input {
    min-height: 56px;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    font-family: "Manrope", sans-serif;
    outline: transparent;
    background-color: #F4F8F8;
    border: 1px solid #F4F8F8;
    padding: 10px 10px 10px 67px;
}

.searchBox form>button {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: var(--gradient, linear-gradient(270deg, #89c543 0%, #00aee7 100%));
    border: none;
    outline: transparent;
    width: 55px;
    border-radius: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.searchBox {
    position: relative;
}

.searchBox button svg {
    width: 20px !important;
    height: 20px !important;
}

.crossSearch {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.searchResultBox {
    position: absolute;
    width: 100%;
    background-color: white;
    margin-top: 51px;
}

.searchResultItem>p {
    margin: 10px 0;
}

.searchResultItem .productItem {
    width: 100%;
    max-width: 100%;
    padding: 5px 20px;
    border-bottom: 1px solid #89C543;
}

.searchResultItem .productItem a {
    gap: 16px;
    color: black;
}

.searchResultItem .productItem a img {
    width: 70px;
}

.searchResultItem .productItem a p {
    font-size: 20px;
    font-weight: 500;
}

.searchResultBox:has(.searchResultItem > p) {
    background-color: transparent;
    margin-top: 0px;
}

.showMoreContainer {
    text-align: center;
}

.showMoreContainer button {
    cursor: pointer;
    width: 100%;
    border-radius: 0px;
    margin: 0;
    text-align: center;
    justify-content: center;
    background-color: var(--Yellow-Green) !important;
    color: var(--white) !important;
}

.result {
    padding: 100px 0;
}

.result .productItem a h2 {
    color: black !important;
}

.trainingabcCompanyDetail {
    background-repeat: no-repeat;
    padding: 100px 0;
}

.trainingabcCompanyDetailBox h6 {
    margin-bottom: 8px;
}

.trainingabcCompanyDetailBox p:not(:last-child) {
    margin-bottom: 24px;
}

.trainingabcCompanyDetailBox p:nth-child(6) {
    margin-bottom: 8px;
}

.postContentBox a {
    color: #036AEA;
}

.postContentBox>p:not(:last-child) {
    margin-bottom: 22px;
}

.single.single-post .synopsis {
    padding-bottom: 47px;
}

.proMeta {
    gap: 20px;
}

.proMeta div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.proMeta div span:nth-child(1) {
    color: #1D1B1B;
    font-size: 18px !important;
    font-weight: 700;

}

.proMeta div span:nth-child(1)::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #1D1B1B;
    border-radius: 40px;
    margin-right: 15px;
}

.proMeta div span:nth-child(2) {
    color: #1D1B1B;
    font-size: 15px !important;
    font-weight: 400;
    min-width: 80px;
}

.followus {
    padding-bottom: 30px;
}

.single-product .container {
    padding-top: 60px;
}

.single-product .woocommerce-breadcrumb {
    display: none !important;
}

#masthead .topHeader .container {
    padding-top: 0px;

}

#masthead .bottomHeader .container {
    padding-top: 0px;
}

.loginsWrapper {
    background-color: #F4F8F8;
    padding: 30px;
    border-radius: 10px;
    gap: 80px;
}

.loginFormWrapper {
    width: 100%;
    max-width: calc(50% - 40px);
}

.loginsImageWrapper {
    width: 100%;
    max-width: calc(50% - 40px);
}

.loginsImageWrapper img {
    width: 100%;
}

.loginLogoWrapper img {
    max-width: 105px;
}

.woocommerce-form.woocommerce-form-login.login label {
    display: none;
}

.loginTextWrapper h5 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0;
}

.woocommerce form .form-row:first-of-type {
    margin-bottom: 19px;
}

.woocommerce form .form-row:nth-of-type(2) {
    margin-bottom: 27px;
}

.woocommerce-form.woocommerce-form-login.login {
    border: none;
    padding: 0px !important;
    margin: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.woocommerce-form.woocommerce-form-login.login input {
    min-height: 62px;
    border: 1px solid transparent;
    padding: 17px 40px;
    border-radius: 50px;

}

.woocommerce-button.button.woocommerce-form-login__submit:hover {
    background-color: transparent !important;
    color: var(--Yellow-Green);
}


.woocommerce-button.button.woocommerce-form-login__submit:hover svg path {
    fill: var(--Yellow-Green);
}

.woocommerce-LostPassword.lost_password a {
    text-decoration: underline;
    color: #036AEA;
    font-size: 18px;
    transition: 0.5s all linear;
}

.woocommerce-LostPassword.lost_password a:hover {
    color: var(--Yellow-Green);
}

.woocommerce-MyAccount-content input {
    min-height: 50px;
    border-radius: 50px;
    padding: 0px 20px;
}

.woocommerce-button.button.woocommerce-form-login__submit {
    padding: 13px 31px !important;
    border-radius: 24px !important;
    color: var(--white);
    background-color: var(--Yellow-Green) !important;
    font-weight: 700 !important;
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--Yellow-Green);
    transition: 0.5s all linear;
}

input#rememberme {
    min-height: auto;
}

.cookiesWrapper {
    gap: 3px;
}

.woocommerce-MyAccount-content button[type="submit"] {
    padding: 13px 31px !important;
    border-radius: 24px !important;
    color: var(--white);
    background-color: var(--Yellow-Green) !important;
    font-weight: 700 !important;
    margin-top: 40px;
}

.woocommerce-MyAccount-content fieldset {
    padding: 14px;
    border-radius: 16px;
}

.loginCheckBoxwrapper {
    display: flex;
    align-items: center;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto 0;
    height: max-content;
	transform:unset;
}

.loginCheckBoxwrapper input {
    margin-right: 10px;
}

.loginCheckForgetWrapper {
    display: flex;
    justify-content: space-between;
}

.woocommerce-LostPassword.lost_password {
    display: flex;
    align-items: center;
}

.Registration-page .ur-frontend-form {
    border: none;
}

.Registration-page {
    padding: 100px 0;
}

.Registration .ur-field-item {
    margin: 0 !important;
}

.Registration .ur-frontend-form .ur-form-row {
    margin: 0;
}

.Registration h6 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: left;
}

.Registration-page input {
    min-height: 62px !important;
    border-radius: 50px !important;
    padding: 17px 40px !important;
    border: 1px solid transparent;
    margin-bottom: 19px !important;
}

.Registration-page button[type="submit"] {
    padding: 13px 31px !important;
    border-radius: 24px !important;
    color: var(--white);
    background-color: var(--Yellow-Green) !important;
    font-weight: 700 !important;
}

.Registration .ur-form-grid.ur-grid-1 {
    padding: 0 !important;
    width: 100% !important;
}

.ur-field-item.field-privacy_policy label {
    margin: auto !important;
}

.registerLogoWrapper img {
    width: 100%;
    max-width: 205px;
    height: auto;
    display: block;
    margin: 50px 0 0 auto;
}

.Registration-page .loginLogoWrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.RegistrationWrapper .top-content h3 {
    line-height: 1.4;
}

.Registration {
    width: 100%;
    max-width: calc(50% - 25px);
}

.registrationInnerWrapper .loginsImageWrapper {
    width: 100%;
    max-width: calc(50% - 25px);
}

.top-content p {
    margin: 26px 0;
    max-width: 600px;
    margin: 26px auto;
    opacity: 80%;
}

.Registration-page input::placeholder {
    color: rgba(0, 0, 0, 0.8) !important;
}

div[data-field-id="accountInformation"] input {
    display: none;
}

div[data-field-id="accountInformation"] label {
    margin: 37px 0 30px !important;
    text-align: left;
    font-size: 24px !important;
    font-weight: 500 !important;
    font-family: "Space Grotesk", sans-serif;
}

div[data-field-id="organization"] input {
    margin: 0 !important;
}

div[data-field-id="organization"] input {
    margin: 0 !important;
}


select#membership {
    min-height: 62px;
    background-color: white;
    border-radius: 43px;
    border: 1px solid transparent;
    padding: 17px 40px;
    margin-bottom: 19px;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/selectArrow.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 28px center;
}

input#privacy_policy_1736654063 {
    min-height: auto !important;
    margin: -4px 7px 0 0 !important;
}

abbr.required {
    display: none;
}

.ur-field-item.field-user_confirm_password input {
    margin-bottom: 0px !important;
}

.ur-field-item.field-privacy_policy {
    margin: 40px 0 50px !IMPORTANT;
}

.RegistrationWrapper {
    text-align: center;
    background-color: #F4F8F8;
    padding: 75px 40px 55px;
    border-radius: 10px;
}

.RegistrationWrapper .ur-label.checkbox {
    text-align: left;
}

.RegistrationWrapper .ur-submit-button {
    margin-left: 0px !important;

}

.registrationInnerWrapper {
    gap: 50px;
}

.user-registration.ur-frontend-form {
    padding: 0px;
}

.RegistrationWrapper .top-content {
    max-width: 700px;
    margin: auto;

}

.postContentleftSide u {
    display: block;
    margin-bottom: 5px;
}

.postContentleftSide strong {
    display: block;
    color: #1D1B1B;
}

.explictWrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px 0;
}

.explictContentWrapper {
    width: 100%;
    max-width: calc(50% - 10px);
}

.explictImageWrapper {
    width: 100%;
    max-width: calc(50% - 10px);
}

.explictImageWrapper img {
    width: 100%;
}

.explictContentWrapper strong {
    display: block;
    margin-bottom: 5px;
}

.postContentleftSide br {
    display: none;
}

.explictContentWrapper br {
    display: none;
}

.sectionShortLabel {
    overflow: hidden;
}

.sectionShortLabel svg {
    overflow: hidden;
    position: relative;
    z-index: 999;
}

.sectionShortLabel span {
    position: relative;
    z-index: 1;
}

.humburger.activeMenu span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}

.home .courseFormat::after {
    top: 100px;
    left: 0px;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/01/homeCourseFormat.png);
}

.home .courseFormat {
    padding: 85px 0 276px;
}

.socialMediaLink:hover {
    color: #89c543;
}

.socialMediaLink:hover svg path {
    fill: #89c543;
}

.socialMediaLink svg path {
    transition: 0.5s all linear;
}

.home .courseFormat::before {
    position: absolute;
    width: 100%;
    bottom: 0;
    content: "";
    height: 12px;
    background: var(--gradient, linear-gradient(270deg, #89c543 0%, #00aee7 100%));
}

.courseResultBox .btnView svg path {
    fill: var(--Yellow-Green);
}

.courseResultBox .btnView {
    gap: 11px;
}

.courseResultBox .productTitle {
    min-height: 52px;
}

.cart-count-float {
    display: none;
}

.entry-header {
    display: none;
}

article {
    padding: 0px !IMPORTANT;
}

.page-id-88 #primary>.container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.logins {
    padding: 100px 0;
}

.forgetPassword {
    padding: 100px 0;
}

.forgetPasswordWrapper {
    background-color: #F4F8F8;
    padding: 30px;
    gap: 80px;
}

.forgetPasswordBox {
    width: 100%;
    max-width: calc(50% - 40px);
}

.forgetPasswordImageBox {
    width: 100%;
    max-width: calc(50% - 40px);
}

.forgetPasswordBox p:first-of-type {
    margin: 26px 0;
    width: 100%;
    max-width: 362px;
}

.forgetPasswordBox label {
    display: none !important;
}

.forgetPasswordBox input {
    min-height: 62px;
    border: 1px solid transparent;
    padding: 17px 40px;
    border-radius: 50px;
    width: 100%;
    max-width: 100%;
}

.forgetPasswordBox p {
    width: 100% !important;
    max-width: 100%;
}

.forgetPassword .woocommerce-Button.button {
    padding: 13px 31px !important;
    border-radius: 24px !important;
    color: var(--white);
    background-color: var(--Yellow-Green) !important;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--Yellow-Green);
    transition: 0.5s all linear;
}

.forgetPassword .woocommerce-Button.button:hover svg path {
    transition: 0.5s all linear;
}

.forgetPassword .woocommerce-Button.button:hover {
    background-color: transparent !Important;
    color: var(--Yellow-Green) !Important;
}

.forgetPassword .woocommerce-Button.button:hover svg path {
    fill: var(--Yellow-Green);
}

.resetPassword {
    padding: 100px 0;
}

.resetPasswordBox {
    background-color: #F4F8F8;
    padding: 30px;
    border-radius: 10px;
    gap: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resetPasswordForm h5 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
}

.resetPasswordForm input {
    min-height: 62px;
    border: 1px solid transparent;
    padding: 17px 40px;
    border-radius: 50px;
}

.resetPasswordForm .form-row {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.resetPasswordForm .form-row label {
    display: none !important;
}

.userAccount {
    padding: 100px 0;
}

.userAccountNavigation {
    width: 100%;
    max-width: calc(30% - 40px);
}

.woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: calc(70% - 40px);
    float: unset !important;
}

.userAccountNavigation .woocommerce-MyAccount-navigation {
    width: 100%;
    max-width: 100%;
}

.userAccountNavigation .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 10px;
    background-color: var(--Yellow-Green);
    width: 100%;
    max-width: 100%;
    display: block;
    color: var(--white) !important;
    border: 1px solid var(--Yellow-Green);
    font-weight: 700;
    transition: 0.5s all linear;
}

.userAccountNavigation .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: transparent;
    color: var(--Yellow-Green) !important;
}

.woocommerce-MyAccount-content a {
    color: var(--Yellow-Green);
}

.woocommerce-info {
    border-top-color: var(--Yellow-Green);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-info::before {
    color: var(--Yellow-Green);
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: max-content;
}

.woocommerce-info {
    margin-bottom: 0;
}

.woocommerce-info a {
    padding: 13px 31px !important;
    border-radius: 24px !important;
    color: var(--white) !important;
    background-color: var(--Yellow-Green) !important;
    font-weight: 700 !important;
    gap: 6px !important;
    width: max-content !important;
    transition: 0.5s all linear !important;
    border: 1px solid var(--Yellow-Green) !important;
    display: inline-flex !important;
    margin: 0 !important;
}

.tinv-wishlist.woocommerce.tinv-wishlist-clear .button.wc-backward {
    padding: 13px 31px !important;
    border-radius: 24px !important;
    color: var(--white) !important;
    background-color: var(--Yellow-Green) !important;
    font-weight: 700 !important;
    gap: 6px !important;
    width: max-content !important;
    transition: 0.5s all linear !important;
    border: 1px solid var(--Yellow-Green) !important;
    display: inline-flex !important;
    margin-top: 24px;
}

.tinv-wishlist.woocommerce.tinv-wishlist-clear .button.wc-backward:hover {
    background-color: transparent !important;
    color: var(--Yellow-Green) !important;
}

.woocommerce-info a:hover {
    background-color: transparent !important;
    color: var(--Yellow-Green) !important;
}

.woocommerce-info::after {
    content: none;
}

.userAccountBox .woocommerce-EditAccountForm.edit-account input {
    min-height: 62px;
    border: 1px solid transparent;
    padding: 17px 40px;
    border-radius: 50px;
}

.userAccountBox .woocommerce-EditAccountForm.edit-account {
    background-color: #F4F8F8;
    padding: 30px;
    border-radius: 10px;
}

.userAccountBox .woocommerce-MyAccount-content fieldset {
    padding: 0;
    border: none;
}


.userAccountBox .woocommerce-EditAccountForm p {
    margin-bottom: 19px !important;
}


.userAccountBox .woocommerce-EditAccountForm p:last-child {
    margin-bottom: 0px !important;
}


.userAccountBox .woocommerce-MyAccount-content fieldset legend {
    display: block;
    margin-bottom: 19px;
}

.userAccount a.button {
    padding: 13px 31px !important;
    border-radius: 24px !important;
    color: var(--white) !important;
    background-color: var(--Yellow-Green) !important;
    font-weight: 700 !important;
    gap: 6px !important;
    width: max-content !important;
    transition: 0.5s all linear !important;
    border: 1px solid var(--Yellow-Green) !important;
    display: inline-flex !important;
    margin-top: 24px;
}

.userAccount .button:hover {
    background-color: transparent !important;
    color: var(--Yellow-Green) !important;
}

.userAccountBox .woocommerce-orders-table__row a {
    margin: 0 !important;
}

input#payment_method_stripe {
    min-height: auto;
    padding: 0 !important;
}

.userAccountBox .woocommerce-Address-title h2 {
    font-size: 28px;
}

.userAccountBox table.woocommerce-MyAccount-paymentMethods.shop_table .button.delete {
    margin: 0;
}

.userAccountBox {
    gap: 80px 20px;
}

.page-id-86 .wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns {
    display: none;
}

.wp-block-woocommerce-cart {
    padding: 100px 0;
}

.wp-block-woocommerce-empty-cart-block hr::before {
    content: none !important;
}

.page-id-86 .is-large.wc-block-cart {
    margin: 0;
}

#post-86 .wp-block-woocommerce-empty-cart-block h2:last-of-type {
    display: none;
}

.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block {
    margin: 0;
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button {
    background-color: var(--Yellow-Green);
    color: var(--white);
    font-weight: 600;
    transition: 0.5s all linear;
    border: 1px solid var(--Yellow-Green);
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover {
    background-color: transparent;
    color: var(--Yellow-Green);
}

.wp-block-woocommerce-checkout.wc-block-checkout {
    padding: 100px 0;
}

.wc-block-checkout {
    margin: 0;
}

.wc-block-components-checkout-place-order-button {
    background-color: var(--Yellow-Green);
    border: 1px solid var(--Yellow-Green);
    color: var(--white);
    font-weight: 600;
    transition: 0.5s all linear !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: transparent;
    color: var(--Yellow-Green);
}

.woocommerce-order {
    padding: 100px 0;
}

.woocommerce-order a {
    color: var(--Yellow-Green);
}
.woocommerce-MyAccount-downloads-file {
    background-color: var(--Yellow-Green) !important;
    color: var(--white) !important;
    transition: 0.5s all linear;
    border:1px solid var(--Yellow-Green) !Important;
    font-weight: 600;
}
.woocommerce-MyAccount-downloads-file:hover{
    background-color:transparent !Important;
    color:var(--Yellow-Green) !Important;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 20px;
}
.woocommerce-customer-details {
    margin-bottom: 0 !important;
}
.woocommerce-order-downloads__title,.woocommerce-order-details__title,.woocommerce-column__title {
    font-size:28px;
    margin-bottom:16px;
}
.proVidMeta {
    display: none;
}
.followus {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.product_meta {
    display: none;
}
.productSlider .swiper-slide  {
    border-radius: 10px;
    overflow: hidden;
	height:auto;
}
.woocommerce-product-gallery__wrapper .swiper-pagination{
    position: absolute;
    top: unset !important;
	bottom: -25px !important;
}

.woocommerce-product-gallery__wrapper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #89C543 !important;
}

.productSlider .swiper-pagination .swiper-pagination-bullet {
    opacity: 1 !important;
}
.productSlider .swiper-slide p {
    height: 100%;
}

.productSlider .swiper-slide iframe {
    height: 100%;
}
.single .product_title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 13px;
}

.woocommerce  .price {
    font-weight: 700;
    font-size: 24px !important;
    color:#1D1B1B !important;
    margin-bottom:24px;
}
.woocommerce-Tabs-panel--detail-product p,.woocommerce-Tabs-panel--detail-product p {
    margin-bottom: 5px;
    font-size: 16px;
}

.woocommerce-product-details__short-description li,.woocommerce-product-short-description li {
    margin-bottom: 5px;
}

.woocommerce-tabs.wc-tabs-wrapper ul li::before {
    content: none !important;
}

.woocommerce-tabs.wc-tabs-wrapper ul li::after {
    content: none !important;
}
.woocommerce-tabs.wc-tabs-wrapper h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 24px;
}
.woocommerce .stock.in-stock {
    display: none;
}
.woocommerce .woocommerce-product-details__short-description {
    display: none;
}
.woocommerce .woocommerce-variation-add-to-cart{
    display: flex;
    flex-direction: column;
}

.woocommerce .product-discount {
    order: 3;
	margin:0;
}
.woocommerce #tab-additional_information > h2 {
    display: none;
}
.woocommerce #discount-select {
    width: 100%;
    min-height: 56px;
    border-radius: 41px;
    padding: 15px;
    background-color: #F4F8F8;
    border: 1px solid #F4F8F8;
    font-size: 16px;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 5px 0 10px;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/03/selectdropdown.png);
    background-repeat: no-repeat;
    background-position: right 27px center;
}
.woocommerce .woocommerce div.product form.cart .button {
    min-height: 52px;
    text-transform: capitalize;
}
.woocommerce-product-short-description h3,.woocommerce-product-short-description h4,.woocommerce-product-short-description h5,.woocommerce-product-short-description h6 {
    font-size: 24px;
    font-weight: 600;
	margin-bottom: 16px;
}
.woocommerce .single_add_to_cart_button {
    min-height: 52px;
    text-transform: capitalize;
}
.woocommerce  .input-text.qty {
    min-height: 45px;
}

.woocommerce .related.products {
    display: none;
}
.testimonials{
	display:none;
}

.shareProductCol {
    gap: 16px 15px;
}

.shareProductCol:first-child .shareProductRow {
    width: 100%;
    max-width: calc(33.3% - 10px);
}

.shareProductCol .shareProductRow {
    width: 100%;
}

.shareProductCol.hiddenCol {
    display: none;
}

.shareProductForm {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px 0;
}
.type-options label,.streaming-options label,.delivery-options label {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.type-options select,.streaming-options select,.delivery-options select {
    width: 100%;
    min-height: 56px;
    border-radius: 41px;
    padding: 15px;
    background-color: #F4F8F8;
    border: 1px solid #F4F8F8;
    font-size: 16px;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 10px 0px 5px;
    background-image: url(https://trainingabc.com/wp-content/uploads/2025/03/selectdropdown.png);
    background-repeat: no-repeat;
    background-position: right 27px center;
}
.custom-fields-wrapper {
    display: flex;
    flex-direction: column;
}
.online-training-heading {
    display: none;
}
.woocommerce div.product form.cart table td {
    padding-left: 12px;
}
.volume-pricing {
    height: 400px;
    overflow-y: scroll;
	margin-bottom:10px;
}
.variations_form{
	margin-bottom:0px !important;
}
.variations tbody .value {
    padding-left: 0px !important;
}
.productTitle a {
    color: black;
}
section.comment {
    display: none;
}
@media only screen and (max-width: 1366px) {
    .page-template-about-us .companyInfo::after {
        width: 600px;
        height: 600px;
    }

    .aboutUs::after {
        top: 220px;
        width: 300px;
        height: 300px;
    }
}

@media only screen and (max-width: 1280px) {
    h1 {
        font-size: 46px;
    }

    h2 {
        font-size: 42px;
    }

    h3,
    .single-post .synopsis h1 {
        font-size: 36px;
    }

    h4,.single .product_title {
        font-size: 32px;
    }

    h5,.woocommerce-tabs.wc-tabs-wrapper h2  {
        font-size: 28px;
    }

    h6 {
        font-size: 24px;
    }
    .single  .price {
		font-size:22px;
	}
    .userAccountBox .woocommerce-Address-title h2 {
        font-size: 24px;
    }
    .woocommerce-order-downloads__title,.woocommerce-order-details__title,.woocommerce-column__title {
		font-size:24px;
	}
    .courseFormatLabel h6 {
        font-size: 22px;
    }

    .courseFormatLabel h6 {
        font-size: 22px;
    }

    .productMapFilter a {
        font-size: 46px;
    }

    /* 	Faq  */
    .questionBox h6 {
        font-size: 20px;
    }

    .answerBox {
        padding: 30px 30px;
    }

    .faq h3 {
        margin: 22px auto 40px;
    }

    /* 	Footer */
    .logoBox a img {
        margin-bottom: 32px;
    }

    /* Contact Us	 */
    .contactUsFormBox {
        padding: 40px 40px 40px 60px;
        gap: 20px 60px;
    }

    .contactUsForm {
        max-width: calc(48% - 30px);
    }

    .contactUsContentBox {
        width: 100%;
        max-width: calc(52% - 30px);
    }

    .contactUsBox>p {
        margin: 15px 0 32px;
    }

    .contactUsContentBox h5 {
        margin: 32px 0 22px;
    }

    .aboutTrainingABCBox {
        gap: 20px 60px;
    }

    .aboutTrainingVideoBox {
        max-width: calc(50% - 30px);
    }

    .aboutTrainingContentBox {
        max-width: calc(50% - 30px);
    }

    .aboutTrainingABCBox {
        padding: 48px 42px;
    }

    .businessLawBox h3 {
        margin-bottom: 24px;
    }

    .businessLawBox {
        padding: 20px 20px 20px 20px;
    }

    .businessLawList ul li a {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .companyUpperBox {
        margin-bottom: 42px;
    }

    .testimonialsbox {
        gap: 20px 60px;
    }

    .testimonialContentsbox {
        max-width: calc(37% - 30px);
    }

    .reviewSlider {
        max-width: calc(63% - 30px);
    }

    .aboutUsFirstContent p {
        margin: 0 0 42px;
        padding: 15px 0;
    }

    .aboutUsBox h3 {
        margin: 17px 0 42px;
    }

    .postBox {
        padding: 50px 0;
    }

    .guaranteedandCertifiedBoxLeftSideBox h3 {
        margin: 32px 0;
    }


    .guaranteedandCertifiedBox {
        gap: 100px 20px;
    }

    .guaranteedandCertifiedBoxLeftSideBox {
        max-width: calc(49% - 50px);
    }

    .guaranteedandCertifiedBoxRightSideBox {
        max-width: calc(51% - 50px);
    }

    .guaranteedandCertifiedItem::after {
        font-size: 100px;
        top: -89px;
    }

    .homeBannerContenttopBox p {
        margin: 16px 0 32px;
    }

    .homeBannerContentBottomBox {
        margin-bottom: 60px;
    }

    .popularCoursesBox .tabs {
        gap: 20px 32px;
        font-size: 18px;
    }

    .popularCoursesBox .tabsContent {
        margin-top: 42px;
    }

    .productMapBox h3 {
        margin: 48px 0 42px;
    }

    .page-template-about-us .companyInfo::after {
        width: 500px;
        height: 500px;
    }

    .companyInfo {
        padding: 0px 0 80px;
    }

    .page-template-about-us .companyInfo {
        padding: 80px 0 150px;
    }

    .aboutUs::after {
        top: 300px;
        width: 493px;
        height: 493px;
    }

    .popularCoursesBox>a {
        margin: 32px auto 0;
    }

    .page-template-faq .faq::after {
        width: 400px;
        height: 400px;
        top: 189px;
    }

    .faqEllipse1 {
        top: 192px;
    }

    .faqEllipse2 {
        top: 817px;
    }

    .guaranteedandCertified::after {
        width: 331px;
        height: 278px;
    }

    .comments-header {
        margin-bottom: 32px;
    }

    .ErrorBox p {
        margin: 24px 0 32px;
        text-align: center;
    }

    .productTitle {
        padding: 0 10px;
    }

    .productMetaBox {
        padding: 0 10px;
    }

    .RegistrationWrapper {
        padding: 50px 20px;
    }

    .ur-field-item.field-privacy_policy {
        margin: 30px 0 30px ! IMPORTANT;
    }
}

@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 36px;
    }

    h3,
    .single-post .synopsis h1 {
        font-size: 32px;
    }

    h4,.single .product_title {
        font-size: 28px;
    }

    h5,.woocommerce-tabs.wc-tabs-wrapper h2  {
        font-size: 24px;
    }

    h6 {
        font-size: 22px;
    }
	.woocommerce-product-short-description h3,.woocommerce-product-short-description h4,.woocommerce-product-short-description h5,.woocommerce-product-short-description h6 {
		font-size: 22px;
		font-weight: 600;
	}
	 .single  .price {
		font-size:20px;
	}
   .woocommerce-order-downloads__title,.woocommerce-order-details__title,.woocommerce-column__title {
		font-size:22px;
	}
    .userAccountBox .woocommerce-Address-title h2 {
        font-size: 22px;
    }

    p {
        font-size: 14px;
    }

    .courseFormatLabel h6 {
        font-size: 20px;
    }

    .productMapFilter a {
        font-size: 40px;
    }

    .headerNavigation {
        gap: 0 20px;
    }

    /* Page Banner   */
    .page-banner {
        padding: 85px 0 85px;
    }

    .privacyStatment {
        padding: 50px 0 50px;
    }

    .termAndConditions {
        padding: 50px 0 50px;
    }

    /* Faq */
    .faq {
        padding: 50px 0;
    }

    .questionBox {
        padding: 15px 15px;
    }

    .answerBox {
        padding: 15px 15px;
    }

    .faq h3 {
        margin: 22px auto 20px;
    }

    /*  Footer	 */
    .logoBox a img {
        margin-bottom: 24px;
    }

    .footerNavigation span {
        margin-bottom: 16px;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .middleFooter ul li span {
        margin-bottom: 12px;
        cursor: pointer;
    }

    /* Contact Us	 */
    .contactUs {
        padding: 50px 0px;
    }

    .contactUsFormBox {
        padding: 30px 30px;
        gap: 20px 40px;
    }

    .contactUsForm {
        max-width: calc(48% - 20px);
    }

    .contactUsContentBox {
        width: 100%;
        max-width: calc(52% - 20px);
    }

    .contactUsBox>p {
        margin: 15px 0 24px;
    }

    .companyInfo {
        padding: 0 0 50px;
    }

    .page-template-about-us .companyInfo {
        padding: 50px 0;
    }

    .page-template-about-us .companyInfo::after {
        width: 400px;
        height: 400px;
    }

    .companyInfoLabel {
        padding: 15px 15px;
        font-size: 16px;
        min-height: 230px;
    }

    .contactUsContentBox p:first-of-type {
        margin-bottom: 10px;
    }

    .contactUsContentBox h5 {
        margin: 24px 0 22px;
    }

    .avatarBox h6 {
        font-size: 18px;
    }

    .aboutTrainingABCBox {
        gap: 20px 40px;
    }

    .aboutTrainingVideoBox {
        max-width: calc(50% - 20px);
    }

    .aboutTrainingContentBox {
        max-width: calc(50% - 20px);
    }

    .aboutTrainingABCBox {
        padding: 32px 32px;
    }

    .aboutTrainingContentBox h3 {
        margin: 16px 0 16px;
    }

    .aboutTrainingABC {
        padding: 50px 0;
    }

    .aboutTrainingVideoBox a {
        width: 64px;
        height: 64px;
    }

    /* Course Formats	 */
    .courseFormats {
        padding: 50px 0;
    }

    .courseFormatsContent {
        padding: 20px;
    }

    .businessLawWrapper {
        gap: 20px 40px;
    }

    .businessLaw {
        padding: 50px 0;
    }

    .businessLawList {
        max-width: calc(50% - 40px);
    }

    .businessLawGallery {
        max-width: calc(50% - 40px);

    }

    .businessLawList ul li a {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .companyUpperBox {
        margin-bottom: 32px;
    }

    .aboutUsContactURightSidesBox p {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .testimonials {
        padding: 50px 0;
    }

    .synopsis {
        padding: 50px 0 25px;
    }

    .testimonialsbox {
        gap: 20px 40px;
    }

    .testimonialContentsbox h2 {
        color: var(--white);
        margin: 24px 0 24px;
    }

    .testimonialContentsbox {
        max-width: calc(37% - 20px);
    }

    .reviewSlider {
        max-width: calc(63% - 20px);
    }

    .secondCoruseFormatBox {
        gap: 20px 60px;
    }

    .secondCoruseFormatContentBox {
        max-width: calc(44% - 30px);
    }

    .secondCoruseFormatImageBox {
        max-width: calc(56% - 30px);
    }

    .testimonialContentsbox p {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .successTagline span {
        font-size: 16px;
    }

    .reviewerContent p {
        font-size: 16px;
        margin: 22px 0 16px;
    }

    .reviewerContent {
        padding: 20px 40px 20px 20px;
    }

    .successNumber {
        font-size: 44px;
    }

    .courseFormatContentBox h2 {
        margin: 32px 0 24px;
    }

    .courseFormat {
        padding: 50px 0 150px;
    }

    .courseFormatAbosluteLabel {
        bottom: 50px;
    }

    .courseFormatAbosluteLabel h5::after {
        font-size: 100px;
        left: -955px;
        bottom: -11px;

    }

    .secondCoruseFormatContentBox h3 {
        margin: 15px 0 32px;
    }

    .secondCoruseFormatContentBox a {
        margin-top: 32px;
    }

    .courseFormatAccordion:not(:last-child) {
        padding-bottom: 12px;
    }

    .courseFormatAccordionBox {
        gap: 12px;
    }

    .secondCoruseFormat {
        padding: 50px 0;
    }

    .aboutUsFirstContent p {
        margin: 0 0 32px;
        padding: 15px 0;
    }

    .aboutUsBox h3 {
        margin: 17px 0 32px;
    }

    .aboutUsSecondRow {
        gap: 20px 40px;
        margin-top: 42px;
    }

    .aboutUsFirstRow.dFlex {
        flex-direction: row;
    }

    .aboutUsFirstRow {
        gap: 20px 20px;
    }

    .aboutUsSecondContent {
        max-width: calc(39% - 20px);
    }

    .aboutUsSecondRowFirstImage {
        max-width: calc(61% - 20px);
    }

    .aboutUsSecondContent p {
        margin: 0 0 24px;
        padding: 16px 0;
    }

    .aboutUs {
        padding: 50px 0;
    }

    .synopsisFeaturedContentBox {
        padding-left: 30px;

    }

    .pageInfoTitle {
        font-size: 14px;
    }


    .pageInfoDetail {
        font-size: 14px;
    }

    .stateByState {
        padding-bottom: 50px;
    }

    .differetLawInStatesBox {
        gap: 24px;
        padding: 32px 24px;
    }

    .differetLawInStatesItem {
        padding-bottom: 24px;
    }

    .postTitleExcerptBox {
        padding: 20px;
    }

    .guaranteedandCertifiedBoxLeftSideBox h3 {
        margin: 24px 0;
    }

    .guaranteedandCertifiedBox {
        gap: 40px 20px;
    }

    .guaranteedandCertifiedBoxLeftSideBox {
        max-width: calc(49% - 20px);
    }

    .guaranteedandCertifiedBoxRightSideBox {
        max-width: calc(51% - 20px);
    }

    .guaranteedandCertified {
        padding: 80px 0 50px;
    }

    .guaranteedandCertifiedItem::after {
        font-size: 70px;
        top: -59px;
    }

    .guaranteedandCertifiedItem:nth-child(2) {
        max-width: 60%;
    }

    .guaranteedandCertifiedItem p {
        max-width: 60%;
    }

    .homeBannerContenttopBox p {
        margin: 16px 0 24px;
    }

    .homeBannerContentBottomBox {
        margin-bottom: 40px;
    }

    .numberBox {
        gap: 20px 16px;
    }

    .numberBox p {
        font-size: 16px;
    }

    .guaranteedandCertifiedBoxRightSideBox {
        margin-top: 30px;
    }

    .popularCoursesBox .tabs {
        gap: 20px 24px;
        font-size: 16px;
    }

    .popularCoursesBox .tabsContent {
        margin-top: 32px;
    }

    .popularCourses {
        padding: 50px 0;
    }

    .siteMap {
        padding: 50px 0;
    }

    .categories .category {
        margin: 20px 0;
    }

    .categories .category h6,
    .pages h6 {
        font-size: 20px;
    }

    .usAntiTrustLaw,
    .californiaAB1825,
    .federalSexualHarassmentLaw,
    .foreignCorruptPracticesBox {
        padding: 50px 0;
    }

    .usAntiTrustLawBox p,
    .californiaAB1825 p,
    .federalSexualHarassmentLaw p,
    .foreignCorruptPracticesBox p {
        margin-bottom: 20px;
    }

    .usAntiTrustLawBox ul,
    .californiaAB1825 ul,
    .federalSexualHarassmentLaw ul,
    .foreignCorruptPracticesBox ul {
        margin-bottom: 20px;
    }

    .usAntiTrustLawBox h6,
    .californiaAB1825 h6,
    .federalSexualHarassmentLaw h6,
    .foreignCorruptPracticesBox h6 {
        margin-bottom: 8px;
    }

    .usAntiTrustLawBox li,
    .californiaAB1825 li,
    .federalSexualHarassmentLaw li,
    .foreignCorruptPracticesBox li {
        font-size: 14px;
    }

    .postContent {
        padding: 0px 0 50px;
    }

    .productMapBox h3 {
        margin: 32px 0 32px;
    }

    .page-template-about-us .faq::after {
        width: 300px;
        height: 300px;
        bottom: -33px;
    }

    .page-template-about-us .faq::before {
        top: -62px;
        width: 300px;
        height: 300px;
    }

    .aboutUs::after {
        top: 220px;
        width: 400px;
        height: 400px;
    }

    .courseFormat::after {
        width: 200px;
        height: 200px;
        background-image: url(https://trainingabc.com/wp-content/uploads/2024/12/AboutUsEllipse.png);
    }

    .popularCoursesBox>a {
        margin: 24px auto 0;
    }

    .page-template-faq .faq::after {
        width: 300px;
        height: 300px;
        top: 119px;
    }

    .faqEllipse1 {
        top: 74px;
        width: 300px;
    }

    .faqEllipse2 {
        top: 647px;
        width: 300px;
    }

    .contactUs::after {
        width: 300px;
        height: 300px;
        top: 87px;
    }

    .contactUs::before {
        width: 400px;
        height: 400px;
        bottom: 353px;
    }

    .guaranteedandCertified::after {
        width: 331px;
        height: 244px;
    }

    .guaranteedandCertified::before {
        width: 400px;
        height: 400px;
    }

    .courseFormats::after {
        width: 300px;
        height: 300px;
        top: 262px;
    }

    .synopsis::after {
        width: 300px;
        height: 300px;
        bottom: -75px;
    }

    .synopsis::before {
        width: 300px;
        height: 300px;
        bottom: -242px;
    }

    .stateByState::after {
        width: 300px;
        height: 300px;
        bottom: -75px;
    }

    .productMap::after {
        top: 236px;
        width: 300px;
        height: 300px;
    }

    .comment-meta .comment-list li {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .comment {
        padding: 50px 0;
    }

    .comments-header {
        margin-bottom: 24px;
    }

    .Error {
        padding: 50px 0;
    }

    .result {
        padding: 50px 0;
    }

    .ErrorBox p {
        margin: 24px 0 24px;
        text-align: center;
    }

    .trainingabcCompanyDetail {
        padding: 50px 0;
    }

    .single.single-post .synopsis {
        padding-bottom: 20px;
    }

    .page-id-59 .tinv-wishlist.woocommerce {
        padding: 50px 20px
    }

    .home .courseFormat {
        padding: 85px 0 150px;
    }

    .homeBannerBox {
        align-items: end;
    }

    .page-banner {
        background-size: contain;
    }

    .productMap .productTitle {
        min-height: 78px;
    }

    .courseResultBox .uniBtn {
        padding: 13px 15px;
    }

    .courseResultBox .productSku {
        font-size: 14px;
    }

    .courseResultBox .productSku span {
        margin-right: 3px;
    }

    .courseResultBox .video-length {
        font-size: 14px;
    }

    .courseResultBox .productMetaBox span {
        margin-right: 3px;
    }

    .courseResultBox .productTitle {
        min-height: 72px;
    }

    .logins {
        padding: 50px 0;
    }

    .woocommerce-LostPassword.lost_password a {
        font-size: 14px;
    }

    .loginCheckBoxwrapper span {
        font-size: 14px;
    }

    .loginsWrapper {
        gap: 20px;
        padding: 20px;
    }

    .loginFormWrapper {
        max-width: calc(50% - 10px);
    }

    .loginsImageWrapper {
        max-width: calc(50% - 10px);
    }

    .loginTextWrapper h5 {
        margin-bottom: 24px;
    }

    .woocommerce-form.woocommerce-form-login.login input {
        padding: 17px 20px;
    }

    .registrationInnerWrapper {
        gap: 20px;
    }

    .Registration {
        width: 100%;
        max-width: calc(50% - 10px);
    }

    .registrationInnerWrapper .loginsImageWrapper {
        width: 100%;
        max-width: calc(50% - 10px);
    }

    .ur-field-item.field-privacy_policy {
        margin: 20px 0 20px ! IMPORTANT;
    }

    .registerLogoWrapper img {
        margin: 20px 0 0 auto;
    }

    div[data-field-id="accountInformation"] label {
        margin: 20px 0 !Important;
    }

    .Registration-page input {
        padding: 17px 20px !important;
        margin-bottom: 10px !important;
    }

    select#membership {
        padding: 17px 20px;
        margin-bottom: 10px;
        background-position: right 15px center;
    }

    .Registration-page {
        padding: 50px 0;
    }

    .forgetPassword {
        padding: 50px 0;
    }

    .forgetPasswordWrapper {
        gap: 20px;
    }

    .forgetPasswordBox {
        max-width: calc(50% - 10px);
    }

    .forgetPasswordImageBox {
        max-width: calc(50% - 10px);
    }

    .forgetPassword {
        padding: 50px 0;
    }

    .userAccountBox .woocommerce-EditAccountForm.edit-account input {
        padding: 17px 20px;
    }

    .userAccount {
        padding: 50px 0;
    }

    .userAccountBox {
        gap: 40px 20px;
    }

    .userAccountNavigation {
        max-width: calc(30% - 20px);
    }

    .woocommerce-MyAccount-content {
        max-width: calc(70% - 20px);
    }

    .wp-block-woocommerce-cart {
        padding: 50px 0;
    }

    .wc-block-cart__main.wp-block-woocommerce-cart-items-block {
        padding-right: 20px !Important;
    }

    .wp-block-woocommerce-cart-totals-block {
        padding-left: 20px !Important;
    }

    .wp-block-woocommerce-checkout.wc-block-checkout {
        padding: 50px 0;
    }

    .wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
        padding-right: 20px !important;
    }

    .woocommerce-order {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 880px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 32px;
    }

    h3,
    .single-post .synopsis h1 {
        font-size: 28px;
    }

    h4,.single .product_title {
        font-size: 24px;
    }

    h5,.woocommerce-tabs.wc-tabs-wrapper h2  {
        font-size: 22px;
    }

    h6 {
        font-size: 20px;
    }
	.woocommerce-product-short-description h3,.woocommerce-product-short-description h4,.woocommerce-product-short-description h5,.woocommerce-product-short-description h6 {
		font-size: 20px;
	}
   .woocommerce-order-downloads__title,.woocommerce-order-details__title,.woocommerce-column__title {
		font-size:20px;
	}
    .userAccountBox .woocommerce-Address-title h2 {
        font-size: 20px;
    }

    .courseFormatLabel h6 {
        font-size: 18px;
    }

    .productMapFilter a {
        font-size: 36px;
    }

    /* Header */
    .mobileHeaderWrapper {
        display: flex;
        align-items: center;
    }

    .mobileQuickLinks {
        width: 100%;
        max-width: calc(100% - 35px);
    }

    .bottomHeader {
        display: none;
    }

    .topNavigation {
        display: none;
    }

    .headerNavigation.mobileHeaderMenu {
        padding: 20px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 80vw;
        background-color: var(--white);
        z-index: 9999;
        display: flex;
        left: -100%;
        gap: 10px 0;
        transition: 0.5s all linear;
    }

    .headerNavigation li img {
        filter: invert(1);
    }

    .headerNavigation li {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .mobileHeaderMenu.activeNavigation {
        left: 0;
        flex-direction: column;
    }

    .headerNavigation li .sub-menu {
        position: relative;
        padding: 0;
        width: 100% !important;
        opacity: 1;
        visibility: visible;
        display: none;
    }

    .headerNavigation.mobileHeaderMenu li a {
        color: var(--black);
        font-size: 16px;
    }

    .siteBranding {
        position: relative;
        z-index: 99999;
    }

    .humburger span {
        width: 30px;
        height: 3px;
        background-color: var(--black);
        display: block;
        transition: 0.5s all linear;
    }

    .humburger {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    /*  Faq	 */
    .questionBox h6 {
        font-size: 18px;
    }

    .answerBox p {
        font-size: 16px;
    }

    .faq h3 {
        margin: 16px auto 16px;
    }

    /* Footer	 */
    .logoBox a img {
        margin-bottom: 16px;
    }

    .logoBox {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .footerNavigation {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .getExclusiveOffers {
        width: 100%;
        max-width: 100%;
    }

    .footerNavigation span img {
        display: block;
        width: 28px;
    }

    .footerNavigation span {
        margin-bottom: 0px;
        font-size: 20px;
    }

    .getExclusiveOffers>span {
        font-size: 20px;
    }

    .footerNavigation {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .logoBox img {
        max-width: 320px !important;
    }

    .middleFooterBox li {
        width: 100%;
        max-width: 50%;
    }

    .middleFooterBox {
        gap: 20px 0;
    }

    .footerNavigation ul {
        display: none;
    }

    .footerNavigation.activemenu span img {
        transform: rotate(180deg);
    }

    .footerNavigation span img {
        transition: 0.5s all linear;
    }


    /* 	Contact Us */
    .contactUsFormBox {
        padding: 20px 20px;
        gap: 20px 20px;
    }

    .contactUsForm {
        max-width: calc(48% - 10px);
    }

    .contactUsContentBox {
        width: 100%;
        max-width: calc(52% - 10px);
    }

    .contactUsBox>p {
        margin: 15px 0 16px;
    }

    .companyInfoLabel {
        padding: 15px 15px;
        font-size: 14px;
    }

    .companyInfoBox ul {
        gap: 6px;
    }

    .companyInfoBox ul li {
        max-width: calc(32.6% - 2px);
    }

    .contactUsContentBox p {
        max-width: 90%;
    }

    .contactFormCol {
        margin-bottom: 12px;
    }

    .contactUsForm label {
        margin-bottom: 8px;
    }

    .contactUsContentBox h5 {
        margin: 16px 0 16px;
    }

    .aboutTrainingABCBox {
        gap: 20px 20px;
    }

    .aboutTrainingVideoBox {
        max-width: calc(50% - 10px);
    }

    .aboutTrainingContentBox {
        max-width: calc(50% - 10px);
    }

    .aboutTrainingABCBox {
        padding: 20px 20px;
    }

    .businessLawWrapper {
        gap: 20px 20px;
    }

    .businessLawList {
        max-width: calc(50% - 10px);
    }

    .businessLawGallery {
        max-width: calc(50% - 10px);

    }

    .businessLawList ul li a {
        margin-bottom: 8px;
    }

    .companyUpperBox {
        margin-bottom: 24px;
    }

    .aboutUsContactULeftSidesBox {
        max-width: 50%;
    }

    .aboutUsContactURightSidesBox {
        max-width: 50%;
    }

    .aboutUsContactURightSidesBox p {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .testimonialsbox {
        gap: 20px 20px;
    }

    .testimonialContentsbox {
        max-width: calc(37% - 10px);
    }

    .reviewSlider {
        max-width: calc(63% - 10px);
    }

    .testimonialContentsbox h2 {
        margin: 16px 0 16px;
    }

    .successNumber {
        font-size: 32px;
        padding-right: 16px;
        margin-right: 16px;
    }

    .testimonialContentsbox p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .successTagline span {
        font-size: 14px;
    }

    .reviewerContent p {
        font-size: 14px;
    }

    .successTagline {
        max-width: 60%;
    }

    .reviewerContent {
        padding: 20px 20px 20px 20px;
    }

    .courseFormatBox {
        gap: 20px 20px;
    }

    .courseFormatImageBox {
        max-width: calc(56% - 10px);
    }

    .courseFormatContentBox {
        max-width: calc(44% - 10px);
    }

    .courseFormatContentBox h2 {
        margin: 24px 0 24px;
    }

    .secondCoruseFormatContentBox h3 {
        margin: 15px 0 24px;
    }

    .secondCoruseFormatBox {
        gap: 20px 20px;
    }

    .secondCoruseFormatContentBox a {
        margin-top: 24px;
    }

    .secondCoruseFormatContentBox {
        max-width: calc(44% - 10px);
    }

    .secondCoruseFormatImageBox {
        max-width: calc(56% - 10px);
    }

    .secondCoruseFormatImageBox {
        gap: 20px;
    }

    .secondCoruseFormatImageBox img:first-child {
        max-width: calc(59% - 10px);
    }

    .secondCoruseFormatImageBox img:last-child {
        max-width: calc(41% - 10px);
    }

    .aboutUsFirstContent p {
        margin: 0 0 24px;
        padding: 15px 0;
    }

    .aboutUsBox h3 {
        margin: 17px 0 24px;
    }

    .aboutUsSecondRow {
        gap: 20px 20px;
        margin-top: 32px;
    }

    .aboutUsSecondContent {
        max-width: calc(39% - 10px);
    }

    .aboutUsSecondRowFirstImage {
        max-width: calc(61% - 10px);
    }

    .pageInfoTitle {
        font-size: 12px;
    }

    .pageInfoDetail {
        font-size: 10px;
    }

    .differetLawInStatesBox {
        padding: 25px 20px;
        gap: 18px;
    }

    .postListItem {
        max-width: calc(50% - 12px);
    }

    .productItem {
        max-width: calc(50% - 8px);
    }

    .guaranteedandCertifiedBoxLeftSideBox h3 {
        margin: 16px 0;
    }

    .guaranteedandCertifiedItem p {
        padding: 15px 0;
        max-width: 80%;
    }

    .guaranteedandCertifiedBox {
        gap: 20px 20px;
    }

    .guaranteedandCertifiedBoxLeftSideBox {
        max-width: calc(49% - 10px);
    }

    .guaranteedandCertifiedBoxRightSideBox {
        max-width: calc(51% - 10px);
    }

    .guaranteedandCertifiedItem p {
        max-width: 80%;
    }

    .guaranteedandCertifiedItem:nth-child(2) {
        max-width: 80%;
    }

    .homeBannerContenttopBox p {
        margin: 16px 0 16px;
    }

    .homeBannerContentBottomBox {
        margin-bottom: 20px;
    }

    .homeBannerContenttopBox {
        margin-bottom: 30px;
    }

    .numberBoxItem h2 {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .numberBox {
        gap: 20px 16px;
    }

    .numberBox p {
        font-size: 14px;
    }

    .guaranteedandCertifiedBoxRightSideBox {
        margin-top: 20px;
    }

    .popularCoursesBox .tabs {
        gap: 20px 10px;
        font-size: 14px;
        flex-direction: row;
        margin-top: 20px;
    }

    .popularCoursesBox .tabsContent {
        margin-top: 22px;
    }

    .categories .category {
        margin: 20px 0;
    }

    .categories .category h6,
    .pages h6 {
        font-size: 18px;
    }

    .productMapBox h3 {
        margin: 24px 0 24px;
    }

    .productMapFilter a {
        width: calc((100% / 10) - 7.7px);
    }

    .productMapFilter {
        gap: 8px;
    }

    .courseFormat::after {
        width: 150px;
        height: 150px;
    }

    .page-template-about-us .faq::before {
        top: -62px;
        width: 250px;
        height: 250px;
    }

    .faqEllipse1 {
        top: 74px;
        width: 200px;
    }

    .faqEllipse2 {
        width: 200px;
    }

    .guaranteedandCertified::after {
        width: 273px;
        height: 230px;
    }

    .comment-reply-title {
        max-width: 80%;
    }

    .courseFormats::after {
        top: 230px;
    }

    .synopsis::after {
        bottom: -35px;
    }

    .courseCategoryFilterBox {
        padding: 30px 10px 30px 10px;
    }

    .courseResultBox .productItem .productImage img {
        max-height: 200px;
        min-height: 200px;
    }

    ul#menu-primary-menu li:nth-child(7) {
        display: none;
    }

    ul#menu-primary-menu li:nth-child(8) {
        display: none;
    }

    ul#menu-primary-menu li:nth-child(9) {
        display: none;
    }

    ul#menu-primary-menu li:nth-child(10) {
        display: none;
    }

    .mobileQuickLinks ul li:not(:first-child) img {
        filter: invert(1);
    }

    .mobileQuickLinks ul li img {
        width: 20px;
    }

    .mobileQuickLinks ul {
        gap: 5px;
    }

    .humburgerAndQuickLinkWrapper {
        gap: 5px;
        width: 100%;
    }

    .mobileQuickLinks ul li:first-child img {
        height: 16px;
        object-fit: contain;
    }

    .mobileQuickLinks ul li:last-child img {
        height: 17px;
        object-fit: contain;
    }

    .mobileQuickLinks ul li {
        position: relative;
    }

    .mobileQuickLinks ul li .cartItem {
        top: -6px;
    }

    .humburger.activeMenu span:first-child {
        transform: rotate(90deg) translate(4px, 0px);
    }

    .humburger.activeMenu span:last-child {
        transform: rotate(0deg) translate(0px, -12px);
    }

    .humburger.activeMenu {
        transform: rotate(45deg);
    }

    body:has(.humburger.activeMenu) {
        overflow: hidden;
        height: 100vh;
    }

    .productMap .productTitle {
        min-height: 52px;
    }

    .headerNavigation li img {
        width: 12px;
        position: absolute;
        top: 6px;
        right: 0;
        z-index: 9999;
    }

    .loginCheckForgetWrapper {
        flex-direction: column;
        gap: 10px;
    }

    .loginFormFieldWrapper {
        margin: 20px 0;
    }

    .woocommerce form .form-row:nth-of-type(2) {
        margin-bottom: 16px;
    }

    .woocommerce-button.button.woocommerce-form-login__submit {
        margin-top: 16px;
    }

    .loginsWrapper {
        padding: 20px 10px;
    }

    .RegistrationWrapper {
        padding: 20px 10px;
    }

    .userAccountNavigation {
        max-width: calc(30% - 10px);
    }

    .woocommerce-MyAccount-content {
        max-width: calc(70% - 10px);
    }
}

@media (max-width:769px) {
    .proVidMeta {
        flex-direction: column;
    }

    .proVidMeta .product_video,
    .proVidMeta .proMeta {
        width: 100% !important;
    }

    .secondCoruseFormatImageBox::before {
        width: 63px;
        height: 63px;
    }
	.shareProductCol:first-child .shareProductRow {
		max-width: calc(100%);
	}
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }

    h3,
    .single-post .synopsis h1 {
        font-size: 24px;
    }

    h4,.single .product_title {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }
	.woocommerce-product-short-description h3,.woocommerce-product-short-description h4,.woocommerce-product-short-description h5,.woocommerce-product-short-description h6 {
		font-size: 18px;
	}
	 .single  .price {
		font-size:18px;
	}
   .woocommerce-order-downloads__title,.woocommerce-order-details__title,.woocommerce-column__title {
		font-size:18px;
	}
    p {
        font-size: 14px;
    }

    li {
        font-size: 14px;
    }

    .dFlex {
        flex-direction: column;
    }

    .noFlexWrap {
        flex-direction: row;
    }

    .mobileFlexReverse {
        flex-direction: column-reverse;
    }

    .productMapFilter a {
        font-size: 32px;
    }

    /*  Header  */

    /* Page Banner   */
    .scrollBottom {
        right: 30px;
        width: 70px;
        height: 70px;
        bottom: -25px;
    }

    .scrollBottom svg {
        width: 20px;
    }

    .termAndConditionsBox ul li:last-child {
        margin-bottom: 15px;
    }
	.sub-categories{
		margin-left:5px;
	}
    /* Footer  */
    .middleFooterBox li {
        width: 100%;
        max-width: 100%;
    }

    .bottomFooterBox p {
        text-align: center;
    }

    .bottomFooterBox {
        gap: 20px 0;
    }

    .socialMediaList {
        flex-direction: row;
    }

    .socialMediaLink {
        flex-direction: row;
    }

    .questionBox h6 {
        font-size: 16px;
    }

    .answerBox p {
        font-size: 14px;
    }

    /* 	Contact Us */
    .contactUsFormBox {
        padding: 20px 20px;
        gap: 20px 20px;
    }

    .contactUsForm {
        max-width: calc(100% - 0px);
    }

    .contactUsContentBox {
        width: 100%;
        max-width: calc(100% - 0px);
    }

    .companyInfoBox ul li {
        max-width: calc(100% - 0px);
    }

    .contactUsContentBox p {
        max-width: 100%;
    }

    .avatarBox h6 {
        font-size: 16px;
    }

    .contactUsContentBox p {
        margin-bottom: 16px;
    }

    .contactUsForm input {
        padding: 13px 14px;
    }

    .aboutTrainingVideoBox {
        max-width: calc(100% - 0px);
    }

    .aboutTrainingContentBox {
        max-width: calc(100% - 0px);
    }

    /* 	Course Formats */
    .courseFormatsItem {
        gap: 10px;
    }

    .courseFormatsImg {
        max-width: calc(100% - 0px);
    }

    .courseFormatsContent {
        max-width: calc(100% - 0px);
    }

    .businessLawList {
        max-width: calc(100% - 0px);
        flex-direction: row !important;
        flex-wrap: nowrap;
    }

    .businessLawWrapper {
        flex-direction: column-reverse;
    }

    .businessLawGallery {
        max-width: calc(100% - 0px);
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .oneImageBox {
        max-width: calc(100% - 0px);
    }

    .twoImageBox {
        max-width: calc(100% - 8px);
    }

    .companyUpperBox {
        margin-bottom: 16px;
    }

    .aboutUsContactULeftSidesBox {
        max-width: 100%;
    }

    .aboutUsContactURightSidesBox {
        max-width: 100%;
    }

    .aboutUsContactURightSidesBox a {
        display: none;
    }

    .aboutUsContact ul+a {
        display: flex;
    }

    .mobileBtn {
        margin-top: 16px;
        margin: 24px auto 0;
    }

    .testimonialsbox {
        gap: 20px 20px;
    }

    .testimonialContentsbox {
        max-width: calc(100% - 0px);
    }

    .reviewSlider {
        max-width: calc(100% - 0px);
    }

    .reviewerPic {
        max-width: 100%;
    }

    .reviewerContent {
        max-width: 100%;
    }

    .reviewerPic img {

        max-height: 350px;
        object-position: center top;
    }

    .reviewSlider .swiper-slide {
        padding: 0 0px;
    }

    .reviewSliderNextBtn,
    .reviewSliderPrevBtn {
        width: 48px;
        height: 48px;
    }

    .reviewSliderNextBtn svg,
    .reviewSliderPrevBtn svg {
        width: 20px;
    }

    .reviewerContent {
        padding: 20px 15px 20px 15px;
    }

    .courseFormatContentBox h2 {
        margin: 16px 0 16px;
    }

    .courseFormatImageBox {
        max-width: calc(100% - 0px);
    }

    .courseFormatContentBox {
        max-width: calc(100% - 0px);
    }

    .hiddensectionShortLabel {
        display: flex;
    }

    .courseFormatAbosluteLabel h5::after {
        font-size: 54px;
        left: 0;
        bottom: -36px;
    }

    .secondCoruseFormatContentBox a {
        margin-top: 15px;
    }


    .secondCoruseFormatContentBox h3 {
        margin: 15px 0 16px;
    }

    .secondCoruseFormatContentBox {
        max-width: calc(100% - 0px);
    }

    .secondCoruseFormatImageBox {
        max-width: calc(100% - 0px);
    }

    .secondCoruseFormatImageBox {
        gap: 10px;
    }

    .secondCoruseFormatContentBox {
        padding-right: 20px;
    }

    .secondCoruseFormatImageBox img:first-child {
        max-width: calc(59% - 5px);
    }

    .secondCoruseFormatImageBox img:last-child {
        max-width: calc(41% - 5px);
    }

    .secondCoruseFormatBox {
        flex-direction: column-reverse;
    }

    .aboutUsFirstContent p {
        margin: 0 0 16px;
        padding: 15px 0;
    }

    .aboutUsFirstContent {
        max-width: calc(100% - 0px);
    }

    .aboutUsSecondContent {
        max-width: calc(100% - 0px);
    }

    .aboutUsSecondRowFirstImage {
        max-width: calc(100% - 0px);
    }

    .aboutUsSecondContent p {
        margin: 0 0 16px;
        padding: 16px 0;
    }

    .aboutUsSecondRow.dFlex {
        flex-direction: column-reverse;
    }

    .pageInfoTitle {
        padding: 12px 0;
        font-size: 12px;
    }

    .synopsisFeaturedImageBox {
        max-width: calc(100% - 0px);
    }

    .synopsisFeaturedContentBox {
        padding: 20px;
        max-width: calc(100% - 0px);
    }

    .pageInfoDetail {
        font-size: 10px;
        padding: 12px 0;
    }

    .stateByStateImageBox {
        max-width: calc(100% - 0px);
    }


    .stateByStateBox {
        flex-direction: column-reverse;
    }

    .stateByStateContentBox {
        max-width: calc(100% - 0px);
    }

    .differetLawInStatesBox {
        padding: 20px 10px;
        gap: 18px;
    }

    .differetLawInStatesImage {
        width: 100%;
        max-width: calc(100% - 0px);
    }

    .differetLawInStatesContent {
        width: 100%;
        max-width: calc(100% - 0px);
    }

    .differetLawInStatesContent {
        margin-top: 20px;
    }

    .differetLawInStatesItem {
        padding-bottom: 24px;
    }

    .blogsTopBox a {
        display: none;
    }

    .blogsTopBox {
        margin-bottom: 24px;
    }

    .postListItem {
        max-width: calc(100% - 0px);
    }

    .blogsTopBox {
        align-items: baseline;
    }

    .mobileBtn {
        display: flex;
    }

    .productItem {
        max-width: calc(100% - 0px);
    }

    .guaranteedandCertifiedItem p {
        padding: 8px 0 15px;
    }

    .guaranteedandCertifiedBoxLeftSideBox {
        max-width: calc(100% - 0px);
    }

    .guaranteedandCertifiedBoxRightSideBox {
        max-width: calc(100% - 0px);
    }

    .guaranteedandCertifiedBoxLeftSideBox a {
        display: none;
    }

    .uniBtn.mobileGuaranteed {
        display: flex;
        margin: 30px auto 0;
    }

    .guaranteedandCertified {
        padding: 50px 0 50px;
    }

    .guaranteedandCertifiedItem:nth-child(2) {
        max-width: 100%;
    }

    .guaranteedandCertifiedItem:nth-child(2) {
        margin: 50px 0;
    }

    .guaranteedandCertifiedItem::after {
        left: 0;
    }

    .guaranteedandCertifiedBox {
        gap: 45px;
    }

    .homeBannerContent {
        max-width: calc(100% - 0px);
        padding-right: 20px;
    }

    .homeBannerImage {
        max-width: calc(100% - 0px);
    }

    .homeBannerBox {
        flex-direction: column-reverse;
    }

    .homeBanner {
        padding: 20px 0 50px;
    }

    .numberBox {
        flex-direction: row;
        justify-content: center;
    }

    .multiBtn a:last-child {
        gap: 5px;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .numberBox .numberBoxItem {
        width: 100%;
        max-width: 49%;
    }

    .numberBox {
        gap: 20px 6px;
    }

    .guaranteedandCertifiedBoxRightSideBox {
        margin-top: 0px;
    }

    .postContentleftSide {
        max-width: calc(100% - 0px);
    }

    .postContentRightSide {
        max-width: calc(100% - 10px);
    }

    .productMapFilter a {
        width: calc((100% / 6) - 7.7px);
    }

    .page-template-about-us .companyInfo::after {
        width: 300px;
        height: 300px;
        top: 0;
    }


    .aboutUsFirstRowFirstImage {
        width: 100%;
        max-width: calc(40% - 10px);
    }

    .guaranteedandCertifiedItem p {
        max-width: 100%;
    }

    .popularCoursesBox .tabs {
        gap: 5px 10px;
    }

    .popularCoursesBox .tabs {
        justify-content: center;
    }

    .popularCoursesBox .tabs li {
        width: 100%;
        max-width: calc((100% / 3) - 7px);
        text-align: center;
    }

    .aboutUsFirstRowSecondImage {
        width: 100%;
        max-width: calc(60% - 10px);
    }

    .page-template-about-us .faq::before {
        top: -40px;
        width: 200px;
        height: 200px;
    }

    .courseFormat::after {
        top: -42px;
    }

    .faqEllipse2 {
        top: 764px;
    }

    .contactUs::before {
        width: 300px;
        height: 300px;
        bottom: 353px;
    }

    .guaranteedandCertified::after {
        width: 223px;
        height: 188px;
    }

    .guaranteedandCertified::before {
        width: 300px;
        height: 300px;
    }

    .comment-reply-title {
        max-width: 100%;
    }

    #commentform label:not(.comment-form-cookies-consent label) {
        margin-bottom: 8px;
    }

    #commentform {
        gap: 10px 10px;
    }

    .comment-form-author {
        max-width: calc(100% - 0px);
    }

    .comment-form-email {
        max-width: calc(100% - 0px);
    }

    .productMap::after {
        top: 307px;
    }

    .courseCategoryFilterBox {
        max-width: calc(100%);
    }

    .courseResultBox {
        max-width: calc(100%);
    }

    .courseResultBox .productItem {
        max-width: calc(100% - 0px);
    }

    .coursesAllHeading {
        max-width: calc(100% - 0px);
    }

    .courseTopFilter {
        max-width: calc(100% - 0px);

    }

    .courseSelectFilter {
        width: 100%;
        max-width: 100%;
    }

    .courseSearchFilter {
        width: 100%;
        max-width: 100%;
    }

    .courseSelectFilter select {
        width: 100%;
    }

    .courseSearchFilter input {
        width: 100%;
    }

    .explictContentWrapper {
        max-width: calc(100%);
    }

    .explictImageWrapper {
        max-width: calc(100%);
    }

    .siteSearch {
        min-height: 120px;
    }

    .crossSearch img {
        width: 20px;
    }

    .searchBox input {
        min-height: 48px;
    }

    .siteBranding a img {
        width: 120px;
        height: auto;
    }

    .mobileHeaderWrapper {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: calc(100% - 120px);
        justify-content: end;
    }

    .productTitle {
        padding: 0 5px;
    }

    .productMetaBox {
        padding: 0 5px;
    }

    .homeBannerContenttopBox h1 {
        font-size: 28px;
    }

    .postContentBox>p:not(:last-child) {
        margin-bottom: 10px;
    }

    .secondCoruseFormatImageBox::before {
        width: 43px;
        height: 43px;
    }

    .previewIconBox {
        width: 43px;
        height: 43px;
    }

    .previewIconBox svg {
        width: 13px;
    }

    .productMap .productTitle {
        min-height: auto;
    }

    .courseResultBox .productTitle {
        min-height: auto;
    }

    .loginFormWrapper {
        max-width: calc(100% - 0px);
    }

    .loginsImageWrapper {
        max-width: calc(100% - 0px);
    }

    .loginsWrapper {
        flex-direction: column-reverse;
    }

    .cookiesWrapper {
        font-size: 12px;
    }

    .Registration {
        max-width: calc(100% - 10px);
    }

    .registrationInnerWrapper .loginsImageWrapper {
        max-width: calc(100% - 0px);
    }

    .registrationInnerWrapper.dFlex {
        flex-direction: column-reverse;
    }

    .registerLogoWrapper img {
        margin: 20px auto 0 0;
    }

    .forgetPasswordWrapper {
        flex-direction: column-reverse;
    }

    .forgetPasswordBox {
        max-width: calc(100% - 0px);
    }

    .forgetPasswordImageBox {
        max-width: calc(100% - 0px);
    }

    .forgetPasswordBox p:first-of-type {
        margin: 16px 0;
    }

    .userAccountBox {
        gap: 20px 20px;
    }

    .userAccountNavigation {
        max-width: 100%;
    }

    .woocommerce-MyAccount-content {
        max-width: 100%;
    }

    .wc-block-cart__main.wp-block-woocommerce-cart-items-block {
        padding-right: 0px !Important;
    }

    .wp-block-woocommerce-cart-totals-block {
        padding-left: 0px !Important;
        margin-bottom: 0 !important;
    }

    .wp-block-woocommerce-checkout.wc-block-checkout {
        padding: 50px 0;
    }
	.woocommerce div.product .woocommerce-tabs .panel{
		padding:20px 10px !important;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs{
		padding:5px 10px !important;
	}
	.product .woocommerce-tabs ul.tabs li {
		padding: 0px 15px !important;
	}
}

@media (max-width:600px) {
    .proVidMeta .proMeta {
        padding-left: 0px;
        padding-right: 0px;
    }

    .proMeta div span:nth-child(2) {
        min-width: 10px;
    }

    .proMeta div span:nth-child(1) {
        font-size: 16px !important;
    }

    .proMeta div span:nth-child(1)::before {
        width: 10px;
        height: 10px;
        border-radius: 40px;
        margin-right: 8px;
    }
}