/* ======================================
   GLOBAL STYLES - Shared across all pages
   ====================================== */

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}

html {
    background-color: #fff;
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #3c3c3c;
    text-decoration: none;
    background: #fff;
    overflow: auto;
}
debug {
    position: absolute;
    top: 0;
    left: 0;
}
/* Scrollbar Styling */
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    padding: 0 10px;
}

*::-webkit-scrollbar-track {
    background: #eeeeee;
}

*::-webkit-scrollbar-thumb {
    background: #0e5484;
    border-radius: 4px;
}

/* Typography */
a {
    color: #0e5484;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #000;
    margin-bottom: 15px;
}

h1 {
    font-size: 40px;
    color: #0e5484;
    line-height: 68px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

/* Lists */
ol, ul {
    margin-left: 15px;
}

ol, li {
    margin-bottom: 10px;
}

iframe {
    display:block;
    max-width:100%;
    margin:0 auto;
    background:transparent;
    -webkit-transform-origin:top left;
    transform-origin: top left;
}
.fb_iframe_widget, .fb_iframe_widget * {
    max-width: 100% !important;
    display: inline-block;
    vertical-align: middle;
}
.left {
    float: left;
}
.right {
    float: right !important;
}
.hide{
    display: none;
}
.flex {
    display: flex;
}
.clear {
    clear:both !important;
    float:none !important;
    margin:0 auto !important;
}
.center {
    text-align: center;
}
.error {
    color:#f00;
    font-weight:bold;
    text-align:center;
}
.error a {
    color: #f00;
    text-decoration: underline;
}
/* Container */
.main-container, .wrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}
.main {
    padding-top: 100px;
}
.tm-loading {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url('https://cdn.testingmom.com/img/tm-loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.col100{
    position: relative;
    width: 98%;
    margin: 0 1%;
    float: left;
}
.col50{
    position:relative;
    width:48%;
    margin:0 1%;
    float:left;
}
.col33{
    width:31%;
    margin:0 1%;
    float:left;
    position:relative;
}
.col25{
    width:22%;
    margin:0 1.5%;
    float:left;
}
.col40{
    width:36%;
    margin:0 2%;
    float:left;
}
.col60{
    width:56%;
    margin:0 2%;
    float:left;
}
.col66{
    width:64%;
    margin:0 1%;
    float:left;
}
.col75{
    width:73%;
    margin:0 1%;
    float:left;
}
.col20 {
    width: 15%;
    margin: 0 1.5%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
img, .col50 img, .col33 img, .col25 img, .col40 img, .col66 img{ max-width:100%; height:auto;}

img.alignleft {
    float: left;
    margin-right: 10px;
}
img.alignright {
    float: right;
    margin-left: 10px;
}

/* Buttons */
.btn {
    color: #0e5484;
    font-size: 1em;
    text-align: center;
    padding: 9px 10px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #0e5484;
}

.btn:hover {
    opacity: 0.7;
}

/* Form Inputs */
input[type="text"],
input[type="password"],
textarea,
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="date"] {
    display: block;
    background: #fff;
    margin-bottom: 15px;
    padding: 7px 5px 6px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #333;
    border: 1px solid #dbe1e9;
    box-sizing: border-box;
    font-size: 16px;
    width: 100%;
}

select {
    border: 1px solid #dbe1e9;
    height: 29px;
    background: #f1f1f2;
    width: 100%;
    color: #888;
    text-indent: 1%;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.page {
    padding-top: 120px;
}

/* Iframe */
iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    background: transparent;
}



/* Pagination - Shared Component */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 20px;
    font-family: Arial, sans-serif;
    margin-top: 12px;
}

.page-arrow {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4b5675;
}

.page-arrow.disabled {
    cursor: not-allowed;
    color: #4b5675;
}

.page-number {
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    color: #78829d;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.page-number:hover {
    background: rgba(37, 99, 235, 0.08);
}

.page-number.active {
    background: #0e5484;
    color: #fff;
    font-weight: 500;
}

/* Card Components - Shared */
.card {
    width: 100%;
    border: 1px solid #e6eeff;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 24px 48px -29px rgba(0, 0, 0, 0.18);
    padding: 12px;
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
}

.card-image {
    width: 100%;
    height: 232px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #e6eeff;
}

.card-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    color: black;
    margin: 0;
}

.card-description {
    font-size: 14px;
    color: black;
    line-height: 1.5;
    margin: 0;
}

