@font-face {
    font-family: 'Azo Sans';
    src: url('./fonts/AzoSans-Bold.woff2') format('woff2'),
        url('./fonts/AzoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Azo Sans';
    src: url('./fonts/AzoSans-Regular.woff2') format('woff2'),
        url('/fonts/AzoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Azo Sans Md';
    src: url('./fonts/AzoSans-Medium.woff2') format('woff2'),
        url('./fonts/AzoSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

body {
    font-family: 'Azo Sans';
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.5;
    color: #081622;
}

img {
    max-width: 100%;
}

figure {
    line-height: 0;
}

p {
    font-size: 18px;
    line-height: 1.5;
    color: #081622;
    font-family: 'Azo Sans';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 25px;
}

p:last-child {
    margin-bottom: 0;
}

.list-none {
    list-style: none;
}

.btn {
    background-color: #a4268f;
    border-radius: 0;
    font-size: 20px;
    display: inline-block;
    line-height: 1.2;
    padding: 20px 30px;
    color: #fff;
    text-decoration: none;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    text-align: center;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-family: 'Azo Sans';
}

.btn.blue {
    background-color: #2c2e74;
}

.btn.green {
    background-color: #32835c;
}

.btn.btn-list {
    padding: 0;
    background-color: transparent;
    display: inline-block;
    font-size: 18px;
}

.btn:hover {
    background-color: #2c2e74;
}

.btn.blue:hover {
    background-color: #a4268f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #081622;
    line-height: 1.2;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

@media screen and (max-width: 1279px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 26px;
    }
}

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

    h2 {
        font-size: 35px;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 26px;
    }
}

.container {
    max-width: 1170px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    /* display: -ms-flexbox;
    display: flex; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.full-width {
    width: 100%;
    display: block;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.w100 {
    width: 100%;
}

.pd100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pdt100 {
    padding-top: 100px;
}

.pdb100 {
    padding-bottom: 100px;
}

.ptb80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt60 {
    padding-top: 60px;
}

.pt50 {
    padding-top: 50px;
}

.pt40 {
    padding-top: 40px;
}

.plr90 {
    padding: 0 90px;
}

.pt20 {
    padding-top: 20px;
}

.pt10 {
    padding-top: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.listing li {
    margin-bottom: 25px;
    background-image: url(../images/blue-check.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    list-style: none;
}

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

.dot-listing ul {
    padding-left: 18px;
}

/* Form */
.contactForm {
    background-color: #fbfbfb;
    border: 1px solid #f3f3f3;
    border-radius: 25px;
    padding: 50px
}

.form-group .form-control {
    height: 65px;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    color: #b4b4b4;
    font-size: 17px;
    line-height: 1.2;
    font-family: 'Azo Sans';
    font-weight: normal;
    border-radius: 0;
    padding: 4px 15px;
}

.form-group .form-control.textarea {
    padding: 20px 10px;
    resize: none;
    height: 160px;
}

form .inputRow {
    margin-bottom: 30px;
    gap: 30px;
}

form .inputRow.radiosRow .radio-wrapper {
    gap: 30px;
}

form .inputRow.radiosRow .radio-wrapper .form-check-input label {
    margin-left: 10px;
}

.inputRow .col3 {
    display: flex;
    gap: 14px;
}

.reqlabel label {
    color: #b4b4b4;
}

.reqlabel label .form-required {
    color: #d16489
}

.contactForm .checkRow {
    display: flex;
    gap: 0;
    align-items: flex-start;
    margin-top: 30px;
}

.checkRow label {
    /* padding-left: 15px; */
    font-size: 14px;
    color: #000;
    display: inline-block;
}

.contactForm .submitRow .btn {
    width: 250px;
    border: 1px solid #a4268f;
}

.contactForm .submitRow .btn:hover {
    background-color: transparent;
    color: #a4268f;
}

.contactForm .submitRow {
    margin-bottom: 10px;
}

.form-group .text-danger {
    color: red;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}

.form-group .form-control::-webkit-input-placeholder {
    color: #b4b4b4;
}

.form-group .form-control:-moz-placeholder {
    color: #b4b4b4;
}

.form-group .form-control::-moz-placeholder {
    color: #b4b4b4;
}

.form-group .form-control:-ms-input-placeholder {
    color: #b4b4b4;
}

@media screen and (max-width: 1023px) {
    .inputRow .col-6 {
        width: 100% !important;
    }

    .contactForm .d-flex {
        flex-wrap: wrap;
    }

    .contactForm .d-flex.col3,
    .contactForm .d-flex.submitRow {
        flex-wrap: nowrap;
    }

    form .inputRow.radiosRow .radio-wrapper {
        gap: 5px;
    }

    .inputRow .col3 {
        gap: 26px;
    }
}

@media screen and (max-width: 767px) {
    .contactForm {
        padding: 35px 25px;
    }

    .contactForm .inputRow {
        margin-bottom: 20px;
        gap: 20px;
    }

    .form-group .form-control {
        height: 55px;
    }

    .contactForm .d-flex.submitRow {
        flex-wrap: wrap;
    }

    .contactForm .submitWrap.text-right {
        text-align: left;
    }

    .contactForm .inputRow.checkRow {
        gap: 0;
    }

    form .inputRow.radiosRow .radio-wrapper .form-check-input label {
        margin-left: 0;
    }

    form .inputRow.radiosRow .radio-wrapper .form-check-input.ccbox.rcbox {
        width: 100%;
        margin-bottom: 10px;
    }

    .inputRow .col3 {
        gap: 20px;
    }

    .form-section .col3 .form-group {
        width: calc(100% / 3 - 13px);
    }
}

/* Flex */
.d-flex {
    display: flex;
}

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

.align-center {
    align-items: center;
}

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

.justify-content-center {
    justify-content: center;
}

/* Bootstrap CSS */
.col-12 {
    width: 100%;
}

.col-4 {
    width: 33.333333%;
}

.col-3 {
    width: 25%;
}

.col-6 {
    width: 50% !important;
}

.col-8 {
    width: 66.666667%;
}

.gap30 .col-6 {
    padding: 0 15px;
}

.container.gap30 {
    max-width: 1200px;
}

.wauto {
    width: auto !important;
}

@media screen and (max-width: 767px) {
    .col-4 {
        width: 100%;
    }

    .col-3 {
        width: 100%;
    }

    .col-6 {
        width: 100% !important;
    }

    .col-8 {
        width: 100%;
    }
}

/* Header */
/*.main-header {*/
/*    padding: 10px 0;*/
    /* box-shadow: 0px 0px 10px #e1e1e1; */
/*    position: relative;*/
/*    z-index: 99;*/
/*}*/
.main-header {
	padding: 10px 0;
	/* box-shadow: 0px 0px 10px #e1e1e1; */
	position: fixed;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	background-color: #fff;
}

.main-header .container {
    align-items: center;
    max-width: 1570px;
    width: 100%;
}

.navigation-menu .navmenu {
    display: flex;
    padding-top: 20px;
}

.navigation-menu .navmenu>.menu-item {
    padding-right: 30px;
    padding-bottom: 20px;
}

.navigation-menu .navmenu li.menu-has-children>a {
    background-image: url(../images/down-arrow-light.svg);
    padding-right: 30px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: top 4px right 0;
}

.navigation-menu .navmenu li.menu-has-children:nth-child(2)>a {
    width: 165px;
}

.navigation-menu .navmenu li.menu-has-children:nth-child(3)>a {
    width: 180px;
}

.navigation-menu li .menu-item-item {
    font-size: 16px;
    line-height: 1.2;
    color: #081622;
    text-decoration: none;
    display: block;
}

.navigation-menu li {
    position: relative;
    list-style: none;
}

.navigation-menu li .submenu {
    border: 1px solid #d292d6;
    position: absolute;
    top: 36px;
    min-width: 265px;
    padding: 0;
    background-color: #a3268f;
    border: 1px solid #d292d6;
    display: none;
    z-index: 1;
}

/* .navigation-menu li.menu-has-children:hover .submenu {
    display: block !important;
} */

.navigation-menu li .submenu li {
    border-bottom: 1px solid #d292d6;
}

.navigation-menu li .submenu li .menu-item-item {
    color: #fff;
    padding: 14px 10px 15px 20px;
    width: 100%;
    border-radius: 0;
    border: 0;
    text-align: left;
    font-family: 'Azo Sans';
    background-color: transparent;
    cursor: pointer;
}

.navigation-menu li .submenu li:last-child {
    border-bottom: 0;
}

.navigation-menu li .submenu li:hover>.menu-item-item {
    background-color: #b93ea5;
}

.main-header .btnWrap {
    gap: 10px;
}

.main-header .btnWrap .btn,
.main-footer .leftCol .btn,
.nosocial .on-mobile .btn {
    text-transform: uppercase;
    font-size: 14px;
    /*border-radius: 5px;*/
    padding: 17px 20px 13px;
}

.main-header .btnWrap .btn:hover,
.main-footer .leftCol .btn:hover,
.nosocial .on-mobile .btn:hover {
    transform: scale(1.05);
}

.main-header .btnWrap #pawBaL,
.donatepawBaL #pawBaL {
    background-color: #a3268f;
    position: relative;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
}

.main-header .btnWrap #pawBaL::before,
.donatepawBaL #pawBaL:before {
    content: "";
    position: absolute;
    left: -3px;
    right: -3px;
    top: -1px;
    bottom: -1px;
    background-color: #a3268f;
    opacity: 0;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
}

.main-header .btnWrap #pawBaL:hover:before,
.donatepawBaL #pawBaL:hover:before {
    opacity: 1;
}

.donatepawBaL #pawBaL {
    display: inline-block;
}

.nosocial .on-mobile {
    display: none;
}

.main-header .mainLogo {
    width: 75px;
    flex: auto;
    max-width: max-content;
    line-height: 0;
}

.main-header .rightCol {
    max-width: none;
    flex: auto;
    width: calc(100% - 75px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.headerLinks .nosocial {
    margin-right: 25px;
}

.headerLinks .nosocial li {
    list-style: none;
}

.headerLinks .nosocial .lgbtq {
    background-image: url(../images/lgbtq-icon.svg);
    margin-right: 15px;
    width: 40px;
    height: 38px;
    font-size: 0;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* .headerLinks .nosocial .lgbtq:hover {
    background-position: left 2px;
} */

.headerLinks .nosocial .chat {
    background-image: url(../images/message-icon.svg);
    height: 34px;
    width: 34px;
    background-size: 32px;
    font-size: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1439px) {
    .navigation-menu li .menu-item-item {
        font-size: 15px;
    }

}

@media screen and (max-width: 1365px) {
    .navigation-menu .navmenu>.menu-item {
        padding-right: 20px;
    }
}

@media screen and (max-width: 1279px) {
    .navigation-menu .navmenu>.menu-item {
        padding-right: 15px;
    }

    .navigation-menu li a {
        font-size: 15px;
    }

    .navigation-menu .navmenu li.menu-has-children>a {
        padding-right: 25px;
    }

    .navigation-menu .navmenu li.menu-has-children:nth-child(2)>a {
        width: 152px;
    }

    .headerLinks .nosocial .lgbtq {
        margin-right: 15px;
    }

    .headerLinks .nosocial {
        margin-right: 20px;
    }

    .main-header .btnWrap {
        gap: 7px;
    }
}

@media screen and (max-width: 1279px) {
    .menu-toggle-icon {
        width: 30px;
        height: 24px;
        cursor: pointer;
        order: 3;
        margin-left: 15px;
    }

    .menu-toggle-icon span {
        height: 3px;
        background-color: #3b3b3b;
        display: block;
        margin-bottom: 7px;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
    }

    .menu-toggle-icon.opened span:nth-child(1) {
        opacity: 0;
        visibility: hidden;
    }

    .menu-toggle-icon.opened span:nth-child(2) {
        transform: rotate(135deg);
    }

    .menu-toggle-icon.opened span:nth-child(3) {
        transform: rotate(45deg);
        position: relative;
        top: -10px;
    }

    .navigation-menu {
        position: absolute;
        right: 0;
        top: 55px;
        width: 300px;
        border: 1px solid #d292d6;
        background-color: #8d2a8b;
    }

    .navigation-menu .navmenu li a {
        font-size: 16px;
        color: #fff;
        padding: 18px 20px 18px 25px;
        border-bottom: 1px solid #d292d6;
        display: block;
    }

    .navigation-menu .navmenu li.menu-has-children>a {
        background-image: url(../images/down-arrow-white.svg);
        background-size: 20px;
        background-position: right 15px center;
    }

    .navigation-menu li .submenu li {
        border: 0;
    }

    .navigation-menu .navmenu {
        padding-top: 0;
        flex-wrap: wrap;
    }

    .navigation-menu .navmenu li.menu-has-children:nth-child(2)>a,
    .navigation-menu .navmenu li.menu-has-children:nth-child(3)>a {
        width: auto;
    }

    .navigation-menu .navmenu>.menu-item {
        padding: 0;
        width: 100%;
    }

    .navigation-menu .navmenu>.menu-item:last-child a {
        border-bottom: 0;
    }

    .navigation-menu li .submenu {
        position: static;
        border: 0;
    }

    .navigation-menu li .submenu li .menu-item-item {
        border-bottom: 1px solid #d292d6;
        padding: 14px 10px 15px 25px;
    }

    .navigation-menu.desktop-only {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .nosocial .on-mobile {
        display: block;
        margin-left: 15px;
    }

    .main-header .btnWrap {
        display: none;
    }

    .headerLinks .nosocial {
        margin-right: 0;
    }

    .headerLinks .nosocial .lgbtq {
        width: 35px;
    }

    .nosocial .on-mobile .btn {
        padding: 15px 20px 9px;
    }
}

/* Home Page */
.home-banner {
    line-height: 0;
}

.formRow .container {
    max-width: 1000px;
}

.formRow .formTop {
    width: 100%;
    background-color: #eff0f6;
    border: 1px solid #dde0f1;
    border-radius: 25px;
    padding: 35px 70px;
    margin-bottom: 35px;
}

.contact-form-sec .container {
    max-width: 1000px;
}

@media screen and (max-width: 1023px) {
    .formRow .formTop {
        padding: 35px 50px;
    }

    .formRow .formTop .image {
        padding-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .formRow .formTop {
        padding: 35px 30px;
    }

    .formRow .formTop .image {
        padding-right: 0;
    }

    .formRow .contactInfo {
        padding-top: 10px;
    }

    .formRow .contactInfo h3 {
        font-size: 20px !important;
    }

    .formRow .contactInfo p {
        font-size: 17px !important;
    }
}

/* Footer */
.main-footer {
    padding: 55px 0;
}

.main-footer .Flinks {
    display: flex;
    flex-direction: column;
}

.main-footer .Flinks a {
    margin-bottom: 15px;
    text-align: left;
}

.main-footer .Flinks a:last-child {
    margin-bottom: 0;
}

.main-footer .leftCol.wauto {
    width: 100% !important;
    max-width: 280px;
}

.main-footer .leftCol p,
.main-footer .leftCol p a {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    margin-bottom: 15px;
}

.main-footer .leftCol .btn {
    margin-top: 15px;
    background-color: #a4268f;
}

.copyright {
    text-align: center;
    padding: 20px 0 15px;
}

.copyright p {
    color: #5f609a;
    font-size: 15px;
}

.social-links {
    gap: 14px;
}

.main-footer .footer-social {
    margin-left: -50px;
}

.main-footer .links-inner .col-12 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 1023px) {
    .main-footer .container {
        justify-content: center !important;
    }

    .main-footer .col-4 {
        width: 100% !important;
        max-width: 100%;
        text-align: center;
    }

    .main-footer .footer-social {
        margin-left: 0;
        padding-top: 30px;
    }

    .social-links {
        justify-content: center;
    }

    .main-footer .links-inner .col-12 {
        align-items: center;
    }

    .main-footer .Flinks {
        padding-top: 30px;
    }
}

/* Just Options */
h2.pdlr {
    padding: 0 90px;
}

.innerBanner {
    padding-top: 110px;
    padding-bottom: 140px;
    text-align: center;
    position: relative;
    /* background-color: rgb(211, 57, 145); */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fff8fe+100 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 241, 253, 1) 100%);
    margin-top:96px;
}

.innerBanner .container {
    justify-content: center;
    max-width: 950px;
}

.innerBanner h1 {
    font-size: 65px;
    color: #A4268F;
}

.innerBanner p {
    color: #5E5E5E;
    margin-top: 10px;
}

/*
.innerBanner:after {
    content: "";
    background-image: url(../images/banner-right-shape01.png);
    width: 297px;
    height: 134px;
    background-size: contain;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
}

.innerBanner:before {
    content: "";
    background-image: url(../images/banner-left-shape01.png);
    width: 245px;
    height: 180px;
    background-size: contain;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
} */

.justOptionsRow .innerRow {
    margin-bottom: 35px;
    background-color: #fff;
    padding: 60px 60px 60px 140px;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    align-items: center;
    margin-left: 90px;
    position: relative;
}

.justOptionsRow .innerRow img {
    width: 180px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.justOptionsRow .innerRow h2 {
    margin-bottom: 10px;
    font-size: 36px;
}

.justOptionsRow .innerRow:last-child {
    margin-bottom: 0 !important;
}

.btnWrapper {
    gap: 30px;
}

.container.needSupport {
    max-width: 970px;
}

.FooterQuotes .container {
    max-width: 1000px;
}

.FooterQuotes {
    padding: 40px 0;
}

.FooterQuotes p {
    color: #fff;
    font-size: 24px;
}

.FooterQuotes p:before {
    content: '“';
    font-size: 60px;
    line-height: 0px;
    position: relative;
    top: 23px;
    font-style: italic;
    margin-right: 15px;
}

.FooterQuotes p:after {
    content: '”';
    font-size: 60px;
    line-height: 0px;
    position: relative;
    top: 23px;
    font-style: italic;
}

@media screen and (max-width: 1600px) {
    .innerBanner {
        padding-top: 80px;
        padding-bottom: 110px;
    }

    /* .innerBanner h1 {
        font-size: 80px;
    } */
}

@media screen and (max-width: 1279px) {
    .pdt100 {
        padding-top: 80px;
    }

    .pdb100 {
        padding-bottom: 80px;
    }

    .pd100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .container.innerTitle {
        padding-bottom: 80px;
    }

    .container {
        width: 95%;
    }

    .innerBanner h1 {
        font-size: 50px;
    }

    .btnWrapper {
        gap: 15px;
    }

    .justOptionsRow .innerRow h2 {
        font-size: 32px;
    }

}

@media screen and (max-width: 1023px) {
    .pdt100 {
        padding-top: 70px;
    }

    .pdb100 {
        padding-bottom: 70px;
    }

    .pd100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .container.innerTitle {
        padding-bottom: 70px;
    }

    .innerBanner {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .innerBanner h1 {
        font-size: 40px;
    }

    h2.pdlr {
        padding: 0px;
    }

    .innerBanner:before {
        width: 166px;
        height: 120px;
    }

    .innerBanner:after {
        width: 200px;
        height: 92px;
    }

    .justOptionsRow .innerRow {
        padding: 50px 50px 50px 120px;
    }

    .FooterQuotes p {
        font-size: 21px;
    }

    .FooterQuotes p::before {
        font-size: 50px;
        top: 16px;
    }

    .FooterQuotes p::after {
        font-size: 50px;
    }

    .plr90 {
        padding: 0;
    }
}

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

    .pdt100 {
        padding-top: 60px;
    }

    .pdb100 {
        padding-bottom: 60px;
    }

    .pd100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .innerBanner {
        padding-top: 25px;
        padding-bottom: 45px;
    }

    .innerBanner h1 {
        font-size: 30px;
    }

    .innerBanner::before {
        width: 80px;
        height: 58px;
    }

    .innerBanner::after {
        width: 100px;
        height: 48px;
    }

    .container {
        width: 100%;
    }

    .container.innerTitle {
        padding-bottom: 60px;
    }

    .justOptionsRow .innerRow img {
        position: static;
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        margin-bottom: 30px;
        width: 100px;
    }

    p,
    .listing li {
        font-size: 17px;
    }

    .btn {
        font-size: 18px;
        padding: 20px;
    }

    .justOptionsRow .innerRow {
        padding: 30px;
        margin-left: 0;
    }

    .justOptionsRow .innerRow h2 {
        font-size: 26px;
    }

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

    .FooterQuotes p::before {
        font-size: 40px;
        top: 12px;
    }

    .FooterQuotes p::after {
        font-size: 40px;
        top: 18px;
    }
}

/* Just Family */
.familyTopSec .container {
    max-width: 935px;
}

.chatmore .col-12 {
    background-color: #f7f8ff;
    border: 1px solid #e3e5f6;
    padding: 80px 60px;
    border-radius: 20px;
}

.contentSec h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.colorBlue {
    color: #2c2e74;
}

.purple {
    color: #a3258f;
}

.connectUs {
    margin-top: 35px;
}

.connectUs .container {
    max-width: 910px;
}

.connectUs .col-12 {
    background-color: #fff6fd;
    border: 1px solid #f9e2f4;
    padding: 50px 130px;
    border-radius: 20px;
    max-width: 910px;
}

.connectUs a {
    color: #a4268f;
    word-break: break-all;
}

.connectUs a:hover {
    text-decoration: none;
}

.listing.tpSpace {
    margin-top: 30px;
    margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {

    .chatmore .col-12,
    .connectUs .col-12 {
        padding: 50px;
    }

    .pt80 {
        padding-top: 70px;
    }

    .pb80 {
        padding-bottom: 70px;
    }

    .ptb80 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

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

    .chatmore .col-12,
    .connectUs .col-12 {
        padding: 30px;
    }

    .pt80 {
        padding-top: 60px;
    }

    .pb80 {
        padding-bottom: 60px;
    }

    .ptb80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .contentSec h2 {
        font-size: 26px;
    }
}

/* About Us */
.about-choice .innerRow {
    margin-top: 90px;
    margin-bottom: 55px;
    border: 1px solid #e4e4e4;
    border-radius: 20px;
    padding: 50px 80px;
    align-items: center;
}

.about-choice .choice-logo {
    width: 165px !important;
}

.about-choice .aboutdetails {
    width: calc(100% - 165px) !important;
    padding-left: 75px;
}

.all-options .container {
    max-width: 900px;
}

.all-options .innerRow {
    background-color: #fff6fd;
    border: 1px solid #f9e2f4;
    border-radius: 25px;
    padding: 60px 35px;
    margin-top: 30px;
    margin-bottom: 0 !important;
    margin-right: 100px;
    align-items: center;
}

.all-options .innerRow .logo {
    width: 130px !important;
}

.all-options .innerRow .details {
    width: calc(100% - 130px) !important;
    padding-left: 35px;
}

.all-options .innerRow .details h2 {
    font-size: 24px;
    margin-bottom: 15px;
}


.all-options .row-reverse .innerRow {
    flex-direction: row-reverse;
}

.all-options .row-reverse .innerRow .details {
    padding-left: 0;
    padding-right: 35px;
}

.all-options .adoptionRow .innerRow {
    margin-left: 100px;
    margin-right: 0;
    background-color: #f7f8ff;
    border: 1px solid #e3e5f6;
}

.statements {
    background-color: #fff6fd;
    border: 1px solid #f9e2f4;
    padding: 45px 50px;
    border-radius: 25px;
    height: 100%;
}

.statements ul {
    margin: 25px 0 0;
}

.statements ul li {
    margin: 16px 0 0;
    color: #081622;
    font-size: 19px;
}

.statements ul li a {
    text-decoration: underline;
    color: #2c2e74;
}

.statements ul li a:hover {
    text-decoration: none;
}

@media screen and (max-width: 1023px) {
    .about-choice .innerRow {
        margin-top: 80px;
        padding: 40px 50px;
    }

    .about-choice .aboutdetails {
        padding-left: 50px;
    }

    .all-options .innerRow {
        margin-right: 50px;
    }

    /* .all-options .adoptionRow .innerRow {
        margin-left: 50px;
    } */

    .statements {
        padding: 35px;
    }

    .statements ul li {
        font-size: 18px;
    }

    .contentSec .statements h2 {
        font-size: 26px;
    }

    .about-choice .innerRow {
        margin-top: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .all-options .adoptionRow .innerRow {
      margin-left: 50px;
    }
  }

@media screen and (max-width: 767px) {
    .about-choice .innerRow {
        margin-top: 60px;
    }

    .about-choice .aboutdetails {
        width: 100% !important;
        padding: 30px 0 0;
    }

    .about-choice .innerRow {
        padding: 30px;
    }

    .choice-logo img {
        width: 100px;
    }

    .container.plr90 {
        padding: 0 15px;
    }

    .all-options .innerRow {
        margin-right: 0;
        padding: 30px;
    }

    .all-options .innerRow .details,
    .all-options .row-reverse .innerRow .details {
        width: 100% !important;
        padding: 30px 0 0;
    }

    .all-options .adoptionRow .innerRow {
        margin-left: 0;
        justify-content: flex-end;
    }

    .statements {
        padding: 30px;
        margin-top: 30px;
        height: auto;
    }

    .contentSec .statements h2 {
        font-size: 24px;
    }

    .dot-listing ul {
        padding-left: 13px;
    }

    .statements ul li {
        font-size: 16px;
    }
}

/* Contact Us */
.contact-page .container {
    max-width: 970px;
}

.profileTabs .link-wrapper {
    display: flex;
    align-items: stretch;
}

/* Profile Login Popup */
.profile-banner {
    background-color: #BC4284;
    padding: 65px 0;
}

.profile-banner .container {
    max-width: 1570px;
    justify-content: space-between;
}

.profile-banner h1 {
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
}

.next-step nav {
    gap: 20px;
}

.next-step li {
    list-style: none;
}

.next-step a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 14px 28px 12px;
    text-decoration: none;
}

.next-step a:hover {
    background-color: #fff;
    color: #081622;
}

.about-profile .container {
    max-width: 1570px;
    gap: 50px;
    align-items: flex-start;
}

.about-profile .col-6 {
    width: calc(100% / 2 - 25px) !important;
}

.about-profile .about-info {
    background-color: #F6F7FF;
    padding: 50px;
}

.about-info p,
.about-info li {
    color: #5F5F5F;
    font-size: 16px;
    line-height: 1.5;
}

.about-info li {
    margin-bottom: 15px;
}

.about-profile .innerWrap {
    gap: 10px;
    width: 100%;
}

.about-profile .profile-images .gallery {
    width: calc(100% / 3 - 7px);
    line-height: 0;
}

.about-profile .profile-images .gallery img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

.profile-sec .container {
    max-width: 1300px;
}

.profileSideBar .sliderBar-wrap {
    height: 100%;
}

.profileSideBar .sliderBar-wrap h4 {
    margin-bottom: 20px;
    position: relative;
}

.profileSideBar {
    width: 31%;
    background-color: #FBFBFB;
    position: relative;
    padding: 50px 40px 0 0;
}

.profileSideBar li {
    margin-bottom: 25px;
    list-style: none;
}

.profileSideBar li a {
    text-decoration: none;
    color: #878787;
    font-size: 18px;
    position: relative;
    padding-left: 35px;
    display: block;
    font-family: 'Azo Sans Md';
    font-weight: 500;
}

.profileSideBar li a:before {
    background-image: url(../images/check-gray-icon.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    height: 23px;
    width: 23px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
}

.profileSideBar li a.active-step:before {
    background-image: url(../images/check-purple-icon.svg);
    filter: brightness(0) invert(1);
    left: 15px;
}

.profileSideBar li a.completed-step:before {
    background-image: url(../images/check-purple-icon.svg);
}

.profileSideBar li a.active-step {
    background-color: #a4268f;
    color: #fff;
    padding: 10px 10px 10px 50px;
}

.profileSideBar li a.completed-step {
    color: #A3268F;
}

.profileSideBar li a.active-step p,
.profileSideBar li a.completed-step p {
    color: #5F5F5F;
}

.profileSideBar li p {
    color: #9E9D9D;
    font-size: 16px;
    font-weight: normal;
}

.profileSideBar li a.active-step p {
    color: #fff;
}

.profileSideBar::before {
    background-color: #FBFBFB;
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 2000%;
    height: 100%;
}


.profileDetails {
    width: 69%;
    padding: 50px 0 120px 30px;
}

.gp26 {
    gap: 26px;
}

.col3 .form-group {
    width: calc(100% / 3 - 9px);
}

.col2 .form-group {
    width: calc(100% / 2 - 13px);
}

.profileDetails .form-group label {
    color: #A6A6A6;
    font-size: 16px;
}

.profileDetails .form-control {
    font-size: 16px;
    color: #000;
}

.profileDetails .fullRow {
    margin-bottom: 50px;
}

.profileDetails .heading h3 {
    color: #5BABAC;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: 'Azo Sans Md';
}

.profileDetails .pswdType {
    margin-top: 50px;
}

.profileDetails .pswdType h4 {
    color: #A4268F;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: 'Azo Sans Md';
    font-weight: 500;
}

.passwordList li {
    color: #A4268F;
    font-size: 16px;
}

.passwordList {
    padding: 0 0 0 30px
}

.profile-btnwrap {
    margin-top: 50px;
    flex-wrap: wrap;
    gap: 20px;
}

.profile-btnwrap .btn {
    font-family: 'Azo Sans Md';
    width: 220px;
    padding: 18px 30px;
}

.profile-btnwrap .btn.next-btn:after {
    background-image: url(../images/white-arrow.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 15px;
    display: inline-block;
    margin-left: 12px;
    position: relative;
    top: 2px;
}

.profile-btnwrap .back-btn.btn {
    background-color: #C6CECB;
}

.profile-btnwrap .back-btn.btn::before {
    background-image: url(../images/back-white-arrow.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 15px;
    display: inline-block;
    margin-right: 12px;
    top: 2px;
    position: relative;
}

.profileDetails p,
.profileDetails li {
    font-size: 16px;
    color: #5F5F5F;
    margin-bottom: 15px;
}

.profileDetails li {
    margin-bottom: 10px;
}

.profileDetails .tips {
    color: #A4268F;
    margin-bottom: 20px;
}

.profileDetails .tips:before {
    background-image: url(../images/information-icon.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 12px;
    content: "";
    position: relative;
    top: 4px;
}

.profileDetails .aboutBox {
    margin-bottom: 50px;
}

.profileDetails .aboutBox .heading {
    margin-bottom: 20px;
}

.profileBox {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.profileBox::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.Handlers {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: flex;
    gap: 15px;
}

.Handlers svg {
    font-size: 24px;
    cursor: pointer;
}

.Handlers svg path {
    fill: #fff;
}

.recordAudio {
    padding-top: 30px;
    padding-bottom: 70px;
    border-bottom: 1px solid #A4268F;
}

.recordAudio .btn-wrapper {
    gap: 10px;
}

.recordAudio .btn-wrapper .audioRecorder {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.recordAudio .btn-wrapper .audioRecorder[disabled] {
    cursor: no-drop;
}

.form-btn-div .btn {
    width: 200px;
    padding: 16px 30px;
    font-size: 18px;
}

.add-photos.btn::before {
    background-image: url(../images/plus-sign-white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 12px;
    background-position: center;
    margin-top: -5px;
    position: relative;
    top: 6px;
}

.profileDetails .info {
    color: #A4268F;
}

.audioPlay .audioIcon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #5BABAC;
    font-size: 20px;
    display: inline-block;
}

.audioIcon svg {
    width: 20px;
}

.audioPlay svg path {
    color: #fff;
}

.audioPlay .info {
    gap: 10px;
}

.audioPlay .info .audioIcon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-photos .top-row .heading h3 {
    margin-bottom: 5px;
}

.add-photos .top-row .heading p {
    margin-bottom: 0;
}

.add-photos .photo-list,
.videoList {
    margin-top: 30px;
    gap: 20px;
}

.photo-list .listBox,
.videoList .videoBox {
    width: calc(100% / 3 - 14px);
}

.photo-list .listBox .profileBox {
    width: 100%;
}

.photo-list .listBox .profileBox figure img {
    width: 100%;
    object-fit: cover;
}

.photo-list .listBox .tox {
    width: 100% !important;
    border-radius: 0;
    border-width: 1px;
}

.videoBox video {
    width: 100%;
    height: 300px;
    background-color: #000;
}

.textEditor h5 {
    color: #5BABAC;
    font-size: 16px;
    font-weight: normal;
    margin: 5px 0 8px;
}

.add-photos .photowrap {
    padding-bottom: 50px;
}

.heading.mb5 h3 {
    margin-bottom: 5px;
}

.profileDetails hr {
    border-top: 1px solid #A4268F;
    margin-top: 50px;
    margin-bottom: 50px;
}

.video-profile .form-btn-div {
    padding-top: 20px;
}

.videoList .videoBox iframe {
    width: 100%;
    height: 150px;
}

.position-relative {
    position: relative;
}

.videoBox .closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.videoBox .closeBtn svg {
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.addurl-group {
    width: 50%;
    margin-top: 10px;
}

.addurl-group .videourl {
    font-size: 16px;
    color: #5F5F5F;
    border: 0;
    border-bottom: 1px solid #A4268F;
    height: 40px;
    width: 100%;
    border-radius: 0;
    font-family: 'Azo Sans';
}

.addurl-group .form-btn-div {
    margin-top: 20px;
}

.addurl-group .form-btn-div .video-browse {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    color: #A4268F;
    font-size: 18px;
    font-family: 'Azo Sans Md';
    font-weight: 500;
}

.preferences .apply-list label {
    color: #5F5F5F;
    font-size: 16px;
}

.ccbox {
    margin-bottom: 20px;
}

.ccbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.ccbox label {
    position: relative;
    cursor: pointer;
    color: #5F5F5F;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.ccbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #A4268F;
    height: 22px;
    width: 22px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    flex-shrink: 0;
}

.ccbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 5px;
    height: 11px;
    border: solid #A4268F;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-top: -8px;
}

.rcbox label::before {
    height: 18px;
    width: 18px;
    border-radius: 50%;
}

.rcbox input:checked+label:after {
    border: 0;
    margin: 0;
    height: 10px;
    width: 10px;
    background-color: #A4268F;
    border-radius: 50%;
    top: 7px;
    left: 5px;
}

.preferences .listWrapper {
    padding-top: 10px;
}

.questionnaire-list {
    margin-bottom: 35px;
}

.questionnaire-list .answer .form-control.textarea {
    height: 120px;
}

.profileDetails .questionnaire-list .heading h3 {
    margin-bottom: 15px;
}

.documentForm .inputRow .col3 {
    gap: 30px;
}

.file-chosen {
    color: #BFBFBF;
    font-size: 15px;
    font-family: 'Azo Sans';
    margin-left: 15px;
}

.profileDetails .chooseFile label {
    color: #5BABAC;
}

.chooseFile .closeBtn a {
    font-size: 0;
}

.chooseFile .closeBtn button {
    height: 20px;
    width: 20px;
    border: 1px solid #A7A7A7;
    border-radius: 50%;
    color: #A7A7A7;
    background-color: transparent;
}

.expirationDate .ccbox label {
    color: #5BABAC;
}

.profileDetails .documents-section .form-group label {
    margin-bottom: 5px;
    display: block;
}

.chooseFile .form-input-div {
    display: flex;
    flex-wrap: wrap;
}

.chooseFile .closeBtn {
    position: absolute;
    right: 0;
}

.profileDetails textarea#family_members {
    height: 120px;
    resize: none;
    padding-top: 15px;
}

.profileDetails select.form-control {
    background-image: url(../images/select-down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 15px center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.profileDetails .col3 .form-group {
    width: calc(100% / 3 - 20px);
}


@media only screen and (max-width: 1023px) {
    .profileSideBar {
        padding-right: 30px;
    }

    .profileDetails .col3 .form-group {
        width: 100%;
    }

    .form-btn-div .btn {
        font-size: 16px;
        width: 180px;
    }

    .photo-list .listBox .profileBox figure img {
        height: 100px;
    }

    .photo-list .listBox,
    .videoList .videoBox {
        width: calc(100% / 2 - 10px);
    }

    .profileDetails .heading h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .profileSideBar {
        width: 100%;
    }

    .profileSideBar::before {
        right: 0;
        width: calc(100% + 35px);
        left: -20px;
    }

    .profileDetails {
        width: 100%;
        padding: 50px 0 60px 0;
    }

    .col2 .form-group {
        width: 100%;
    }

    .photo-list .listBox,
    .videoList .videoBox {
        width: 100%;
    }

    .photo-list .listBox .profileBox figure img,
    .videoList .videoBox iframe {
        height: 200px;
    }

    .file-chosen {
        margin-left: 0;
    }

    .chooseFile .form-input-div {
        flex-direction: column;
    }

    .profile-btnwrap.justify-content-between {
        justify-content: center;
    }
}

/* Login Popup */
.popup-head h3 {
    font-family: 'Azo Sans';
    font-size: 30px;
    background-color: #a3268f;
    color: #fff;
    padding: 25px 15px;
}

.loginModal .main-content {
    padding: 0;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    max-height: 90%;
    overflow: auto !important;
}

.modal-body {
    padding: 0 20px;
}

.loginModal .main-content .popup-wrapper {
    max-width: 600px;
}

.loginModal .closebtn {
    position: absolute;
    right: 22px !important;
    top: 32px !important;
    height: 26px !important;
    width: 26px !important;
    background-image: url(../images/popup-cross-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    font-size: 0;
    cursor: pointer;
}

.loginModal .popupForm {
    padding: 25px 40px;
    background-color: #eff0f1;
}

.loginModal .popupForm .form-group {
    margin-bottom: 30px;
}

.loginModal .popupForm .form-group label {
    color: #959595;
    font-size: 15px;
    margin: 7px 0 5px;
}

.form-group label .req {
    color: #d16489;
    font-style: normal;
}

.loginModal .popupForm .error {
    color: #d16489;
    font-size: 14px;
    margin-top: 5px;
}

.loginModal .popupForm .form-group .form-control {
    font-size: 20px;
    color: #081622;
    text-indent: 6px;
}

.loginModal .popupForm .pswdRow {
    justify-content: flex-end;
    margin-top: -15px;
}

.loginModal .popupForm .pswdRow .submitWrap .form-btn.btn {
    text-decoration: none;
    color: #959595;
    font-size: 15px;
    border: 0;
    background-color: transparent;
    font-family: 'Azo Sans';
    border-radius: 0;
    cursor: pointer;
    width: auto;
    padding: 0;
}

.loginModal .popupForm .submitWrap .btn {
    width: 300px;
}

.loginModal .popupForm .info {
    padding: 0 80px;
}

.loginModal .popupForm .info p {
    color: #3c3c3c;
}

.loginModal .popupForm .info p a {
    color: #a3268f;
}

.loginModal .popupForm .info p a:hover {
    text-decoration: none;
}

.loginModal .passwordReset .popupForm .submitWrap .btn {
    width: 200px;
}

.modal-body {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.profile-nav-container {
    margin-left: 20px;
}

.profile-nav-container .profile-btn strong,
.profile-nav-container .profile-btn .profile span {
    font-size: 16px;
    font-weight: normal;
}

.profile-nav-container .profile-btn {
    padding-right: 30px;
    position: relative;
}

.profile-nav-container .profile-btn .profile span::after {
    background-image: url(../images/down-arrow-light.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 5px;
    content: "";
}

.profile-dropdown-header.active .profile-btn .profile span::after {
    transform: rotate(180deg);
}

.profile-nav-container .profile-ul-container {
    position: absolute;
    background-color: #2C2E74;
    list-style: none;
    width: 215px;
    right: 0;
    top: 100%;
    border-radius: 10px;
    text-align: right;
    padding: 10px 0;
}

.profile-nav-container .profile-ul-container li a,
.profile-nav-container .profile-ul-container li .logBtn,
.profile-nav-container .profile-ul-container li .delete-profile {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    border: 0;
    font-family: 'Azo Sans';
    font-weight: normal;
    font-style: normal;
    text-align: right;
    padding: 10px 35px;
    display: block;
}

@media only screen and (max-width: 767px) {
    .loginModal .popupForm {
        padding: 25px 20px;
    }

    .loginModal .popupForm .info {
        padding: 0 20px;
    }
}

/* Profile Login Popup end */

/* Blog */
.innerBanner.blog-banner h1 {
    font-size: 90px;
}

.bloglistWrapper .container {
    align-items: flex-start;
}

.tag-wrapper .tags {
    width: 100%;
}

.tag-wrapper .tags ul {
    gap: 15px;
}

.tag-wrapper .tags li {
    list-style: none;
}

.tag-wrapper .tags li a {
    border: solid 1px #a3268f;
    border-radius: 40px;
    padding: 8px 28px;
    font-size: 18px;
    color: #a3268f;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.tag-wrapper .tags li a.active,
.tag-wrapper .tags li a:hover {
    background: #a3268f;
    color: #fff;
}

.blogContent {
    width: 67%;
    gap: 30px;
}

.blogContent .blog-item {
    width: calc(50% - 15px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    padding: 40px;
}

.blogContent .blog-item .readMore {
    color: #a3258f;
    text-decoration: underline;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 10px;
    display: inline-block;
}

.blogContent .blog-item .readMore:hover {
    text-decoration: none;
}

.blog-head {
    text-decoration: none;
}

.blog-head h2 {
    word-wrap: break-word;
    color: #2c2d74;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 6px;
}

.postby {
    font-size: 16px;
    font-family: "Azo Sans";
    font-style: normal;
    width: 100%;
}

.postby.postList {
    margin-bottom: 12px;
}

.postby strong {
    color: #a3268f;
    font-weight: normal;
    text-transform: uppercase;
}

.blogSidebar {
    width: 33%;
    padding-left: 30px;
}

.bloglistWrapper {
    padding-top: 50px;
    overflow: hidden;
}

.blogSidebar .innerWrap {
    background-color: #f7f8ff;
    padding: 40px 30px;
}

.blogSidebar h5 {
    color: #2c2d74;
    font-size: 22px;
    margin-bottom: 25px
}


.blogTopics {
    padding-bottom: 20px;
    border-bottom: 1px solid #c0c1e4;
    padding-left: 15px;
    margin-bottom: 45px;
}

.blogTopics li {
    padding-bottom: 15px;
}

.blog-cat {
    text-decoration: none;
    font-size: 18px;
    color: #081622
}

.blog-cat:hover {
    color: #a3268f;
}

.blogSidebar .recent-posts {
    /*padding-top: 45px;*/
    padding-right: 15px;
    padding-left: 15px;
}

.recent-posts .blog-item a {
    font-size: 17px;
    text-transform: uppercase;
    color: #a3258f;
    font-weight: 500;
    font-family: 'Azo Sans Md';
    margin-bottom: 5px;
    line-height: 1.5;
    text-decoration: none;
    display: inline-block;
}

.recent-posts .blog-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e6f3;
}

.recent-posts .blog-item:nth-child(2) {
    padding-top: 0;
}

.recent-posts .blog-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.recent-posts .blog-head h2 {
    color: #2c2d74;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Azo Sans Md';
    display: block;
    line-height: 1.5;
    text-transform: none;
}

.recent-posts .blog-head:hover h2 {
    color: #a3268f;
}

.loadMoreDiv {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.loadMoreDiv .loadMoreBtn {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2;
    padding: 20px 30px;
    background-color: #a4268f;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    cursor: pointer;
    font-family: 'Azo Sans';
    color: #fff;
}

.loadMoreDiv .loadMoreBtn:hover {
    background-color: #2c2e74;
}

@media only screen and (max-width: 1600px) {
    .innerBanner.blog-banner h1 {
        font-size: 80px;
    }
}

@media only screen and (max-width: 1279px) {
    .innerBanner.blog-banner h1 {
        font-size: 58px;
    }
}

@media only screen and (max-width: 1023px) {
    .innerBanner.blog-banner h1 {
        font-size: 50px;
    }

    .blogContent {
        width: 100%;
    }

    .blogSidebar {
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .innerBanner.blog-banner h1 {
        font-size: 35px;
    }

    .blogContent .blog-item {
        padding: 25px;
    }

    .blogContent .blog-item {
        width: 100%;
    }

    .tag-wrapper .tags ul {
        gap: 10px;
        flex-wrap: wrap;
    }

    .tag-wrapper .tags li a {
        font-size: 15px;
    }

    .bloglistWrapper {
        padding-top: 30px;
    }

    .blogSidebar .innerWrap {
        padding: 30px 20px;
    }
}

/* Blog */

/* Find a Family */
.findFamily .innerBanner .container {
    max-width: 1200px;
}

.meet-family {
    background-color: #eff0f6;
}

.family-list .family-image {
    line-height: 0;
}

.family-list .family-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: top;
}

.familyRow {
    gap: 30px;
    width: 100%;
}

.familyRow .family-list {
    width: calc(100% / 3 - 20px);
}

.family-list .list-inner {
    /* padding: 25px; */
    background-color: #fff;
}

.family-list .list-inner .family-detail {
    padding: 20px;
}

.family-detail .name {
    color: #2d2e75;
    font-size: 19px;
    font-weight: 500;
    font-family: 'Azo Sans Md';
}

.family-detail .equi-item {
    gap: 10px;
}

.family-detail .equi-item a .icon,
.family-detail .equi-item .icon {
    width: 30px;
    cursor: pointer;
}

.family-detail .equi-item a svg {
    font-size: 23px;
}

.family-detail .equi-item a svg path {
    fill: #a3268f;
}

.family-detail .equi-item a {
    position: relative;
    line-height: 0;
}

.family-detail .equi-item .tooltip {
    color: #fff;
    font-size: 15px;
    padding: 6px 10px 4px;
    background-color: #2C2E74;
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    line-height: 1.2;
    border-radius: 5px;
    display: none;
}

.family-detail .equi-item .tooltip:after {
    width: 0;
    height: 0;
    border-left: 1px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2C2E74;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    content: "";
    margin-left: 3px;
}

.family-detail .equi-item a:hover .tooltip {
    display: block;
}

@media only screen and (max-width: 1600px) {
    .findFamily .innerBanner .container {
        max-width: 880px;
    }
}

@media only screen and (max-width: 1279px) {
    .familyRow .family-list {
        width: calc(100% / 2 - 15px);
    }
}

@media only screen and (max-width: 767px) {
    .familyRow .family-list {
        width: 100%;
        max-width: 400px;
    }

    .familyRow {
        justify-content: center;
    }
}

/* Find a Family end */

/* Family Profile */
.profileLinks {
    position: fixed;
    right: 0;
    top: 25%;
    width: 70px;
    z-index: 999;
    background-color: #f7f8ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
}

.profileLinks svg {
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.profileLinks svg path {
    fill: #a3268f;
}

.profileLinks .link {
    margin: 10px 0;
    line-height: 0;
    position: relative;
}

.profileLinks .link span {
    color: #737a7a;
    font-size: 16px;
    line-height: 1.2;
    border: 1px solid #737a7a;
    position: absolute;
    right: 64px;
    top: 50%;
    padding: 5px 7px 3px;
    border-radius: 8px;
    text-align: center;
    width: 95px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    display: none;
    background-color: #fff;
}

.profileLinks .link span:before {
    position: absolute;
    right: -12px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    top: 50%;
    background-image: url(../images/grArrow.png);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}

.profileLinks .link:hover span {
    display: block;
}

.profile-banner .btnWrap {
    display: flex;
    align-items: center;
    gap: 30px;
}

.profile-banner .btnWrap a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.profile-banner .btnWrap .leftArrow {
    display: flex;
    align-items: flex-end;
}

.profile-banner .btnWrap .leftArrow::before {
    background-image: url(../images/left-arrow-white.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
}

.profile-banner .btnWrap .rightArrow:after {
    background-image: url(../images/left-arrow-white.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    transform: rotate(180deg);
}

.profile-banner .favoriteBtn {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.profile-banner .favoriteBtn span {
    padding-left: 10px;
}

.profile-banner .bottomSec .name h5 {
    color: #fff;
    font-size: 25px;
    margin-top: 20px;
}

.photosRow .innerWrap {
    width: 100%;
    gap: 12px;
}

.photosRow .innerWrap .photos {
    width: calc(100% / 5 - 10px);
    position: relative;
    line-height: 0;
}

.photosRow .innerWrap .photos img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
}

.photosRow .innerWrap .photos .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
    max-height: 80%;
}

.photosRow .innerWrap .photos .caption p {
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
}

.d-block {
    display: block;
}

.videoRow .videos {
    gap: 30px;
}

.videoRow .videos .videoBox {
    line-height: 0;
    width: calc(100% / 2 - 15px);
}
.videoRow .videos .videoBox iframe{
    width: 100%;
}
@media only screen and (max-width: 1800px) {

    .profile-banner.innerBanner:before {
        width: 225px;
        height: 160px;
    }

    .profile-banner.innerBanner:after {
        width: 247px;
        height: 114px;
    }
}

@media only screen and (max-width: 1279px) {
    .about-profile .profile-images .gallery img {
        height: 150px;
    }

    .profile-banner.innerBanner:before {
        width: 175px;
        height: 100px;
    }

    .profile-banner.innerBanner:after {
        width: 137px;
        height: 64px;
    }

    .photosRow .innerWrap .photos img {
        height: 170px;
    }
}

@media only screen and (max-width: 1023px) {
    .about-profile .col-6 {
        width: 100% !important;
    }

    .about-profile .container {
        flex-wrap: wrap-reverse;
    }

    .about-profile .profile-images .gallery img {
        height: 200px;
    }

    .profile-banner .btnWrap a,
    .profile-banner .favoriteBtn {
        font-size: 14px;
    }

    .profile-banner {
        padding: 55px 0;
    }

    .profile-banner.innerBanner:before {
        width: 135px;
        height: 60px;
    }

    .profile-banner.innerBanner:after {
        width: 107px;
        height: 54px;
    }

    .photosRow .innerWrap .photos {
        width: calc(100% / 4 - 9px);
    }
}

@media only screen and (max-width: 767px) {
    .profile-banner .container {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .profile-banner .btnWrap a,
    .profile-banner .favoriteBtn {
        font-size: 16px;
    }

    .about-profile .profile-images .gallery img {
        height: 100px;
    }

    .about-profile .container {
        gap: 30px;
    }

    .about-profile .about-info {
        padding: 30px;
    }

    .photosRow .innerWrap .photos {
        width: calc(100% / 3 - 8px);
    }

    .videoRow .videos .videoBox {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .photosRow .innerWrap .photos {
        width: calc(100% / 2 - 6px);
    }
}

/* Family Profile end */

/* Call Button */
.callBtnWrapper {
    position: fixed;
    right: 70px;
    bottom: 20px;
}

.callBtnWrapper .callBtn {
    background-color: #a3268f;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: shadow-pulse 1.5s infinite;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(163, 38, 143, 0.5);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0 0 0 / 0%);
    }
}

.callBtnWrapper .callBtn img {
    width: 20px;
}

.btnTooltip {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 150px;
    margin-left: -75px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    background-color: #fbfbfb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}

.btnTooltip p {
    font-size: 16px;
    line-height: 1.4;
}


@media screen and (max-width: 1023px) {
    .callBtnWrapper {
        bottom: 55px;
    }
}

@media screen and (max-width: 767px) {
    .callBtnWrapper {
        bottom: 65px;
        right: 65px
    }
}

/* Call Button end */

/* Espanol popup */
.estas-popup {
    padding: 60px;
    text-align: center;
    max-width: 600px;
}

.estas-popup h3 {
    color: #a3268f;
    font-size: 42px;
    margin-bottom: 25px;
}

.estas-popup p {
    color: #3c3c3c;
    font-size: 20px;
    line-height: 1.4;
    font-family: "Azo Sans";
}

.estas-popup p a {
    text-decoration: none;
    color: #a3268f;
}

.estas-popup p a:hover {
    text-decoration: underline;
}

.loginModal .estas-popup .closebtn {
    right: 20px;
    top: 20px;
}

@media screen and (max-width: 767px) {
    .estas-popup h3 {
        font-size: 26px;
    }

    .estas-popup {
        padding: 50px 30px;
    }

    .estas-popup p {
        font-size: 16px;
    }
}

/* Espanol popup end */

/* Chat with us popup */
.chatPopup {
    padding: 50px 40px;
    max-width: 750px;
}

.chatPopup .popupHead h4 {
    margin-bottom: 10px;
}

.chatPopup .popupHead p {
    font-size: 17px;
    line-height: 1.3;
}

.chatPopup .ccbox label,
.chatPopup .ccbox .label {
    font-size: 14px;
}

.chatPopup .ccbox label:before {
    margin-right: 10px;
    flex-shrink: 0;
}

.chatPopup .radioRow .form-input-div {
    padding-left: 20px;
}

.chatPopup .radioRow .ccbox label:before {
    border-radius: 50%;
    height: 18px;
    width: 18px;
}

.chatPopup .radioRow .ccbox input:checked+label:after {
    top: 13px;
    left: 5px;
    border: 0;
    height: 10px;
    width: 10px;
    background-color: #A4268F;
    border-radius: 50%;
}

.chatPopup .checkboxRow {
    margin-top: 20px;
}

.chatPopup .checkboxRow .label {
    margin-bottom: 5px;
}

.chatPopup .submitWrap {
    margin-top: 10px;
}

.chatPopup .checkboxRow .cym .form-input-div {
    padding-right: 20px;
}

.smsConsent .ccbox label {
    align-items: self-start;
}

.smsConsent .ccbox input:checked+label:after {
    top: 12px
}

.chatPopup form .inputRow {
    margin-bottom: 20px;
    gap: 20px;
}

.chatPopup .input-error,
.chatPopup .text-danger {
    color: red;
    font-size: 13px;
    margin-top: 5px;
}

.chatPopup .radioRow .text-danger {
    position: absolute;
    bottom: -2px;
}

.chatPopup .row.fullRow .form-input-div.form-group {
    width: 100%;
}

@media only screen and (max-width: 767px) {

    .chatPopup {
        padding: 40px 30px;
    }

    .chatPopup .popupHead p {
        font-size: 16px;
    }

    .chatPopup .radioRow {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .chatPopup .radioRow .form-input-div {
        padding-left: 0;
        margin-bottom: 10px;
    }

    .chatPopup label,
    .chatPopup .label {
        font-size: 16px;
    }

    .chatPopup .radioRow .text-danger {
        bottom: -15px;
    }
}

/* Chat with us popup end */

/* What We Offer */
.pd100.offers-section {
    padding-bottom: 60px;
}

.offers-section .container.offerRow {
    max-width: 1400px;
}

.offerRow .col-6 {
    margin-bottom: 40px;
}

.offerRow .offerBox {
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 40px 50px;
    height: 100%;
}

.offerBox .card {
    display: flex;
    align-items: center;
    gap: 25px;
}

.offerBox .card img {
    width: 65px;
}

.offerBox .card h3 {
    color: #2C2E74;
    font-size: 28px;
}

.offerBox .offer-detail {
    margin-top: 30px;
}

.offerBox .offer-detail p {
    color: #5E5E5E;
}

.gap40 .col-6 {
    padding: 0 20px;
}

.offerRow .offerBox a.btn {
    margin-top: 30px;
}

.offerRow .offerBox.offerBox2 {
    background-color: #272966;
}

.offerBox.offerBox2 .offer-detail p {
    color: #fff;
}

.offerRow .offerBox.offerBox2 h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;
    font-family: 'Azo Sans Md';
}

.offerRow .offerBox.offerBox2 h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
}

.offerRow .offerBox.offerBox2 .iconBox {
    width: 90px;
}

.offerRow .offerBox.offerBox2 .head {
    width: calc(100% - 90px);
    padding-left: 25px;
}

.offerRow .offerBox.offerBox2 .iconBox img {
    width: 90px;
}

.abortionSection .contentSec .col-12 {
    max-width: 900px;
    margin: 0 auto;
}

.abortionSection p {
    color: #5E5E5E;
}

.abortionSection p strong {
    font-weight: 500;
    font-family: 'Azo Sans Md';
}

.btmtxt {
    margin-top: 30px;
}

.btmtxt p strong {
    color: #A4268F;
}

.row {
    width: 100%;
    display: flex;
}

.cpcRow {
    margin-top: 50px;
}

.cpcRow .cpcBox {
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 40px;
    height: 100%;
    background-color: #fff;
}

.cpcRow .cpcBox p {
    margin-top: 12px;
}

.cpcRow .cpcBox p strong {
    color: #2C2E74;
    font-family: 'Azo Sans';
    font-weight: bold;
}

.gap30 .col-4 {
    padding: 0 15px;
}

.cpcBtmText p strong {
    display: block;
}

@media only screen and (max-width: 1279px) {
    .offerRow .offerBox.offerBox2 h2 {
        font-size: 26px;
    }

    .offerRow .offerBox.offerBox2 h3 {
        font-size: 30px;
    }

    .offerRow .offerBox.offerBox2 .iconBox img {
        width: 75px;
    }

    .offerRow .offerBox a.btn {
        font-size: 18px;
    }

    .offerBox .card h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .offerRow .col-6 {
        width: 100% !important;
    }

    .cpcRow .cpcBox {
        padding: 30px;
    }

    .cpcRow .cpcBox img {
        width: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .offerRow .offerBox {
        padding: 30px;
    }

    .offerRow .offerBox.offerBox2 .head {
        width: calc(100% - 60px);
        padding-left: 20px;
    }

    .offerRow .offerBox.offerBox2 h2 {
        font-size: 20px;
    }

    .offerRow .offerBox.offerBox2 h3 {
        font-size: 26px;
    }

    .offerBox .card h3 {
        font-size: 22px;
    }

    .offerBox .card img {
        width: 60px;
    }
    .offerRow .offerBox.offerBox2 .iconBox{
        width: 60px;
    }
}

/* What We Offer end */

/* New Home Page */
.videoBanner {
    position: relative;
}

.videoBanner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.videoBanner .video-container video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.video-banner-section {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.video-banner-section .bannerTitle h1 {
    color: #fff;
    font-size: 65px;
    margin-bottom: 15px;
}

.video-banner-section .bannerTitle p {
    color: #fff;
}

.video-banner-section .bannerTitle .col-12 {
    max-width: 910px;
    margin: 0 auto 40px;
}

.video-banner-section .options {
    gap: 30px;
}

.options .optionBox {
    width: calc(100% / 3 - 15px);
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 40px 56px;
    background-color: rgba(0, 0, 0, 0.25);
}

.options .optionBox h3 {
    color: #fff;
    font-size: 28px;
    margin: 20px 0 10px;
}

.options .optionBox p {
    color: #fff;
}

.bannerbtm {
    padding: 30px 0;
}

.bannerbtm h2 {
    color: #fff;
    font-size: 38px;
}

@media screen and (max-width: 1279px) {
    .video-banner-section .bannerTitle h1 {
        font-size: 50px;
    }

    .options .optionBox {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 1023px) {
    .video-banner-section .bannerTitle h1 {
        font-size: 40px;
    }

    .options .optionBox h3 {
        font-size: 26px;
    }

    .bannerbtm h2 {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    .row {
        flex-wrap: wrap;
    }

    .video-banner-section .bannerTitle h1 {
        font-size: 30px;
    }

    .options .optionBox {
        width: 100%;
    }

    .videoBanner .video-container video {
        height: auto;
    }

    .video-banner-section {
        position: static;
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        padding: 60px 0;
        background-color: #a3268f;
    }

    .video-container {
        position: relative;
    }

    .video-container:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .videoBanner:before {
        display: none;
    }

    .video-banner-section .options {
        flex-direction: column;
    }

    .options .optionBox h3 {
        font-size: 24px;
    }

    .bannerbtm h2 {
        font-size: 28px;
    }

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

/* New Home Page end */

/* Profile confirmation popup */
.confirmation-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.confirmation-modal .modal-dialog {
    background-color: #fff;
    padding: 40px 30px;
    border-radius: 15px;
    max-width: 450px;
    width: 100%;
    position: relative;
    text-align: center;
}

.confirmation-modal .modal-dialog .modal-header .modal-title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
}

.confirmation-modal .modal-dialog .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 26px;
    width: 26px;
    background-image: url(../images/popup-cross-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    font-size: 0;
    cursor: pointer;
}

.confirmation-modal .modal-dialog .modal-footer {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.confirmation-modal .modal-dialog .modal-footer .btn {
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    padding: 17px 20px 13px;
}

/* Profile confirmation popup end */

/* Edit Profile Mobile View */
.sliderBar-wrap-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .profileSideBar .sliderBar-wrap {
        display: none;
    }

    .sliderBar-wrap-mobile {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .sliderBar-wrap-mobile .step-detail .current-step {
        display: none;
    }

    .sliderBar-wrap-mobile .step-detail .current-step.active {
        display: block;
    }

    .profileSideBar {
        padding: 20px 0;
    }

    .sliderBar-wrap-mobile .step-detail .current-step span {
        font-weight: 500;
        font-family: 'Azo Sans Md';
        font-size: 18px;
        color: #A3268F;
    }

    .sliderBar-wrap-mobile .step-detail .current-step p {
        font-size: 15px;
        color: #5F5F5F;
    }

    .sliderBar-wrap-mobile .step-detail {
        padding-right: 30px;
    }
}

/* Edit Profile Mobile View end */

/* Edit profile contact popup */
/* Profile Contact Form */
.contact-form-wrapper {
    position: fixed;
    right: 70px;
    background: #7e7e7e;
    padding: 30px 40px 25px;
    margin-top: -10px;
}

.contact-form-wrapper h2 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.contact-form-wrapper .profile-contact-form .form-group {
    margin-bottom: 10px;
}

.contact-form-wrapper .profile-contact-form .form-group .control-label {
    color: #fff;
    font-size: 16px;
}

.contact-form-wrapper .profile-contact-form .form-group .form-control {
    height: 40px;
    color: #000;
}

.contact-form-wrapper .profile-contact-form .form-group .textarea.form-control {
    height: 80px;
}

.contact-form-wrapper .profile-contact-form .form-group .btn {
    padding: 14px 25px;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .profileLinks {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
    }

    .profileLinks .link-wrapper {
        display: flex;
        gap: 20px;
    }

    .profileLinks .link:hover span {
        display: none;
    }

    .profileLinks .link {
        padding: 5px 0;
    }

    .contact-form-wrapper {
        left: 0;
        right: 0;
        bottom: 85px;
        padding: 30px 30px 25px;
    }
}

/* Edit profile contact popup end */

/* My Favorite Page */
.profile-banner .favoriteBtn svg {
    width: 16px;
}

.fav-message {
    background-color: #EFF0F6;
}

.favoritesList .favoritesBox .closeBtn {
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.favoritesList .favoritesBox .closeBtn svg {
    height: 20px;
    width: 20px;
}

.favoritesList .favoritesBox .closeBtn svg path {
    fill: #fff;
}

.favoritesList .favoritesBox .profileImage {
    position: relative;
    display: block;
    line-height: 0;
}

.favoritesList .favoritesBox .profileImage img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    object-position: top;
}

.favoritesList .favoritesBox .profileImage::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    content: "";
}

.favoritesList .container {
    gap: 30px;
}

.favoritesList .favoritesBox {
    width: calc(100% / 3 - 20px);
}

.favoritesList .favoritesBox .name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.favoritesList .favoritesBox .name a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px 5px;
    display: inline-block;
}

@media screen and (max-width: 1279px) {
    .favoritesList .favoritesBox .profileImage img {
        height: 200px;
    }
}

@media screen and (max-width: 1023px) {
    .favoritesList .favoritesBox {
        width: calc(100% / 2 - 15px);
    }
}

@media screen and (max-width: 500px) {
    .favoritesList .favoritesBox {
        width: 100%;
    }

    .favoritesList .favoritesBox .profileImage img {
        height: 250px;
    }
}

/* My Favorite Page end */
span.error,
.glob-error-box {
    color: red;
    font-size: 14px;
    display: block;
}


/* New Just options page */
.container.container1300 {
    max-width: 1300px;
}

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

.f40 {
    font-size: 40px;
}

.innerBanner p {
    margin-top: 10px;
}

.content-light p,
.content-light li {
    color: #5E5E5E;
}

.btn-wrapper .col-12 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media screen and (max-width: 1279px) {
    .f40 {
        font-size: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .tabFull .col-6 {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .optionRow .image {
        margin-bottom: 30px;
    }

    .row-reverse .container {
        flex-wrap: wrap-reverse;
    }

    .radius10 img {
        border-radius: 15px;
    }

    .donatepawBaL #pawBaL {
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    .f40 {
        font-size: 26px;
    }
}

/* New Just options page end */

/* New css */
.main-footer .leftCol p a:hover {
    text-decoration: underline;
}

.social-links li a {
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
}

.social-links li a:hover {
    opacity: 0.6;
}

.main-footer .Flinks a:hover {
    color: #a4268f;
}

.about-info.description h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.about-info.description h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.profile-banner .favoriteBtn {
    gap: 0;
}

.contactForm .ccbox label {
    align-items: flex-start;
}

.contactForm .ccbox input:checked+label:after {
    top: 4px;
    margin-top: 0;
}

.contactForm .ccbox.rcbox input:checked+label:after {
    top: 5px;
}

.loginModal .subscribeModal {
    padding: 0 !important;
}

.whatChoose {
    margin-top: 110px;
    padding-left: 10px;
}

.whatChoose ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatChoose ul li {
    height: 420px;
    width: 420px;
    border: 22px solid #8146a1;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #8146a1;
    line-height: 1;
}

.whatChoose ul li:first-child {
    border-color: #b440a0;
    color: #b440a0;
}

.whatChoose ul li:nth-child(2) {
    margin: -150px -65px 0;
    position: relative;
    z-index: 1;
}

.whatChoose ul li:last-child {
    position: relative;
    top: 45px;
    left: -11px;
    border-color: #3a4087;
    color: #3a4087;
}

.abortionRow .leftCol,
.allParenting .leftCol {
    padding-right: 40px;
}

.adoptionRow .rightCol {
    padding-left: 40px;
}

.meet-family {
    background-color: #fff;
}

.meet-family .container {
    max-width: 1300px;
}

.familyRow .family-list {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
}

.profile-banner {
    padding: 0;
}

.profile-banner .container {
    align-items: center;
}

.photosRow .container {
    max-width: 1570px;
}

.prevNextDiv {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.prevNextDiv a {
    text-decoration: none;
    color: #081622;
    position: relative;
}

.prevNextDiv a.prevBtn {
    padding-left: 30px;
}

.prevNextDiv a.prevBtn:after {
    background-image: url(../images/left-arrow-gray.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    height: 26px;
    width: 26px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.prevNextDiv a.nextBtn:after {
    background-image: url(../images/left-arrow-gray.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    height: 26px;
    width: 26px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg);
}

.prevNextDiv a.nextBtn {
    padding-right: 30px;
}

.photosRow .innerWrap .photos .caption p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fancybox__container {
    --fancybox-bg: rgba(24, 24, 27, .9) !important;
}
.blogContent h2, .blogContent h3, .blogContent h4, .blogContent h5, .blogContent h6{
    margin-bottom: 15px;
}
.blogContent ol,
.blogContent ul {
    margin-left: 20px;
    margin-bottom: 25px;
    margin-top: 20px;
}

.blogContent ol li:not(:last-child),
.blogContent ul li:not(:last-child) {
    padding-bottom: 20px;
}

.blogContent p a {}

.contentSec p a {
    color: #081622;
}

.blogContent p a,
.blogContent li a {
    color: #a3258f;
}

.blogContent p a:hover {
    text-decoration: none;
}

.contentSec p a:hover {
    text-decoration: none;
}
.blogContent hr{
    margin-bottom: 20px;
}
@media screen and (max-width: 1279px) {
    .whatChoose ul li {
        width: 350px;
        height: 350px;
        border-width: 18px;
        font-size: 40px;
    }

    .abortionRow .leftCol,
    .allParenting .leftCol {
        padding-right: 15px;
    }

    .adoptionRow .rightCol {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1023px) {
    .whatChoose ul li {
        width: 280px;
        height: 280px;
        border-width: 15px;
        font-size: 30px;
    }

    .abortionRow .leftCol,
    .allParenting .leftCol {
        padding-right: 0px;
    }

    .adoptionRow .rightCol {
        padding-left: 0px;
    }

    .loadMoreDiv .loadMoreBtn {
        font-size: 18px;
        padding: 18px 30px 16px;
    }
}

@media screen and (max-width: 767px) {
    .whatChoose ul li {
        width: 130px;
        height: 130px;
        border-width: 7px;
        font-size: 16px;
    }

    .whatChoose ul li:nth-child(2) {
        margin: -40px -20px 0;
    }

    .whatChoose ul li:last-child {
        top: 30px;
        left: -10px;
    }

    .form-group .form-control.mb30 {
        margin-bottom: 20px;
    }
}

.page-contact-us .formTop p {
    margin-bottom: 10px;
}

.form-group select.form-control {
    background-image: url(../images/select-down-arrow-light.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: top 28px right 20px;
    -webkit-appearance: none;
}

.navigation-menu .navmenu li.menu-has-children:nth-child(2)>a,
.navigation-menu .navmenu li.menu-has-children:nth-child(3)>a {
    width: auto;
}

.errorPage.ptb100 {
    padding: 150px 0;
}

.errorPage .wrapper {
    padding: 0 30px;
}

.errorPage h1 {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .form-group select.form-control {
        background-size: 16px;
        background-position: top 23px right 15px;
    }
}

.profile-banner .left h5 {
    font-size: 26px;
    color: #fff;
}

.profileTabs .link-wrapper .link a {
    display: flex;
    justify-content: center;
    position: relative;
    line-height: 0;
    width: 90px;
    height: 80px;
}

.profileTabs .link-wrapper .link a.active {
    background-color: #A1346F;
    /* left: 1px;
    z-index: 1; */
}

.profileTabs .link-wrapper .link a.active::after {
    background-color: #2C2E74;
    height: 4px;
    width: calc(100% + 1px);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    z-index: 1;
}

.profileTabs .link-wrapper .link a.active::before {
    background-color: #A1346F;
    left: auto;
    right: -1px;
    width: 1px;
    top: 0;
    height: 100%;
    z-index: 9;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.profileTabs .link-wrapper .link a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 30px;
    background-color: #CC5E99;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.profileTabs .link-wrapper .link a span,
.slider-btns a span {
    display: none;
    position: absolute;
    background-color: #2C2E74;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    top: 100%;
    padding: 6px 10px 3px;
    border-radius: 6px;
    margin-top: -10px;
    right: 0;
    z-index: 1;
}

.profileTabs .link-wrapper .link a span::before,
.slider-btns a span::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #2C2E74;
}

.profileTabs .link-wrapper .link a:hover span,
.slider-btns a:hover span {
    display: block;
}

.profileTabs .link-wrapper .link .icon {
    filter: brightness(0) invert(1);
    width: 28px;
}

.profile-banner .right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.slider-btns {
    display: flex;
    gap: 20px;
}

.slider-btns a {
    height: 40px;
    width: 40px;
    border: 1px solid #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}

.slider-btns a:hover {
    background-color: #A1346F;
}

.slider-btns a span {
    width: 105px;
    margin: 14px 0 0;
    left: 0;
}

.about-profile.ptb80 {
    padding-top: 30px;
}

.profile-banner .middle .profileTabs {
    padding-left: 230px;
}

.favorite-profiles .profile-banner {
    padding: 24px 0;
}

.profile-banner .next-step {
    padding: 15px 0;
}
@media screen and (max-width: 1700px) {
    .profile-banner .middle .profileTabs {
        padding-left: 0;
    }

    .slider-btns a span {
        left: auto;
        right: 0;
    }

    .slider-btns a span::before {
        left: auto;
        right: 15px;
    }
}
@media screen and (max-width: 1279px) {
    .family-detail .profile-banner .container {
        flex-wrap: nowrap;
    }

    .profile-banner .middle .profileTabs {
        padding-left: 150px;
    }

    .profile-banner .middle .profileTabs {
        padding-left: 150px;
    }

    .profile-banner .favoriteBtn {
        font-size: 14px;
    }

    .profileTabs .link-wrapper .link a {
        width: 80px;
        height: 70px;
    }
}

@media screen and (max-width: 1023px) {
    .profile-banner .middle .profileTabs {
        padding-left: 0;
    }

    .profileTabs .link-wrapper .link a {
        width: 50px;
        height: 60px;
    }

    .profile-banner .right {
        gap: 15px;
    }

    .slider-btns {
        gap: 10px;
    }

    .slider-btns a {
        height: 30px;
        width: 30px;
    }

    .slider-btns a svg {
        height: 15px;
    }

    .profile-banner .left h5 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .profile-banner {
        padding: 20px 0;
    }

    .breadcrumb li a {
        font-size: 14px;
    }

    .profileTabs .link-wrapper .link a {
        width: 60px;
        height: 60px;
    }

    .profile-banner .next-step a {
        font-size: 13px;
        padding: 12px 10px 9px;
    }
}

.profile-contact-form .w100 {
    width: 100%;
}
 
.loginModal .popupForm .profile-contact-form .form-group {
    margin-bottom: 20px;
}
 
.loginModal .popupForm .profile-contact-form .form-group textarea.form-control {
    resize: none;
    height: 110px;
    padding: 18px 15px;
}

/* New css end */

/* Profile Css new */
.profileLoginPopup .popup-head {
    background-color: #a3268f;
    padding: 25px 15px;
}

.profileLoginPopup .popup-head h3 {
    background-color: transparent;
    padding: 0;
}

.profileLoginPopup .popup-head p {
    color: #fff;
    margin: 5px 0 0;
}

.profile-nav-container .profile-btn strong,
.profile-nav-container .profile-btn .profile span{
    font-size: 0;
}
.profile-nav-container .profile-btn {
    display: none;
}
.profile-dropdown-header {
    line-height: 0;
}

.profile-dropdown-header a img {
    height: 45px;
    width: 45px;
    border-radius: 50% !important;
}
.profile-nav-container {
    margin-left: 15px;
}
.profile-dropdown-header>a{
    background: linear-gradient( #ffffff, #ffffff) padding-box, linear-gradient(0deg, #2C2E74, #BC4284) border-box;
    border: solid 1px transparent;
    border-radius: 50%;
    padding: 2px;
}
.headerLinks a{
    position: relative;
}
.headerLinks a .tooltip{
    position: absolute;
    background-color: #2C2E74;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    top: 100%;
    padding: 6px 10px 3px;
    border-radius: 6px;
    margin-top: 10px;
    left: 6px;
    display: none;
}
.headerLinks a .tooltip:before{
    content: "";
    position: absolute;
    top: -10px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #2C2E74;
}
.headerLinks a:hover .tooltip{
    display: block;
}


/** Header **/
.main-header .btnWrap .btn.esBtn {
    background-image: url(../images/es-icon.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    font-size: 0;
    width: 50px;
    padding: 0;
}

.main-header .btnWrap .btn.subscribeBtn {
    background-image: url(../images/subscribe-icon.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    font-size: 0;
    width: 50px;
    padding: 0;
}
@media screen and (max-width: 1439px) {
    .navigation-menu li .menu-item-item {
        font-size: 15px;
    }

}

@media screen and (max-width: 1365px) {
    .navigation-menu .navmenu>.menu-item {
        padding-right: 20px;
    }

    .navigation-menu li .menu-item-item {
        font-size: 14px;
    }

}
@media only screen and (max-width: 1279px) {
    .navigation-menu .navmenu>.menu-item {
        padding-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .headerLinks .nosocial .chat {
        height: 30px;
        width: 30px;
        background-size: 28px;
    }

    .headerLinks .nosocial .lgbtq {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }

    .main-header .mainLogo {
        width: 45px;
    }

    .main-header .btnWrap {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        justify-content: center;
        padding: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .main-header .btnWrap .btn.blue,
    .main-header .btnWrap .btn.subscribeBtn {
        display: none;
    }

    .nosocial .on-mobile .btn {
        padding: 10px 12px 7px;
        font-size: 12px;
    }

    .profile-dropdown-header a img {
        height: 35px;
        width: 35px;
    }

    .menu-toggle-icon {
        margin-left: 10px;
    }

    .copyright {
        margin-bottom: 68px;
    }
}

/* 15May */
.main-header .btnWrap .btn.mdblock{
    display: none;
}
.profile-nav-container:hover .profile-ul-container{
    display: block;
}
.familyVideo .videoRow .container{
    max-width: 1570px;
}
.familyVideo .videoRow .videos .videoBox{
    width: calc(100% / 3 - 20px);
}
.fancybox__caption{
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-size: 16px;
    text-align: center;
}
form.documentForm .span.error{
    margin-top: 10px;
}
@media only screen and (max-width: 1279px) {
    .profile-banner .container{
        width: 100%;
    }
    .familyVideo .videoRow .videos .videoBox video{
        height: 200px;
    }
    .profile-banner .container{
        flex-wrap: nowrap;
    }
    .profile-banner .left h5{
        font-size: 22px;
    }
    .slider-btns{
        gap: 10px;
    }
}
@media only screen and (max-width: 1023px) {
    .familyVideo .videoRow .videos .videoBox{
        width: calc(100% / 2 - 15px);
    }
}
@media only screen and (max-width: 767px) {
    .main-header .btnWrap{
        gap: 10px;
    }
    .main-header .btnWrap .btn.mdblock{
        display: block;
        text-transform: capitalize;
        font-size: 15px;
    }
    .familyVideo .videoRow .videos .videoBox{
        width: 100%;
    }
    .familyVideo .videoRow .videos .videoBox video {
        height: 250px;
    }
    .breadcrumb-div {
        padding: 10px 0;
    }
    .form-section .col3 .form-group{
        width: 100%;
    }
    .contactForm .d-flex.col3{
        flex-wrap: wrap;
    }
    .form-group.mb30.selectGroup{
        margin-bottom: 20px;
    }
    .contactForm .inputRow.checkRow.ccbox label{
        font-size: 14px;
        line-height: 1.3;
    }
    .contactForm .submitRow .btn{
        width: 210px;
        padding: 15px;
    }

}
.profile-images .image-wrapper{
    width: 100%;
}
.profile-nav-container{
    position: relative;
}
.profile-ul-container .profile-wrapper{
    display: flex;
    padding: 5px 10px 10px;
    border-bottom: 1px solid #4c4e8b;
}
.profile-ul-container .profile-wrapper li{
    list-style: none;
}
.profile-nav-container:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 20px;
    background-color: transparent;
    width: 60px;
}
.profile-nav-container .profile-ul-container{
    margin-top: 10px;
}
.profile-nav-container .profile-ul-container:before{
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #2c2e74;
    content: "";
    position: absolute;
    top: -10px;
    right: 13px;
}
.profile-wrapper .profile-header li{
    color: #fff;
    text-align: left;
    font-size: 12px;
}
.profile-ul-container .profile-wrapper .profile-header{
    padding-left: 10px;
}
/* 19May */
.profile-ul-container .profile-wrapper{
    margin-top: 0;
}
.main-header{
    
}
.main-header.head{
    background-color: #fff;
    box-shadow: 0px 0px 10px #e1e1e1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
}
/*
.innerBanner{
    padding-top: 180px;
}*/

.home-banner, .family-detail, .family-photos, .familyVideo, .profile-wrapper, .profile-sec{
    margin-top: 96px;
}
.popup-head h3{
    font-size: 26px;
}
.popup-wrapper.profileLoginPopup .popup-head h3{
    padding: 0 35px;
}
.loginModal .popupForm .profile-contact-form{
    display: flex;
    flex-wrap: wrap;
}
.loginModal .popupForm .profile-contact-form .form-group{
    width: 100%;
}
.name-wrapper{
    padding-bottom: 20px;
    font-size: 16px !important;
}
.fav-message .container, .favoritesList .container, .meet-family .container{
    max-width: 1570px;
}
.favoritesList .favoritesBox .profileImage img{
    height: 280px;
}
.profile-banner h1{
    font-size: 26px;
}
.family-list .list-inner .family-detail{
    margin-top: 0;
}
.family-list .family-image img{
    height: 260px;
}
.photosRow.ptb80, .videoRow.ptb80 {
    padding-top: 30px;
}
.profileTabs .link-wrapper .link a span, .slider-btns a span{
    z-index: 11;
}
.fancybox__caption{
    font-size: 14px;
}
.main-footer .footer-social a {
    display: inline-block;
}
.slider-btns a span{
    width: 90px;
}
@media only screen and (max-width: 1279px) {
    .menu-toggle-icon span{
        background-color: #BC4284;
    }
    /*
    .innerBanner{
        padding-top: 150px;
        padding-bottom: 90px;
    }*/
    .favoritesList .favoritesBox .profileImage img{
        height: 200px;
    }
}
@media only screen and (max-width: 1023px) {
    .family-list .family-image img{
        height: 200px;
    }
    .main-footer .leftCol.wauto{
        width: 100% !important;
        max-width: 100%;
    }
    .main-footer .footer-social, .main-footer .Flinks{
        padding-top: 30px;
        width: 50% !important;
    }
}
.hamburger-menu {
        display: none;
    }
/*@media only screen and (min-width: 1279px) {*/
/*    .hamburger-menu {*/
/*        display: none !important;*/
/*    }*/
/*}*/
@media only screen and (max-width: 767px) {
    .callBtnWrapper{
        bottom: 75px;
    }
    .about-profile .about-info {
        padding: 30px 20px;
    }
    .about-info.description h2{
        font-size: 26px;
    }
    
    .home-banner, .home-banner, .family-detail, .family-photos, .familyVideo, .profile-wrapper, .profile-sec,.innerBanner {
        margin-top: 81px;
    }
    .hamburger-menu {
        display: none;
    }
    .innerBanner{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .family-detail .name{
        font-size: 17px;
    }
    .family-detail .equi-item{
        gap: 6px;
    }
    .main-footer .footer-social, .main-footer .Flinks{
        width: 100% !important;
    }
    .favoritesList .favoritesBox .profileImage img{
        height: 220px;
    }
    .gap30 .col-6 {
        padding-left: 0;
        padding-right: 0;
    }
}

/* 21 May */
.global-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999999999;
	left: 0;
	right: 0;
	width: 100%;
	height: calc( 100vh - 96px );
	position: fixed;
	background: #fff !important;
	overflow: hidden;
	top:96px;
	
}


@media only screen and (max-width: 767px) {
    .global-loader {
    	height: calc( 100vh - 81px );
    	top:81px;
    }
}

/*22 May*/

.recordAudio .btn-wrapper {
	gap: 0;
}
.recordAudio .btn-wrapper .audioRecorder {
	background-color: #2c2e74;
	border-color: #2c2e74;
	color: #ffffff;
	padding: 10px;
	width: 100%;
	padding: 10px 15px;
	height: auto;
}
.recordAudio .btn-wrapper .audioRecorder:hover, .recordAudio .btn-wrapper .audioRecorder:active {
	background-color: #92a152 !important;
	border-color: #92a152 !important;
}

/* Blog Content */

.blogContent h2{
	font-size: 34px;
	color: #2c2d74;
}
 
.blogContent h3{
	font-size: 30px;
}
 
.blogContent h4{
	font-size: 26px;
}
 
.blogContent h5{
	font-size: 24px;
}
 
.blogContent h6{
	font-size: 22px;
}
 @media only screen and (max-width: 1023px) {
    .blogContent h2{
    	font-size: 30px;
    }
     
    .blogContent h3{
    	font-size: 28px;
    }
     
    .blogContent h4{
    	font-size: 24px;
    }
     
    .blogContent h5{
    	font-size: 22px;
    }
     
    .blogContent h6{
    	font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .blogContent h2{
    	font-size: 26px;
    }
     
    .blogContent h3{
    	font-size: 24px;
    }
     
    .blogContent h4{
    	font-size: 22px;
    }
     
    .blogContent h5{
    	font-size: 20px;
    }
     
    .blogContent h6{
    	font-size: 18px;
    }
}

.blog-item .blog-head h2{
	font-size: 20px;
}
.recent-posts .blog-head h2 {
    font-size: 16px;
}

.main-footer .leftCol {
    position: relative;
}
.main-footer .leftCol .certificationSeal {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: auto;
    line-height: 0;
}
@media only screen and (max-width: 1600px) {
    .headerLinks a .tooltip{
        left: auto;
        right: 0;
    }
    .headerLinks a .tooltip:before{
        left: auto;
        right: 20px;
        border-left-width: 7px;
        border-right-width: 0;
    }
}
@media only screen and (max-width: 1023px) {
    .main-footer .leftCol .certificationSeal {
        position: static;
        margin: 40px 0;
    }
}
@media only screen and (max-width: 767px) {
    .main-footer .leftCol .certificationSeal {
        margin: 30px 0;
    }
}


/* Looking to Explore Your Options? - Page Banner Style - 02/June/2025 */
.justOption_fullBanner img:nth-of-type(1) {
      display: block !important;
    }

    .justOption_fullBanner img:nth-of-type(2) {
      display: none !important;
    }
.justOption_fullBanner {
	background-color: #96468d;
	position: relative;
}
.justOption_fullBanner h3 {
	margin: 0;
	color: #fff;
	font-size: 85px;
	position: absolute;
	left: 50px;
	top: 80px;
}
.justOption_fullBanner h2 {
	margin: 0;
	background-color: #a32590;
	padding: 40px 0;
	color: #fff;
	font-size: 85px;
}
@media screen and (max-width: 2300px) {
  .justOption_fullBanner h3, .justOption_fullBanner h2 {
    font-size: 65px;
  }
}
@media screen and (max-width: 1919px) {
  .justOption_fullBanner h3, .justOption_fullBanner h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1700px) {
  .justOption_fullBanner h3, .justOption_fullBanner h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1700px) {
  .justOption_fullBanner h3 {
    top: 60px;
  }
}
@media screen and (max-width: 1439px) {
  .justOption_fullBanner h3, .justOption_fullBanner h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1279px) {
  .justOption_fullBanner h3, .justOption_fullBanner h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1279px) {
  .justOption_fullBanner h3 {
    top: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .justOption_fullBanner h3, .justOption_fullBanner h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .justOption_fullBanner h3 {
    top: 30px;
    left: 30px;
  }
}

@media screen and (max-width: 767px) {
    .justOption_fullBanner h3 {
        display: none;
    }
    .justOption_fullBanner img:nth-of-type(1) {
        display: none !important;
    }
    
    .justOption_fullBanner img:nth-of-type(2) {
        display: block !important;
    }
    
}

.container.pd100.text-center.d-none.row {
    display: none;
}

/*About Us Page - all icon size for mobile */
@media screen and (max-width: 767px) {
    .all-options .innerRow .logo img {
        width: 100px;
    }
}


/* About Accordion on Profile Detail Page */
button.MuiButtonBase-root {
    background-color: #2C2E74;
    align-items: flex-start;
}
.MuiAccordionSummary-content {
    margin: 20px 0 !important;
}
span.MuiTypography-root {
    letter-spacing: 0 !important;
    font-weight: 600;
    font-family: 'Azo Sans';
    font-size: 20px;
    color: #fff;
}

svg.MuiSvgIcon-root {
    fill: #fff;
    font-size: 2.5rem;
}
.MuiAccordionDetails-root{
   padding: 20px !important;
}
.MuiAccordionSummary-expandIconWrapper {
    margin-top: 20px;
}
.MuiPaper-root {
    --Paper-shadow: 0 !important;
    margin-bottom: 20px !important;
}
.MuiAccordionDetails-root ol,
.MuiAccordionDetails-root ul {
    margin-left: 30px;
}


.options .optionBox h3 a{
    color: #fff;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .justOption_fullBanner{
        margin-top: 80px !important;
    } 
    .justOption_fullBanner h2{
        padding: 20px 15px;
    }
    .cpcRow.gap30 .col-4{
        margin-bottom: 30px;
    }
    .cpcRow.gap30 .col-4.last-box{
        margin-bottom: 0;
    }
}

/* Considering Adoption landing page  */
.mx1000 .container{
    max-width: 1000px;
}
.choiceRow.mx1000 .container {
    max-width: 850px;
}
.talkRow p{
    margin-bottom: 15px;
}
.talkRow p strong{
    color: rgb(164, 38, 143);
}
.rightPowerRow .listing.tpSpace {
    margin-top: 20px;
    margin-bottom: 0;
}
.rightPowerRow .listing li{
    margin-bottom: 15px;
}
.rightPowerRow p{
    margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
    .adoptionRow .row{
        flex-wrap: wrap-reverse;
    }
    .adoptionRow .row .col-6, .rightPowerRow .row .col-6{
        width: 100% !important;
    }
    .adoptionRow .contentCol{
        margin-top: 30px;
    }
    .rightPowerRow .row{
        flex-wrap: wrap;
    }
    .rightPowerRow .imageBox{
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .supprortRow h4, 
    .talkRow h4{
        font-size: 18px !important;
    }
}
/* Considering Adoption landing page end  */

/* New About Us Page */
.about-choice .missionRow .aboutdetails h2{
    font-size: 30px;
}
.about-choice .innerRow.visionRow{
    margin-top: 0;
    margin-bottom: 80px;
}
.about-choice .innerRow.row1{
    margin-bottom: 30px;
}
.valuesRow .col-6 {
    background-color: #fff;
    width: calc(100% / 2 - 15px) !important;
    margin-top: 30px;
    padding: 30px;
    border-radius: 15px;
    
}
.boxshadow{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.valuesRow {
    gap: 30px;
}
.f22{
    font-size: 22px;
}
.valuesRow h3 {
    margin-bottom: 18px;
    background-image: url(../images/check-icon-purple.png);
    background-repeat: no-repeat;
    padding-left: 40px;
}
.title-wrapper .mainTitle {
    margin-bottom: 20px;
    font-size: 40px;
}
.wedoSec .title-wrapper{
    margin-bottom: 20px;
    max-width: 680px;
}
.wedoSec .title-wrapper .mainTitle{
    margin-bottom: 10px;
}
.rowbox3, .colgap30{
    gap: 30px;
    flex-wrap: wrap;
}
.rowbox3 .col-4{
    width: calc(100% / 3 - 20px) !important;
    margin-top: 30px;
    padding: 30px;
    border-radius: 15px;
}
.wedoBox h3{
    margin-top: 20px;
    margin-bottom: 15px;
}
.colgap30 .col-6{
    width: calc(100% / 2 - 15px) !important;
    padding: 30px;
    border-radius: 15px;
}
.mt30{
    margin-top: 30px;
}

@media screen and (max-width: 1023px) {
    .about-choice .innerRow.visionRow{
        margin-bottom: 70px;
    }
    .title-wrapper .mainTitle{
        font-size: 35px;
    }
}
@media only screen and (max-width: 767px) {
    .about-choice .missionRow .aboutdetails h2{
        font-size: 26px;
    }
    .about-choice .innerRow.visionRow{
        margin-bottom: 60px;
    }
    .valuesRow .col-6, .rowbox3 .col-4, .colgap30 .col-6{
        width: 100% !important;
    }
    .valuesRow {
        gap: 0;
    }
    .title-wrapper .mainTitle {
        font-size: 26px;
    }
    .f22{
        font-size: 20px;
    }
    .valuesRow.valuesRow1 .box1{
        margin-top: 10px;
    }
    .rowbox3 .col-4{
        margin-top: 0;
    }
}