.card-footer {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.read-more {
    background: transparent;
    border: 1px solid #0e5484;
    color: #0e5484;
    border-radius: 100px;
    padding: 6px 14px;
    height: 28px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.2s ease;
    font-weight: 500;
}

.read-more:hover {
    background: #0e5484;
    color: #fff;
}

/* Video Iframe Wrapper */
.video-iframe {
    border-radius: 16px;
}

/* Utility Classes */
.left {
    float: left;
}

.right {
    float: right !important;
}

.hide {
    display: none;
}

.clear {
    clear: both !important;
    float: none !important;
    margin: 0 auto !important;
}

.center {
    text-align: center;
}

/* REGISTER WIDGET */
.reg {
    position: relative;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
    width: 100%;
    margin-bottom: 20px;
    z-index: 8;
    text-align: left;
    border-radius: 15px;
    background-image: url("//cdn.testingmom.com/home/signup-bg.png");
    background-color: #00487b;
    padding: 40px 40px 20px;
    color: #fff;
}
.loggedInShortcode {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 20px;
    background-color: #f26522;
    cursor: pointer;
    padding: 20px 30px;
    position: relative;
    width: 100%;
    border-radius: 15px;
    font-weight: 700;
    font-size: 30px;
}
.reg.shortcode {
    max-width: 700px;
    margin: 0 auto 20px;
    background-color: #f26522;
    cursor: pointer;
    padding-top: 20px;
}
.reg.shortcode form {
    padding: 0 38px 20px;
}
.reg.shortcode .top {
    pointer-events: none;
    font-size: 30px;
}
.reg.shortcode.blue_reg {
    background-color: #00487b;
    cursor: auto;
    padding: 0;
}
.reg.shortcode.blue_reg .top {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f26522!important;
    border-radius: 15px 15px 0 0!important;
}
.reg input[type=password], .reg input[type=text], .reg input[type=email] {
    width: 100%;
}
.reg .error {
    color: #ff0;
    text-shadow: 1px 1px 0 #555;
    font-size: 16px;
}
.reg .privacy a {
    text-decoration: underline;
}
.page .reg{
    position: relative;
    z-index: 9;
}
#sidebar .reg {
    margin-top: 40px;
}
.reg .callout {
    position: absolute;
    top: -30px;
    background-size: cover;
}
.reg .left-callout {
    top: 10px;
    left: 10px;
    aspect-ratio: 48/42.3;
    background-image: url("data:image/svg+xml,%3Csvg class='callout left-callout' xmlns='http://www.w3.org/2000/svg' width='98' height='86' viewBox='0 0 98 86' fill='none'%3E%3Cpath d='M84.8203 48.8873L78.4897 31.8978L82.934 30.8545L84.8203 48.8873Z' fill='black'/%3E%3Cpath d='M52.7969 67.5732L35.085 63.742L36.6044 59.4336L52.7969 67.5732Z' fill='black'/%3E%3Cpath d='M67.5547 53.7609L53.2255 42.6572L56.4557 39.4297L67.5547 53.7609Z' fill='black'/%3E%3Cpath d='M78.7734 51.3619L48.2063 11.8863L56.751 6.5498L78.7734 51.3619Z' fill='black'/%3E%3Cmask id='mask0_2386_155390' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='74' width='51' height='13'%3E%3Cpath d='M50.0078 74.5044H-0.00179291V86.0022H50.0078V74.5044Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2386_155390)'%3E%3Cpath d='M49.9062 74.5967L1.31048 86.002L0.0121498 76.01L49.9062 74.5967Z' fill='black'/%3E%3C/g%3E%3Cpath d='M90.2807 51.0032L85.0921 1.33647L95.1641 1.30615L90.2807 51.0032Z' fill='black'/%3E%3Cpath d='M57.5781 60.4265L24.7353 37.6311L31.4741 30.1406L57.5781 60.4265Z' fill='black'/%3E%3Cpath d='M86.8672 47.9625L80.5371 30.9729L84.985 29.9302L86.8672 47.9625Z' fill='%23F4D240'/%3E%3Cpath d='M87.5703 50.9152L85.3291 29.4604L80.0412 30.7018L87.5703 50.9152ZM84.6606 30.4039L86.1878 45.0142L81.0604 31.2517L84.6606 30.4039Z' fill='black'/%3E%3Cpath d='M54.8594 66.6528L37.1475 62.8216L38.6632 58.5132L54.8594 66.6528Z' fill='%23F4D240'/%3E%3Cpath d='M57.7188 67.6606L38.4487 57.978L36.6429 63.1039L57.7188 67.6606ZM38.8841 59.0474L52.0028 65.6399L37.6511 62.5347L38.8841 59.0474Z' fill='black'/%3E%3Cpath d='M69.6016 52.8408L55.2761 41.7371L58.5025 38.5054L69.6016 52.8408Z' fill='%23F4D240'/%3E%3Cpath d='M71.7422 54.9836L58.5357 37.9292L54.6946 41.7714L71.7422 54.9836ZM58.4667 39.0827L67.4583 50.6945L55.8513 41.6993L58.4667 39.0827Z' fill='black'/%3E%3Cpath d='M80.8281 50.4415L50.2573 10.9654L58.802 5.62939L80.8281 50.4415Z' fill='%23F4D240'/%3E%3Cpath d='M82.8281 53.6542L58.9539 5.0835L49.6989 10.8664L82.8281 53.6542ZM58.6444 6.17589L78.8229 47.2295L50.8216 11.065L58.6444 6.17589Z' fill='black'/%3E%3Cpath d='M51.9531 73.6729L3.35683 85.0782L2.05902 75.0898L51.9531 73.6729Z' fill='%23F4D240'/%3E%3Cpath d='M3.03673 85.5482L55.7109 73.188L1.62812 74.7194L3.03673 85.5482ZM48.2043 74.1617L3.68589 84.6085L2.49471 75.4564L48.2043 74.1617Z' fill='black'/%3E%3Cpath d='M92.3359 50.0791L87.1468 0.416057L97.2188 0.385742L92.3359 50.0791Z' fill='%23F4D240'/%3E%3Cmask id='mask1_2386_155390' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='86' y='0' width='12' height='54'%3E%3Cpath d='M97.6484 0H86.6764V53.8988H97.6484V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_2386_155390)'%3E%3Cpath d='M92.3412 53.868L97.6328 0L86.7173 0.0339739L92.3412 53.868ZM96.7929 0.767288L92.3182 46.2939L87.5645 0.794467L96.7929 0.767288Z' fill='black'/%3E%3C/g%3E%3Cpath d='M59.6328 59.5015L26.7941 36.706L33.5288 29.2197L59.6328 59.5015Z' fill='%23F4D240'/%3E%3Cpath d='M61.8906 61.5301L33.5417 28.6392L26.2264 36.7709L61.8906 61.5301ZM33.5302 29.7964L57.3852 57.4736L27.3716 36.6413L33.5302 29.7964Z' fill='black'/%3E%3C/svg%3E");
    width: 97px;
}
.reg .right-callout {
    top: 20px;
    right: 10px;
    aspect-ratio: 37.4/42.5;
    background-image: url("data:image/svg+xml, %3Csvg class='callout right-callout' xmlns='http://www.w3.org/2000/svg' width='74' height='81' viewBox='0 0 74 81' fill='none'%3E%3Cpath d='M28.7634 66.5426L41.9819 63.5423L42.3127 66.9392L28.7634 66.5426Z' fill='black'/%3E%3Cpath d='M18.1173 40.9494L22.7184 28.2068L25.7596 29.7613L18.1173 40.9494Z' fill='black'/%3E%3Cpath d='M26.8811 53.2708L36.5343 43.7583L38.6044 46.4728L26.8811 53.2708Z' fill='black'/%3E%3Cpath d='M27.5069 61.8395L59.7982 43.1183L62.9022 49.9806L27.5069 61.8395Z' fill='black'/%3E%3Cmask id='mask0_2386_155420' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='4' y='0' width='15' height='39'%3E%3Cpath d='M13.2578 38.1992L18.2338 1.14405L9.71437 3.55731e-06L4.73838 37.0552L13.2578 38.1992Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2386_155420)'%3E%3Cpath d='M13.2188 38.127L9.60318 0.984539L17.136 1.01674L13.2188 38.127Z' fill='black'/%3E%3C/g%3E%3Cpath d='M26.6858 70.3723L64.0031 71.4696L63.0234 78.9355L26.6858 70.3723Z' fill='black'/%3E%3Cpath d='M22.9265 45.2126L43.0849 23.1455L47.9646 28.884L22.9265 45.2126Z' fill='black'/%3E%3Cpath d='M29.2716 68.1521L42.49 65.1522L42.8201 68.5517L29.2716 68.1521Z' fill='%23F4D240'/%3E%3Cpath d='M26.9935 68.374L43.1136 68.8481L42.72 64.8065L26.9935 68.374ZM42.4811 68.2589L31.5034 67.9368L42.2112 65.507L42.4811 68.2589Z' fill='black'/%3E%3Cpath d='M18.5939 42.5827L23.195 29.8401L26.2365 31.3919L18.5939 42.5827Z' fill='%23F4D240'/%3E%3Cpath d='M17.56 44.5976L26.6518 31.2827L23.0334 29.4346L17.56 44.5976ZM25.8161 31.4989L19.6259 40.5634L23.3548 30.2383L25.8161 31.4989Z' fill='black'/%3E%3Cpath d='M27.378 54.8661L37.0308 45.3563L39.1044 48.0685L27.378 54.8661Z' fill='%23F4D240'/%3E%3Cpath d='M25.5821 56.2401L39.5328 48.1515L37.0681 44.9231L25.5821 56.2401ZM38.6849 47.9856L29.1864 53.4927L37.0064 45.7873L38.6849 47.9856Z' fill='black'/%3E%3Cpath d='M27.9913 63.4396L60.2834 44.7157L63.3869 51.578L27.9913 63.4396Z' fill='%23F4D240'/%3E%3Cpath d='M25.4095 64.6017L63.7739 51.7447L60.4099 44.3117L25.4095 64.6017ZM62.9953 51.4067L30.5685 62.2733L60.1511 45.1238L62.9953 51.4067Z' fill='black'/%3E%3Cpath d='M13.6875 39.7139L10.072 2.57107L17.6021 2.60329L13.6875 39.7139Z' fill='%23F4D240'/%3E%3Cpath d='M9.74674 2.30067L13.6641 42.5601L17.9106 2.33442L9.74674 2.30067ZM13.6895 36.901L10.3785 2.87518L17.2783 2.9032L13.6895 36.901Z' fill='black'/%3E%3Cpath d='M27.1415 71.9907L64.4563 73.0873L63.4766 80.5532L27.1415 71.9907Z' fill='%23F4D240'/%3E%3Cmask id='mask1_2386_155420' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='23' y='67' width='42' height='14'%3E%3Cpath d='M63.7109 80.9146L64.8027 72.7847L24.8657 67.4217L23.774 75.5516L63.7109 80.9146Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_2386_155420)'%3E%3Cpath d='M24.3312 71.6216L63.7188 80.9023L64.7797 72.811L24.3312 71.6216ZM63.2338 80.2036L29.9456 72.3582L64.1319 73.3631L63.2338 80.2036Z' fill='black'/%3E%3C/g%3E%3Cpath d='M23.4062 46.84L43.5642 24.776L48.4411 30.511L23.4062 46.84Z' fill='%23F4D240'/%3E%3Cpath d='M21.6603 48.302L48.852 30.5693L43.5545 24.3398L21.6603 48.302ZM47.9957 30.4456L25.1143 45.3673L43.5366 25.2012L47.9957 30.4456Z' fill='black'/%3E%3C/svg%3E");
    width: 73px;
}
.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    max-width: 400px;
    min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state,
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #303030;
    opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
}

.social-logins {
    display: flex;
    flex-direction: column;
    align-items: flex-start;  /* Align to left */
    gap: 15px;
}
.social-logins svg {
    position: relative !important;
    top: auto !important;
}
.social-logins > div {
    width: 100%;
}

.g_id_signin {
    width: 100% !important;
    position: relative;
    height: 48px;
}

.g_id_signin > div {
    width: 100% !important;
}

.g_id_signin iframe {
    width: 100% !important;
    min-width: 100% !important;
    height: 48px !important;
}
.google-signin-btn {
    background: #fff;
    color: #1f1f1f;
    border: 1px solid #747775;
    border-radius: 4px;
    padding: 0 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.apple-signin-button > div {
    background: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 0 16px;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.25px;
    cursor: pointer;
    width: 100%; /* Fill container */
    height: 48px;
    display: flex; /* Back to flex */
    align-items: center;
    justify-content: center;
    transition: background-color 0.218s ease, border-color 0.218s ease, box-shadow 0.218s ease;
    text-decoration: none;
    box-sizing: border-box;
    white-space: nowrap;
}

.reg .top{
    color:#fff;
    font-weight:bold;
}
.reg.shortcode form {
    margin-top: 20px;
}
.reg .top h3{
    color:#fff;
    margin:0;
    font-size:1.4em;
    text-align: center;
}
.reg .top h3 span {
    display: block;
}
.reg .top p{
    display:block;
    text-transform:none;
    font-size:1em;
    margin-bottom:0;
}
.reg form{
    padding: 12px 0;
}
.reg form div.yes {
    font-size: .7em;
    margin-bottom: 5px;
    padding-right: 20px;
}
.reg form div.no {
    font-size: .6em;
    clear: both;
    margin-bottom: 20px;
}
.reg form input[type=text], .reg form input[type=password], .reg form input[type=email] {
    background-color: #fff;
    font-size: 18px;
    width: 100%;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    margin-right: 5%;
    border-radius: 4px;
    padding: 10px;
    border: none;
}
.reg select option{
    height:15px;
    font-size:12px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
}
.reg button {
    padding: 5px;
    background:#ffe100;
    color:#000;
    line-height: 2;
    font-weight:bold;
    border-radius: 4px;
    font-size: 18px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    margin:0 0 15px;
    cursor:pointer;
    width:100%;
    display:block;
}
p.privacy{
    font-size: 14px;
    line-height: 1.5;
    color:#fff;
    box-sizing:border-box;
    margin-top: 12px;
}
.mobile .reg{
    width:98%;
    margin:0 1% 20px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.5%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width:100%;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
img, .col50 img, .col33 img, .col25 img, .col40 img, .col66 img{ max-width:100%; height:auto;}

.avatar {
    position: relative;
    background: #848484;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    z-index: 10;
}

/* HelpScout Widget */
.js-beacon {
    border-radius: 60px;
    height: 60px;
    position: fixed;
    transform: scale(1);
    width: 60px;
    z-index: 1049;
    border: none;
    bottom: 40px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 7px;
    right: 40px;
    top: auto;
    transition: box-shadow 250ms ease 0s, opacity 0.4s ease 0s, scale 1000ms ease-in-out 0s, transform 0.2s ease-in-out 0s;
}
button.fake-beacon {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 200px;
    bottom: 0px;
    display: block;
    height: 60px;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px;
    line-height: 60px;
    outline: none;
    padding: 0px;
    position: relative;
    user-select: none;
    z-index: 999;
    background-color: #238fdc;
    border: none;
    color: white;
    cursor: pointer;
    min-width: 60px;
    transition: background-color 200ms linear 0s, transform 200ms linear 0s;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fake-beacon-chat {
    -webkit-box-align: center;
    align-items: center;
    color: white;
    cursor: pointer;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0px;
    pointer-events: none;
    position: absolute;
    text-indent: -99999px;
    top: 0px;
    transition: opacity 80ms linear 0s, transform 160ms linear 0s;
    width: 60px;
    will-change: opacity, transform;
    opacity: 1 !important;
    transform: rotate(
            0deg
    ) scale(1) !important;
}
.is-loading .fake-beacon span:last-child {
    display: block;
    width: 100%;
    height: 100%;
    background: url(//cdn.testingmom.com/img/tail-spin.svg);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.g-recaptcha > div {
    margin-top: 20px;
}
.grecaptcha-badge {
    display: none;
}
#form-elements {
    width: 100%;
    max-width: 400px;
}
#main-login {
    padding: 20px;
    border: 1px solid #0e5484;
    border-radius: 5px;
    margin: 100px auto;
    max-width: 600px;
}
#main-login .btn {
    float: none;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    height: 48px;
    border-radius: 5px;
    color: #fff;
    background: #0e5484;
}
#main-login .social-logins {
    margin: 15px auto;
    float: none;
    width: 48%;
}
/* Responsive Typography */
@media (max-width: 1024px) {
    h1 {
        font-size: 32px;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }
}
@media(max-width:920px) {

    .wrapper > .col66,
    #page .col66 {
        float: none;
        width: 98%;
    }

    .wrapper > .col33 {
        float: none;
        width: 98%;
        margin-top: 50px;
    }
}
@media (max-width: 800px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    #ppcs .col60,
    #ppcs .col40 {
        width: 96%;
        float: none;
        margin-bottom: 20px;
    }

    #testimonials .col66,
    #testimonials .col33,
    #testimonials ul {
        width: 98%;
        float: none;
        margin: 0 1%;
    }

    #testimonials .col50 {
        width: 100%;
        margin: 0;
    }

    #testimonials .col50,
    #testimonials .col33 .cont {
        margin-bottom: 20px;
    }

    #single .col33 {
        width: 60%;
        margin: 0 20%;
    }

    #single .col66 {
        width: 90%;
        padding: 0 5%;
    }

    .blog-text-area {
        width: 100%;
    }

    .wrapper>.col40 {
        width: 58%;
        float: none;
    }

}
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    .pagination {
        gap: 4px;
    }
}
@media (max-width: 680px) {
    .col50 {
        width: 98%;
        float: none;
    }
    #testimonials li {
        width: 100%;
        float: none;
    }
    #main-login .social-logins, #main-login .btn {
        width: 100%;
    }
}
@media(max-width:610px) {
    .wrapper > .col40 {
        width: 98%;
        float: none;
    }
}