body {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden !important;
}

html {
    overflow-x: hidden;
}

@font-face {
    font-family: Quattrocento;
    src: url('https://netmaxims.in/projects/powerofourvoice/public/front/fonts/QUATTROCENTO-REGULAR.woff');
}

@font-face {
    font-family: Quattrocento-bold;
    src: url('https://netmaxims.in/projects/powerofourvoice/public/front/fonts/QUATTROCENTO-BOLD.woff');
}

@font-face {
    font-family: helvetica;
    src: url('https://netmaxims.in/projects/powerofourvoice/public/front/fonts/Helvetica.woff');
}

.header_white .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    margin-right: 40px;
    font-family: helvetica;
    font-weight: 500;
    width: max-content;
}

.header_white a.navbar-brand img {
    width: 100%;
    position: relative;
    top: -50px;
    left: 0;
}

.header_white li.nav-item.actives a.nav-link {
    color: #efc541 !important;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

.header_white button.btn.btn-success.sign-button {
    font-size: 15px;
    font-family: helvetica;
    font-weight: 500;
    color: #FFFFFF;
    background: #EFC541;
    border-color: #EFC541;
    padding: 6px 23px;
}

.header_white .navbar-light .navbar-brand {
    width: 15%;
    color: #000000;
    font-size: 23px;
    font-family: 'Quattrocento';
    font-weight: 500;
}

.header_white .navbar-light .navbar-brand span {
    color: #0471FF;
}

.header_white nav.navbar.navbar-expand-lg {
    padding: 0px 0px;
}

.header_white ul.navbar-nav {
    padding: 17px;
    float: right;
    position: relative;
    top: -17px;
}

.row.horizontal-line ul li i {
    color: #EFC541;
    margin-right: 12px;
    font-size: 20px;
}

.row.horizontal-line ul {
    margin: 10px 0px;
    float: right;
}

.top-bar ul li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
}

.header_white a.langs {
    margin-right: 28px;
}

.top-bar {
    padding: 0
}

.top-bar a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

header.header_white {
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: transparent !important;
}

.header_white .row.horizontal-line {
    border-bottom: 1px solid #ffffff29;
    margin-left: auto;
}

/* scroll header css */
.header_white.fixed {
    height: 125px;
    background: #0c3747 !important;
    position: fixed;
    bottom: auto;
    top: -125px;
    left: 0px;
    z-index: 999;
    width: 100%;
    transition: 0.5s ease;
    transform: translatey(100%);
    -webkit-transform: translatey(100%);
    -webkit-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -khtml-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -moz-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -ms-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -o-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 5%);
    -khtml-box-shadow: 0 3px 6px rgba(0, 0, 0, 5%);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 5%);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 5%);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 5%);
    box-shadow: 0 3px 6px rgb(0 0 0 / 5%);
}

.header_white.fixed a.navbar-brand img {
    width: 100%;
    z-index: 999;
    height: 125px;
    object-fit: cover;
    top: -42px;
}

.header_white.fixed .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    margin-right: 40px;
    font-family: helvetica;
    font-weight: 500;
}

.header_white.fixed .dropbtn {
    font-size: 15px;
}

.header_white.fixed ul.navbar-nav {
    top: -25px;
}

.header_white.fixed .row.horizontal-line ul li i {
    color: #EFC541;
    margin-right: 12px;
    font-size: 16px;
}

.header_white.fixed .row.horizontal-line ul {
    margin: 6px 0;

}

/* sign in css start */
.main-banner {
    background-image: url(../images/sign-up-banner.png);
    background-size: cover;
    height: 280px;
}

.sign-main h1 {
    color: #fff;
    padding-top: 4em;
    text-align: center;
    font-family: 'Quattrocento';
    letter-spacing: 1.5px;
    font-size: 43px;
}

.sign-main p {
    color: #ffffffd6;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 15px;
    font-family: helvetica;
    padding-top: 15px;
    padding-bottom: 50px;
}

.login-member input,
select {
    width: 65%;
    padding: 12px;
    border: 1px solid #E5E4E4;
    border-radius: 8px;
    resize: vertical;
    margin-bottom: 30px;
    color: #4A4A4A;
    background: #FFFFFF;
    padding-left: 40px;
}

.login-member input::placeholder {
    color: #4F4F4E;
    position: relative;
    top: -3px;
    font-size: 14px;
    font-family: Helvetica;
    left: 6px;
}

.login-member input[type=submit] {
    background-color: #198754;
    color: white;
    padding: 10px 46px;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    font-size: 17px;
    font-family: 'Helvetica';
    width: 65%;
}

.input-icon i.fa {
    position: absolute;
    padding: 15px;
}

.social-reform img {
    /*width: 100%;*/
    position: relative;
}

.login-member {
    text-align: center;
    padding-top: 2em;

}

.checkboxx label {
    display: inline-block;
    font-family: Helvetica;
    color: #3E3E3E;
    font-size: 15px;
    position: relative;
    top: 3px;
}

div.checkboxx {
    display: flex;
    justify-content: center;
}

.checkboxx input {
    width: 5%;
    margin: 7px;
}

.social-reform h2 {
    position: absolute;
    top: 19.5em;
    color: #ffffffc7;
    font-size: 18px;
    font-family: Helvetica;
    padding: 10px 0px 0 63px;
    width: 71%;
}

.social-reform {
    /*position: fixed;*/
    position: relative;
    margin-top: 30%;
    text-align: center;
}

.social-reform1 {
    position: relative;
    margin-top: 50%;
    text-align: center;
}

.social-reform p {
    position: absolute;
    top: 31em;
    width: 92%;
    padding-left: 67px;
    color: #ffffff96;
    font-family: Helvetica;
    font-size: 15px;
}



.newsletter-main {
    background-image: url(../images/newsletter-background.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 95px;
    padding-top: 15px;

}

.newsletter-input-field ul {
    list-style: none;
    margin: 0 auto;
    display: table;
}

.newsletter-input-field input {
    padding: 13px 21px;
    margin: 8px 0px 0px 0px;
    display: inline-block;
    border: 2px solid #362F27;
    box-sizing: border-box;
    color: #929292;
    width: 334px;
    background: inherit;
}

.newsletter-input-field button {
    padding: 14px 31px;
    background-color: #3E849E;
    border: 1px solid #3E849E;
    color: white;
    font-family: 'Quattrocento';
    font-weight: 600;
    position: relative;
    left: 2px;
    top: -1px;
    letter-spacing: 1.7px;
}

.newsletter-heading h2 {
    color: #14556D;
    font-family: 'Quattrocento';
    font-weight: 800;
    font-size: 30px;
    letter-spacing: 1.5px;
    padding-top: 15px;
    padding-left: 20px;
}

.newsletter-input-field input::placeholder {
    color: #362f27ab;
    font-size: 16px;
    text-align: center;
    font-family: Helvetica;
}

.we-offer {
    background: #fff;
    box-shadow: 0px 3px 10px 1px #00000029;
    border-radius: 20px;
    width: 50%;
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 3em;
}

.login-member h2 {
    font-size: 31px;
    font-family: 'Quattrocento';
    font-weight: 600;
    color: #1B0F0F;
    letter-spacing: .6px;
    /*padding-top: 2em;*/
}

.login-member h3 {
    color: #198754;
    font-size: 25px;
    font-family: Helvetica;
    padding-top: 25px;
    padding-bottom: 15px;
    font-weight: 500;
}

.login-member a {
    color: #198754;
    text-decoration: none;
    font-size: 15px;
    font-family: Helvetica;
    display: flex;
    justify-content: left;
    padding-left: 18%;
    /*padding-top: 25px;*/
    /*padding-bottom: 15px;*/
    font-weight: 500;
}

.already_member a {
    color: #198754;
    text-decoration: none;
    font-size: 15px;
    font-family: Helvetica;
    display: contents;
    /*justify-content: left;*/
    /*padding-left: 18%;*/
    font-weight: 500;
}

.already_member {
    padding-top: 25px;
    padding-bottom: 15px;
}

input.input-fields {
    margin-bottom: 0;
}

section.main-form {
    position: relative;
}

section.main-form:before {
    content: '';
    background-image: url(../images/down-arrow.png);
    position: absolute;
    width: 31px;
    height: 148px;
    left: 40px;
    top: 45px;
}

section.main-form::after {
    content: '';
    background-image: url(../images/up-arrow.png);
    position: absolute;
    width: 31px;
    height: 147px;
    right: 32px;
    bottom: -46px;
}

/* end */
/* footer css start */
.footer-second img {
    margin-top: 4em;
    margin-bottom: 30px;
    width: 219px;
}

.footer-main-class {
    padding-top: 2em;
    background: #f1f1f1 !important;
}

.footer-second h2 {
    padding-top: 1em;
    font-size: 20px;
    color: #362F27;
    font-family: 'Quattrocento';
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-bottom: 15px;
}

.footer-second button {
    padding: 7px 18px;
    border: 2px solid #EFC541;
    background: inherit;
    border-radius: 5px;
    color: #575757;
    font-size: 18px;
    font-family: 'Quattrocento';
    font-weight: 800;
    letter-spacing: 1px;
}

.footer-second {
    position: relative;
}

.footer-second ul li {
    padding-bottom: 19px;
    font-size: 15px;
    color: #8F8F8F;
    font-family: Helvetica;
    list-style: none;
}

ul.address-section li:before {
    display: none;
}

.footer-second ul li:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    border: 4px solid #3E849E;
    left: 0;
    margin-top: 6px;
}

ul.address-section li span {
    color: #00000087;
    font-weight: 600;
    line-height: 30px;
}

ul.address-section li {
    padding: 15px 0 0 15px;
}

.address-section i {
    position: absolute;
    left: 0;
    color: #3E849E;
    font-size: 20px;
    margin-top: 2px;
}

.social-icon li::before {
    display: none;
}

ul.social-icon li i {
    border: 1px solid #EFC541;
    border-radius: 50%;
    padding: 7px 10px;
    margin-right: 10px;
    font-size: 20px;
    color: #575757;
}

ul.social-icon {
    padding-left: 2rem;
    padding-top: 16px;
}

.copyright p {
    color: #362F27;
    font-size: 15px;
    text-align: center;
    font-family: helvetica;
    font-weight: 500;
}

.copyright {
    background-color: #F2F2F2;
    padding: 17px 0 1px 0;
}

/* end footer css */
/* contact page css start */
.contact-main-banner {
    background-image: url(../images/contect-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 490px;
}

.contact-heading h1 {
    color: #fff;
    padding-top: 4.8em;
    text-align: center;
    font-family: 'Quattrocento';
    font-size: 44px;
    letter-spacing: 1.5px;
}

.contact-heading p {
    color: #ffffffd6;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    font-family: Helvetica;
    padding-bottom: 2.5em;
}

.contact-heading button.btn.btn-warning {
    margin: 0 auto;
    display: block;
    background: #EFC541;
    border-color: #707070;
    border-radius: 0;
    color: #fff;
    font-family: Helvetica;
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 15px;
    padding: 7px 35px;
}

.major-topics {
    background-image: linear-gradient(180deg, #eff2f3eb, #EBEBEB00);
    padding-top: 8em;
    position: relative;
}

.join-our-team {
    background-color: #EFC541;
    height: 100px;
    text-align: center;
}

.join-our-one {
    background-color: #FFFFFF;
    height: 100px;
    text-align: center;
}

.join-our-two {
    background: #3E849E;
    height: 100px;
    text-align: center;
}

.blance-our p {
    color: #fff;
    font-size: 19px;
    font-family: Helvetica;
    font-weight: 500;
}

.join-our-one p {
    color: #362F27;
    font-size: 19px;
    font-family: Helvetica;
    font-weight: 500;
}

.join-our-one {
    background-color: #FFFFFF;
    height: 100px;
    text-align: center;
}

.blance-our {
    padding-top: 32px;
}

.blance-our p img {
    width: 41px;
    margin-right: 11px;
    margin-top: -5px;
}

.row.no-gutter .col-md-4 {
    padding: 0 !important;
}

.customer-services-formcontact-form-main input,
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #70707070;
    border-radius: 4px;
    resize: vertical;
    margin-bottom: 30px;
    color: #4A4A4A;
}

.customer-services-form input,
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #70707057;
    border-radius: 4px;
    resize: vertical;
    margin-bottom: 26px;

}

.customer-services-form input[type=submit] {
    background-color: #EFC541;
    color: white;
    padding: 7px 26px;
    border-color: #EFC541;
    border-radius: 80px;
    cursor: pointer;
    width: 178px;
    font-size: 17px;
    font-family: Helvetica;
    font-weight: 600;
    text-align: center;
}

.customer-services-form input::placeholder {
    color: #929292d9;
    font-size: 16px;
    font-family: Helvetica;
    padding-left: 10px;
}

.get-touch h2 {
    color: #3E849E;
    font-size: 16px;
    font-family: Helvetica;
    font-weight: 700;
    padding-top: 45px;
}

.get-touch h3 {
    color: #1B0F0F;
    font-family: 'Quattrocento';
    font-weight: 700;
    letter-spacing: .5px;
    padding-top: 7px;
    font-size: 35px;
}

.get-touch p {
    color: #362f27a3;
    font-size: 15px;
    font-family: Helvetica;
    font-weight: 500;
    width: 93%;
    line-height: 27px;
    padding-bottom: 10px;
    padding-top: 8px;
}

.customer-services-form {
    background: #fff;
    box-shadow: 6px 6px 6px 0px #00000029;
    padding: 55px 40px 20px 40px;
    border-radius: 21px;
    margin-bottom: 32px;
}

.map-background-image {
    background-image: url(../images/map-background.png);
    height: 330px;
    margin-top: 4em;
}

section.major-topics:before {
    content: '';
    background-image: url(../images/down-arrow.png);
    position: absolute;
    width: 31px;
    height: 148px;
    left: 40px;
    top: 25px;
}

section.major-topics::after {
    content: '';
    background-image: url(../images/up-arrow.png);
    position: absolute;
    width: 31px;
    height: 147px;
    right: 32px;
    bottom: 33px;
}

.get-touch ul li {
    list-style: none;
    color: #0000008f;
    font-family: Helvetica;
    font-size: 15px;
    padding-bottom: 20px;
    margin-left: 15px;
}

.get-touch {
    position: relative;
}

.get-touch img {
    position: absolute;
    left: 0;
    margin-top: -3px;
}

.get-touch ul li span {
    color: #0000009c;
    font-weight: 600;
    font-size: 16px;
    font-family: Helvetica;
    line-height: 33px;
}

/* end contact page css */
/* start home page css */
.home-main-banner {
    background-image: url(../images/homepage-banner.png);
    aspect-ratio: 2.3;
    background-size: cover;
    background-repeat: no-repeat;
}

.home-heading h6 {
    padding-top: 16em;
    color: #fff;
    font-size: 16px;
    font-family: Helvetica;
    font-weight: 700;
}

.home-heading h1 {
    color: #fff;
    font-family: 'Quattrocento';
    letter-spacing: 1.5px;
    font-size: 49px;
    text-align: inherit !important;
}

.home-heading p {
    color: #ffffffd1;
    font-size: 15px;
    font-family: Helvetica;
    padding-top: 5px;
}

.home-heading button.btn.btn-warning {
    background: #EFC541;
    border-color: #707070;
    border-radius: 0;
    color: #fff;
    font-family: Helvetica;
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 15px;
    padding: 7px 35px;
    margin-top: 20px;
}

.home-heading {
    margin-left: 13px;
}

.picture-prisoners img {
    width: 100%;
    border-radius: 10px;
    transition: .5s;
}

.your-gifts {
    padding-top: 6em;
    padding-bottom: 5em;
}

.will-changes h2 {
    color: #3E849E;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 16px;
}

.will-changes h3 {
    font-family: 'Quattrocento';
    font-weight: 600;
    font-size: 35px;
    width: 85%;
    color: #1b0f0feb;
    letter-spacing: 1px;
}

.will-changes p {
    font-family: Helvetica;
    color: #362f27c2;
    font-size: 15px;
    width: 80%;
    padding-top: 20px;
}

.will-changes button.btn.btn-warning {
    background: #EFC541;
    border-color: #EFC541;
    font-family: Helvetica;
    color: #fff;
    font-weight: 600;
    padding: 7px 24px;
    font-size: 15px;
    border-radius: 0;
    margin-top: 20px;
}

.the-full-store {
    background-image: url(../images/what-wedo.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.what-we-do h2 {
    color: #EFC541;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    padding-top: 4em;
}

.what-we-do h3 {
    color: #fff;
    font-family: 'Quattrocento';
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    letter-spacing: 1px;
    font-size: 32px;
}

.what-we-do p {
    text-align: center;
    width: 82%;
    margin: 0 auto;
    color: #ffffffb5;
    font-size: 15px;
    font-family: Helvetica;
    padding-top: 30px;
    padding-bottom: 2em;
}

.what-we-do button.btn.btn-warning {
    background: #EFC541;
    border-color: #EFC541;
    font-size: 15px;
    color: #fff;
    font-family: Helvetica;
    margin: 0 auto;
    display: block;
    margin-bottom: 4em;
    padding: 7px 22px;
    border-radius: 0;
    margin-bottom: 4em;
}

.picture-prisoners img:hover {
    transform: translate(-5px, -5px);
    transition: 0.8s;
}

section.choose-your-plan {
    padding-bottom: 4em;
    padding-top: 3em;
    background: #F9F9F9;
}

.picture-prisoners:after {
    content: '';
    position: absolute;
    background: #EFC541;
    width: 85%;
    height: 85%;
    z-index: -1;
    right: -8px;
    bottom: -9px;
}

.picture-prisoners {
    position: relative;
}

.plans p {
    color: #4F4F4E;
    font-family: 'helvetica';
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    padding-bottom: 1.6em;
}

.plans h2 {
    color: #1B0F0F;
    font-family: BentonSans-Medium;
    /*font-weight: 00;*/
    letter-spacing: 1px;
    text-align: center;
    font-size: 37px;
    /*padding-bottom: 1.6em;*/
}

.have-any h2 {
    color: #1b0f0fa6;
    font-family: 'helvetica';
    font-weight: 600;
    font-size: 26px;
    padding-top: 4em;
    letter-spacing: 2px;
}

.have-any p {
    color: #686868c9;
    font-family: 'helvetica';
    font-size: 15px;
    width: 77%;
}

.have-any button.btn.btn-warning {
    background-image: linear-gradient(180deg, #FFC100, #EFC541);
    border-radius: 36px;
    padding: 10px 36px;
    color: #367E98;
    box-shadow: 0px 7px 10px 0px #0000001f;
    font-family: 'helvetica';
    font-size: 16px;
    margin-top: 20px;
}

.bronze-plan h2 {
    /*background-image: linear-gradient(184deg, #38788F, #4097B7);*/
    background-image: linear-gradient(0deg, #8DC640, #006838);
    color: #ffffffd9;
    font-family: 'helvetica';
    font-size: 30px;
    padding: 16px 0 8px 0;
    text-align: center;
    border-radius: 15px 15px 0 0;
    display: none;
}

.bronze-plan h3 {
    color: #3E849E;
    font-family: 'helvetica';
    text-align: center;
    padding-top: 20px;
    font-size: 35px;
    letter-spacing: 2px;
}

.bronze-plan {
    background: #fff;
    box-shadow: 2px 7px 20px 0px #00000033;
    border-radius: 15px;
    position: relative;
    padding-bottom: 4em;
    margin-left: 9px;
    /*height: 540px;*/
    height: 350px;
}

.bronze-plan span {
    color: #909090;
    font-family: 'helvetica';
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    padding-top: 4em
}

.bronze-plan p {
    color: #686868;
    font-family: 'helvetica';
    text-align: center;
    padding: 0 42px;
    font-size: 15px;
    margin-bottom: 0rem;
    padding-top: 20px;
}

.bronze-plan ul li {
    list-style: none;
    color: #909090de;
    font-family: 'helvetica';
    font-size: 15px;
    padding: 0px 28px;
    margin-left: 24px;
}

.bronze-plan ul i:before {
    content: "\f00c";
    color: #FBAC0D;
    font-size: 20px;
    position: absolute;
    margin-top: 8px;
    left: 42px;
    display: inherit;
}

.bronze-plan button.btn.btn-warning {
    /*background-image: linear-gradient(180deg, #FFC100, #FFC100);*/
    background-image: linear-gradient(0deg, #8DC640, #006838);
    border-radius: 36px;
    padding: 10px 56px;
    color: #ffffff;
    font-family: 'helvetica';
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 6px 12px 0px #0000001f;
    margin-top: 25px !important;
}

.sliver-plan {
    /*background-image: linear-gradient(180deg, #38788F, #4097B7);*/
    margin-left: 9px;
    border-radius: 15px;
    box-shadow: 2px 7px 20px 0px #00000033;
    padding-bottom: 4em;
    position: relative;
    /*height: 540px;*/
    eight: 350px;
}

/*hover plan*/
.bronze-plan:hover {
    background-image: linear-gradient(0deg, #8DC640, #006838);
    position: relative;
}

.sliver-plan:hover {
    background-image: linear-gradient(0deg, #8DC640, #006838);
    position: relative;
}

.bronze-plan:hover.bronze-plan button.btn.btn-warning {
    background: #fff;
    color: black;
}

.sliver-plan:hover.sliver-plan button.btn.btn-warning {
    background: #fff;
    color: black;
}

.bronze-plan:hover.bronze-plan ul li {
    color: #fff;
}

.bronze-plan:hover.bronze-plan span {
    color: #fff;
}

.sliver-plan:hover.sliver-plan ul li {
    color: #fff;
}

.sliver-plan:hover.sliver-plan span {
    color: #fff;
}



/*end*/
.sliver-plan button.btn.btn-warning {
    /*background-image: linear-gradient(180deg, #FFC100, #FFC100);*/
    background-image: linear-gradient(0deg, #8DC640, #006838);
    border-radius: 36px;
    padding: 10px 56px;
    color: #ffffff;
    font-family: 'helvetica';
    font-size: 16px;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 6px 12px 0px #0000001f;
    /*margin-top: 92px !important;*/
    margin-top: 100px !important;
    font-weight: 700;
}

.sliver-plan h2 {
    color: #ffffffd9;
    background-image: linear-gradient(0deg, #8DC640, #006838);
    font-family: 'helvetica';
    font-size: 30px;
    padding: 16px 0 8px 0;
    text-align: center;
    border-radius: 15px 15px 0 0;
    display: none;
    /*border-bottom: 2px solid #ffffff2b;*/
}

.sliver-plan h3 {
    color: #EFC541;
    font-family: 'helvetica';
    text-align: center;
    padding-top: 20px;
    font-size: 35px;
    letter-spacing: 2px;
}

.sliver-plan p {
    color: #FFFFFF;
    font-family: 'helvetica';
    text-align: center;
    padding: 0 42px;
    font-size: 15px;
    margin-bottom: 0rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sliver-plan span {
    color: #909090;
    font-family: 'helvetica';
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    padding-top: 4em;
}

.sliver-plan ul li {
    list-style: none;
    /*color: #ffffffd1;*/
    color: #000000d1;
    font-family: 'helvetica';
    font-size: 15px;
    padding: 0px 22px;
    text-align: center;

}

.sliver-plan ul i:before {
    content: "\f00c";
    color: #FBAC0D;
    font-size: 20px;
    position: absolute;
    margin-top: 8px;
    left: 75px;
    display: inherit;
}

.picture p {
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 600;
    text-align: center;
    padding-top: 3em;
    font-size: 16px;
}

.picture h2 {
    color: #1B0F0F;
    font-family: 'Quattrocento';
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    padding-bottom: 1em;
    font-size: 34px;
}

.we-believe img {
    width: 50px;
}

.we-believe p {
    width: 72%;
    padding-top: 20px;
    color: #362f27d9;
    font-family: 'helvetica';
    font-size: 15px;
}

.we-believe button.btn.btn-warning {
    background: #EFC541;
    border-color: #EFC541;
    padding: 5px 30px;
    color: #fff;
    font-family: 'Quattrocento';
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 40px;
    margin-top: 1em;
}

section.picture-shipped {
    padding-bottom: 5em;
}

.we-believes img {
    width: 100%;
    transition: .5s;
}

.we-believes {
    position: relative;
    z-index: 9;
}

.web-designer-images:before {
    content: '';
    position: absolute;
    width: 45%;
    height: 53%;
    background: #F9E9B7;
    z-index: -1;
    top: 0px;
    right: 53px;
    transition: .3s
}

.web-designer-images:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 45%;
    background: #B6D0DA;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    transition: .3s;
}

.web-designer-images:hover:after {
    left: -19px;
    bottom: -19px;
}

.web-designer-images:hover:before {
    top: -19px;
    right: 40px;
}

.we-believes:after {
    content: '';
    position: absolute;
    background: #EFC541;
    width: 85%;
    height: 85%;
    z-index: -1;
    right: -8px;
    bottom: -9px;
}

.we-believes img:hover {
    transform: translate(-7px, -7px);
    transition: 0.8s;
}

.blog-main {
    background-color: #F6F2F2;
    padding-bottom: 4em;
    padding-top: 2em;
}

.hello-you img {
    width: 114%;
}

.bolg-heading p {
    color: #3E849E;
    font-family: 'helvetica';
    font-size: 16px;
    margin-left: 2rem;
    font-weight: 600;
}

.bolg-heading h2 {
    color: #1B0F0F;
    font-family: 'Quattrocento';
    margin-left: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 36px;
}

/* home page css end  */
/* about page css start  */
.aboutus-main-banner {
    background-image: url(../images/about-us-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 495px;
}

.aboutus-heading-second img {
    width: 100%;
    margin-top: 6em;
}

.full-store-about {
    padding-top: 5em;
    position: relative;
}

.aboutus-heading-second h6 {
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 600;
    margin-left: 58px;
    font-size: 17px;
    padding-bottom: 10px;
}

.aboutus-heading-second h2 {
    color: #1b0f0fe0;
    font-family: 'Quattrocento';
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 39px;
    padding-bottom: 30px;
}

.aboutus-heading-second p {
    color: #7e7e7ed1;
    font-size: 14px;
    font-family: 'helvetica';
    line-height: 24px;
}

.we-wantabout {
    position: relative;
    margin-left: 12em;
    padding-top: 3em;
    padding-bottom: 3em;
}

.we-wantabout img {
    position: absolute;
    left: -122px;
    top: 23px;
    width: 120px;
}

.we-wantabout p {
    color: #736D6D;
    font-family: 'helvetica';
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
}

.team-member-main {
    background-image: linear-gradient(180deg, #eff2f370, #EBEBEB00);
    padding-top: 4em;
    padding-bottom: 5em;

}

.parter-about p {
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 600;
    text-align: center;
    font-size: 17px;
}

.parter-about h2 {
    color: #1b0f0feb;
    font-family: 'Quattrocento';
    font-weight: 600;
    font-size: 36px;
    text-align: center;
    padding-bottom: 1em;
}

.parter-about-second h2 {
    color: #3E849E;
    font-family: 'Quattrocento';
    font-weight: 600;
    width: 45%;
    font-size: 30px;
    letter-spacing: 1px;
    padding-top: 1.4em;
}

.parter-about-second {
    margin-left: 10em;
}

.parter-about-second h5 {
    color: #575656;
    font-family: 'helvetica';
    font-weight: 800;
    padding-bottom: 20px;
    font-size: 21px;
    letter-spacing: 1px;
}

.parter-about-second ul li {
    list-style: none;
    color: #A8A8A8;
    font-family: 'helvetica';
    font-size: 17px;
    line-height: 27px;
    margin-left: 18px;
    width: 70%;
}

.parter-about-second ul {
    padding-left: 0rem;
    border-left: 1px solid #A8A8A8;
    position: relative;
    left: -20px;
}

.team-member-main-second {
    background-color: #FFFFFF;
    padding-bottom: 5em;
    position: relative;
}

.parter-about-second i {
    margin-right: 13px;
    font-size: 24px;
    color: #EFC541;
    text-align: center;
}

.web-designer-images img {
    width: 302px;
    margin-right: 30px;
    height: 371px;
}

.web-designer-image img {
    width: 302px;
    margin-left: 30px;
    height: 371px;
}

.web-designer-images {
    position: relative;
    z-index: 11;
}

/* .web-designer-images:before {
    content: 'T';
    position: absolute;
    color: #0000000a;
    font-size: 114px;
    font-family: 'Quattrocento';
    font-weight: 800;
    right: -26px;
    top: 74px;
} */
/* .web-designer-image:before {
    content: 'E';
    position: absolute;
    color: #0000000a;
    font-size: 114px;
    font-family: 'Quattrocento';
    font-weight: 800;
    left: -40px;
    top: 110px;
} */
.web-designer-michael img {
    width: 302px;
    margin-left: 30px;
    height: 371px;
}

.web-designer-charis img {
    width: 302px;
    margin-left: 30px;
    height: 371px;
}

.web-designer-michael {
    position: relative;
}

.web-designer-michael:before {
    content: 'A';
    position: absolute;
    color: #0000000a;
    font-size: 114px;
    font-family: 'Quattrocento';
    font-weight: 800;
    right: -70px;
    top: 120px;
}

.web-designer-charis {
    position: relative;
}

.web-designer-image {
    position: relative;
    z-index: 1;
}

.web-designer-image:before {
    content: '';
    position: absolute;
    width: 45%;
    height: 53%;
    background: #F9E9B7;
    z-index: -1;
    top: 2px;
    right: 24px;
    transition: .3s;
}

.web-designer-image:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 45%;
    background: #B6D0DA;
    left: 38px;
    bottom: 0px;
    z-index: -1;
    transition: .3s;
}

.web-designer-image:hover:after {
    left: 18px;
    bottom: -18px;
}

.web-designer-image:hover:before {
    top: -17px;
    right: 4px;
}

section.team-member-main-second:after {
    content: '';
    background-image: url(../images/up-arrow.png) !important;
    position: absolute;
    left: 36px;
    bottom: 33px;
    width: 31px;
    height: 146px;
}

.full-store-about:before {
    content: '';
    background-image: url(../images/down-arrow.png) !important;
    position: absolute;
    right: 36px;
    width: 31px;
    height: 146px;
    top: 33px;
}

section.team-member-main-second.hide:after {
    display: none;
}

/* goverment recis css start */
.goverment-main-banner {
    background-image: url(../images/government-racism.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
}

.goverment-second h2 {
    color: #1B0F0F;
    font-size: 34px;
    font-family: 'Quattrocento';
    font-weight: 600;
    padding-top: 2em;
    letter-spacing: 1px;
    padding-bottom: 1em;
    width: 60%;
}

.goverment-second ul li {
    list-style: none;
    background: #ECFAFF;
    padding: 7px;
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 32px;
    font-size: 16px;
    width: 62%;
}

.goverment-second p {
    color: #362f27eb;
    font-family: 'helvetica';
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 16px;
    padding-right: 53px;
}

.goverment-second ul li:before {
    content: "\f0da";
    color: #0096D7;
    font-family: FontAwesome;
    font-size: 27px;
    position: absolute;
    left: 0px;
    margin-top: -5px;
}

.goverment-second {
    position: relative;
}

section.government-racism-main {
    padding-bottom: 2em;
}

.goverment-second li.georgy {
    width: 42%;
}

.goverment-second li.emmett {
    width: 33%;
}

.goverment-second li.history {
    width: 42%;
}

.goverment-second li.twenty {
    width: 40%;
}

.goverment-second li.euuity {
    width: 43%;
}

.goverment-second li.strenght {
    width: 39%;
}

.goverment-second li.condemning {
    width: 69%;
}

.goverment-second li.social {
    width: 48%;
}

.goverment-second li.retain {
    width: 24%;
}

/* sign up by page csss start */
.sign-by-power h2 {
    font-size: 31px;
    font-family: 'Quattrocento';
    font-weight: 600;
    color: #1B0F0F;
    letter-spacing: .6px;
    padding-top: 4em;
}

.sign-by-power p {
    color: #3E849E;
    font-size: 15px;
    font-family: Helvetica;
    padding-top: 10px;
    padding-bottom: 30px;
    font-weight: 500;
}

.sign-by-power {
    text-align: center;
}

.sign-by-power button.btn.btn-warning {
    background: #F5F5F5;
    border-color: #F5F5F5;
    width: 375px;
    margin-bottom: 25px;
    padding: 14px 0 15px 0;
    position: relative;
    font-size: 17px;
    color: #686767;
    font-family: 'helvetica';
    border-radius: 8px;
}

.sign-by-power img {
    position: absolute;
    left: 40px;
    top: 11px;
}

.sign-by-power h6 {
    color: #3E849E;
    font-family: 'helvetica';
    font-size: 22px;
    padding-bottom: 13px;
    letter-spacing: 2px;
}

.sign-with-email button.btn.btn-warning {
    background: #3E849E;
    border-color: #3E849E;
    width: 375px;
    margin-bottom: 55px;
    padding: 14px 0 15px 0;
    position: relative;
    font-size: 17px;
    color: #fff;
    font-family: 'helvetica';
    border-radius: 8px;
}

/* state re-entry page css start  */
.stateentry-banner {
    background-image: url(../images/state-entry.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 497px;
}

.justice-system-main {
    box-shadow: 0px 5px 14px 0px #0000002b;
    display: flex;
    padding: 10px 0px 10px 22px;
    margin-bottom: 3em;
}

.justice-system img {
    width: 50px;
}

.justics-heading p {
    color: #000000;
    font-family: 'Quattrocento-bold';
    margin-left: 20px;
    padding-top: 22px;
    font-size: 17px;
    /* height: 47px;
    overflow: hidden; */
}

section.main-pdf-entry {
    padding-top: 3em;
}

section.main-pdf-entry a {
    text-decoration: none;
}

.search-input {
    width: 100%;
    font-family: Helvetica;
    font-size: 22px;
    padding: 15px 45px 15px 56px;
    background-color: inherit;
    color: #6c6c6c;
    border-radius: 0px;
    border-bottom: 1px solid #0000002b !important;
    border: none;
    margin-bottom: 2em;
}

.search-input:focus {
    border: none;
    outline: none;
    box-shadow: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
}

.search-btn {
    background-color: transparent;
    font-size: 23px;
    padding: 0;
    margin-left: -35px;
    border: none;
    color: #6c6c6c;
    transition: all .4s;
    z-index: 10;
    position: relative;
    left: 36px;
}

/* services page css start */
.services-main-banner {
    background-image: url(../images/services-page-banner.png);
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}

section.picture-shipped.services-plan {
    background-image: linear-gradient(0deg, #eff2f3d6, #ebebeb08);
}

section.choose-your-plan.services-mains {
    background: #fff;
}

.research-services {
    background-image: url(../images/services-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 4em;
    padding-top: 4em;
    position: relative;
}

.we-provider img {
    width: 100%;
    padding: 6px;
    position: relative;
    z-index: 99;
}

.we-provider {
    position: relative;
}

.we-provider:before {
    content: '';
    width: 29%;
    height: 45%;
    background: #EFC541;
    position: absolute;
    bottom: -15px;
    left: -15px;
    transition: 0.5s
}

.we-provider:hover:after {
    right: 7px;
    top: 9px;
}

.we-provider:hover:before {
    bottom: 7px;
    left: 9px;
}

.we-provider:after {
    content: '';
    width: 25%;
    height: 48%;
    background: #EFC541;
    position: absolute;
    right: -15px;
    top: -14px;
    transition: 0.5s
}

.consultation-main {
    background-image: url(../images/book-consultings.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 5em;

}

.we-provider-image h2 {
    color: #FFFFFF;
    font-family: Quattrocento-bold;
    font-size: 39px;
    padding-top: .7em;
}

.we-provider-image img {
    width: 60px;
    margin-bottom: .5em;
    margin-top: .7em;
}

.we-provider-image p {
    color: #ffffffe0;
    font-family: 'helvetica';
    font-size: 15px;
    width: 49%;
    padding-bottom: 1em;
}

.we-provider-image {
    margin-left: 4em;
}

.we-provider-image button.btn.btn-warning {
    background: #EFC541;
    border-color: #EFC541;
    border-radius: 40px;
    padding: 5px 36px;
    color: #3E849E;
    font-family: 'Quattrocento-bold';
    font-size: 18px;
    text-align: center;
}

.book-consultation h5 {
    color: #3E849E;
    text-align: center;
    font-family: 'helvetica';
    font-weight: 800;
    padding-top: 5em;
    font-size: 16px;
    letter-spacing: .5px;
}

.book-consultation h2 {
    color: #1b0f0feb;
    font-family: 'Quattrocento-bold';
    text-align: center;
    padding-bottom: 1rem;
    font-size: 35px;
    letter-spacing: 1px;
}

.book-consultation p {
    color: #362f27d4;
    font-family: 'helvetica';
    text-align: center;
    width: 54%;
    margin: 0 auto;
    font-size: 16px;
    padding-bottom: 2.5em;
}

.book-consultation button.btn.btn-warning {
    background: #EFC541;
    border-color: #EFC541;
    border-radius: 40px;
    padding: 10px 28px;
    margin: 0 auto;
    display: block;
    color: #fff;
    font-family: 'helvetica';
}

.book-consultation button.btn.btn-warning:hover {
    background-color: #3E849E;
    border-color: #3E849E;
}

.prisonas h5 {
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 17px;
    text-align: center;
    padding-top: 3em;
}

.prisonas h2 {
    text-align: center;
    color: #1b0f0fe0;
    padding-bottom: 1.4em;
    font-family: 'Quattrocento-bold';
    letter-spacing: 1px;
    font-size: 32px;
}

.conselting-service img {
    width: 100%;
}

/* .conselting-service::after {
  content: '';
   position: absolute;
    background: #EFC541;
    width: 85%;
    height: 85%;
    z-index: -1;
    left: -8px;
    bottom: -9px;
}
.conselting-service{
    position: relative;
} */
.conselting-service-heading {
    margin-left: 6em;
}

.conselting-service-heading p {
    color: #362F27;
    font-family: 'helvetica';
    width: 58%;
    text-align: center;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 1rem;
    padding-bottom: 2em;
}

.for-frist-main {
    padding-bottom: 4em;
    position: relative;
}

.conselting-service-heading button.btn.btn-warning {
    background: inherit;
    border: 2px solid #EFC541;
    border-radius: 8px;
    padding: 20px 35px;
    font-size: 23px;
    color: #3E849E;
    font-family: 'Quattrocento-bold';
}

.conselting-service-heading button.btn.btn-warning:hover {
    background-color: #3E849E;
    border-color: #3E849E;
    color: #fff;
}

.conselting-service-heading h6 {
    color: #362F27;
    font-family: 'helvetica';
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 63%;
    text-align: center;
    margin-left: -13px;
    padding-top: 14px;
}

.conselting-service-heading .col-md-6.right:before {
    content: '';
    width: 2px;
    height: 144px;
    position: absolute;
    background: #7070703d;
    top: 15.5em;
    margin-left: -92px;
}

.we-provider-image:before {
    content: '';
    width: 30px;
    height: 146px;
    position: absolute;
    background-image: url(../images/up-arrow.png);
    right: 76px;
    bottom: 3em;
}

/* services page css end  */

/* login page css start */
.profile-main-banner {
    background-image: url(../images/profile-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 418px;
    background-position: right;
}

/* .profile-main-welcome:before{
     content: '';
    background-image: url(../images/down-arrow.png);
    position: absolute;
    width: 31px;
    height: 148px;
    left: 40px;
    top: 45px;
}
.profile-main-welcome:after{
    content: '';
    background-image: url(../images/up-arrow.png);
    position: absolute;
    width: 31px;
    height: 147px;
    right: 32px;
    bottom: -46px;
} */
.profile-main-welcome {
    background-image: url(../images/profile-image-second.png);
    padding-top: 6em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;

}

.welcome-anegela {
    background: #3E849E;
    border-radius: 11px 11px 0px 0px;
}

.welcome-anegela h2 {
    color: #FFFFFF;
    padding: 8px 0px 10px 50px;
    font-size: 25px;
    font-family: 'helvetica';
    margin-bottom: 0rem;
}

.public-profile {
    background: #F9F9FC;
    box-shadow: 6px 3px 11px 0px #00000029;
    padding-bottom: 1em;
}

.images-profile img {
    width: 107px;
    margin: 0 auto;
    display: block;
    padding-top: 2em;
}

.public-profile h3 {
    font-size: 30px;
    color: #000000;
    font-family: 'Quattrocento-bold';
    text-align: center;
    padding-top: 10px;
}

ul.bookings-profile {
    padding-left: 0;
    position: relative;
}

ul.bookings-profile li a {
    display: inline-block;
    width: 100%;
    padding: 15px 60px;
    color: #222;
}

.public-profile ul li {
    margin-bottom: 3px;
    list-style: none;
    color: #2C2C2D;
    font-family: 'helvetica';
    font-size: 17px;
}

ul.bookings-profile li a i {
    margin-right: 15px;
}

ul.bookings-profile li a:hover {
    background: #dfc407;
    color: #fff;
}

ul.bookings-profile {
    padding-left: 0;
    position: relative;
}

.public-profile p {
    color: #2C2C2D;
    font-family: 'helvetica';
    font-size: 17px;
    display: flex;
    gap: 40px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    justify-content: center;
}

ul.bookings-profile a {
    text-decoration: none;
}

.public-profile button.btn.btn-warning {
    background: inherit;
    border-color: #707070;
    margin: 0 auto;
    display: block;
    padding: 7px 20px;
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 17px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 20px;
}

.public-profile p:before {
    width: 1px;
    content: '';
    height: 29px;
    position: absolute;
    background: #707070;
}

.public-profile-edit {
    background-color: #F6F6F6;
    padding-top: 2em;
    height: 673px;
}

.public-profile-edit button.btn.btn-warning {
    background: inherit;
    border-color: #3E849E;
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 600;
    letter-spacing: 1px;
    float: right;
    padding: 8px 20px;
    font-size: 17px;
    margin-right: 4em;
}

.public-profile-edit h2 {
    color: #676767;
    font-size: 25px;
    font-family: 'helvetica';
    padding-top: 2.5em;
    padding-bottom: 5px;
}

.public-profile-edit p {
    background: #fff;
    width: 84%;
    padding: 6px 0px 7px 40px;
    color: #2C2C2D;
    font-family: 'helvetica';
    font-size: 18px;
}

.profile-main-welcome .col-md-9 {
    padding-left: 0rem;
}

.public-profile-edit h3 {
    color: #676767;
    font-family: 'helvetica';
    font-size: 25px;
    padding-top: 20px;
    padding-bottom: 5px;
}

.public-profile-edit {
    padding-left: 3em;
}

.public-profile-edit ul li {
    list-style: none;
    color: #2C2C2D;
    font-family: 'helvetica';
    font-size: 16px;
}

.public-profile-edit ul {
    display: flex;
    background: #fff;
    width: 84%;
    padding: 9px 0px;
    justify-content: space-around;
}

.public-profile-edit textarea#subject {
    border: none;
    padding-left: 2em;
    padding-top: 1em;
    border-radius: 0;
    width: 84%;
    margin-top: 1em;
    font-family: 'helvetica';
}

.public-profile-edit textarea#subject::placeholder {
    color: #D0D0D4;
    font-size: 16px;
}

.public-profile-edit textarea#subject:focus-visible {
    outline: none;
}

.sign-here h5 {
    color: #3e3e3e;
    font-size: 16px;
    font-family: 'helvetica';
    padding-bottom: 2em;
    text-align: center;
}

.sign-here a {
    color: #198754;
    text-decoration: none;
    font-size: 14px;
    font-family: 'helvetica';
    padding-bottom: 2em;
    text-align: center;
}

/* dropdown css start  */
.dropbtn {
    background: none !important;
    font-size: 16px;
    font-family: BentonSans-Regular;
    color: #1F201F;
    /* margin-top: 9px; */
    /* font-weight: 500; */
}
button#dropdownMenuButton1 {
    margin-top: 0px;
    letter-spacing: 1px;
    padding: 0;
    display: flex;
    align-items: center;
}
/* .dropbtn:hover{
    background: none !important;
    font-size: 14px;
    font-family: BentonSans-Regular;
    color: #000000b3 !important;
    margin-top: 11px;
} */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown button#dropdownMenuButton1:focus {
    box-shadow: inherit !important;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff !important;
    font-family: 'BentonSans-Regular';
    min-width: 230px !important;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
    z-index: 1;
    left: -19px;
}

.dropdown-content a {
    color: #fff;
    padding: 9px 16px;
    text-decoration: none;
    display: block;
    font-size: 16px !important;
}

/* ul.dropdown-menu li a:hover {
  background-color: #EFC541;
} */
.dropdown-content a:hover {
    background-color: #006838;
    color: #fff;
}

/* .dropdown:hover .dropdown-content {
  display: block;
} */
/* end */
/* forum css start */
.forum-main-banner {
    background-image: url(../images/forum-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 445px;
}

.forum-heading input[type="text"] {
    padding: 10px 48px 10px 20px;
    display: block;
    width: 45%;
    border-radius: 30px;
    border: none;
}

.contact-heading.forum-heading p {
    padding-bottom: 12px !important;
}

.contact-heading.forum-heading i.fa.fa-search {
    position: relative;
    color: #0000006b;
    font-size: 20px;
    left: -46px;
    top: 13px;
}

.forum-heading {
    position: relative;
}

.share-store ul {
    list-style: none;
    display: flex;
    padding-left: 0rem;
}

.share-store ul li {
    padding-right: 42px;
    color: #000000;
    font-family: 'helvetica';
    font-size: 15px;
}

.share-store {
    float: left;
}

.all-posts {
    float: right;
}

.comman-forum img {
    width: 100%;
    margin-top: 3em;
}

section.general-section {
    padding-top: 3em;
    background: #E5F7FE;
    padding-bottom: 4em;
}

.forum-nav {
    display: flow-root;
    border-bottom: 2px solid #7070701c;
    height: 34px;
}

.all-posts button {
    color: #FFFFFF;
    padding: 5px 21px;
    background-image: linear-gradient(180deg, #1D86AC, #49A8CC);
    border: none;
    font-size: 15px;
    font-family: 'helvetica';
}

.comman-forum {
    position: relative;
}

.comman-forum h2 {
    position: absolute;
    top: 3em;
    color: #fff;
    left: 35px;
    font-size: 33px;
    font-family: 'Quattrocento-bold';
}

.comman-forum p {
    position: absolute;
    color: #fff;
    bottom: 8.5em;
    left: 38px;
    font-size: 14px;
    font-family: 'helvetica';
}

.comman-forum ul {
    position: absolute;
    top: 0;
    right: 51px;
    display: flex;
    list-style: none;
    padding-top: 4em;
}

.comman-forum ul li {
    margin-right: 20px;
    background: #ffffffbf;
    color: #362F27;
    padding: 7px 15px;
    border-radius: 4px;
    font-family: 'helvetica';
}

.comman-forum button {
    background: #EFC541;
    border-radius: 5px;
    padding: 7px 22px;
    font-size: 16px;
    color: #362F27;
    font-family: 'helvetica';
    border: none
}

.contact-heading.forum-heading ul li {
    list-style: none;
    justify-content: center;
    display: flex;
}

.white-background {
    background: #fff;
    padding: 16px 0 12px 0;
    box-shadow: 0px 1px 11px 0px #00000029;
    border-radius: 3px;
}

.forum-white h5 {
    color: #00000082;
    font-family: 'helvetica';
    font-weight: 600;
    font-size: 16px;
    margin-left: 3em;
}

.forum-white i.fa.fa-heart {
    color: #FF0000;
    position: relative;
    left: -5px;
    font-size: 20px;
}

.forum-white span {
    color: #00000082;
    font-family: 'helvetica';
    font-weight: 600;
    font-size: 16px;
    padding: 0 25px;
}

.forum-white button {
    background: #F3F3F3 !important;
    color: #3E849E !important;
    font-family: 'helvetica';
    border-radius: 30px !important;
    padding: 3px 18px !important;
    margin: 0px !important;
    font-weight: 600 !important;
}

.forum-white i.fa.fa-clock {
    color: #00000063;
    position: relative;
    left: -5px;
}

.contact-heading.forum-heading input::placeholder {
    font-size: 16px;
    font-family: 'helvetica';
}

section.new-pots h2 {
    text-align: center;
    color: #1B0F0F;
    padding-top: 1em;
    font-family: 'Quattrocento-bold';
    font-size: 40px;
    padding-bottom: 1em;
}

.take-second {
    display: flex;
    /* padding-top: 50px;
    padding-left: 21px; */
}

.take-community img {
    width: 50px;
    margin-right: 10px;
}

.community-take-heading h3 {
    color: #000000;
    font-family: 'helvetica';
    /* font-weight: 600; */
    font-size: 16px;
    /* padding-top: 11px; */
    /* padding-left: 14px; */
    margin-bottom: 5px;
}

.community-take-heading p {
    color: #000000;
    font-family: 'helvetica';
    padding-left: 0px !important;
    font-size: 13px !important;
    width: 100% !important;
}

.take-community-frist {
    background: #fff;
    box-shadow: 0px 2px 10px 0px #00000029;
    /* padding: 10px; */
    padding: 7%;
    border-radius: 20px;
    position: relative;
}

.take-community-frist h5 {
    color: #000000;
    font-family: 'helvetica';
    /* font-weight: 600; */
    font-size: 16px;
    /* padding: 5px 25px; */
    letter-spacing: .5px;
    height: 40px;
    overflow: hidden;
}

.take-community-frist h6 {
    color: #00000085;
    font-family: 'helvetica';
    /* font-weight: 600; */
    font-size: 17px;
    /* padding-left: 25px; */
}

.take-community-frist h6.contentt p {
    font-size: 15px;
}

.take-community-frist p {
    color: #2d2d2d99;
    font-family: 'helvetica';
    /* padding-left: 25px; */
    font-size: 17px;
    width: 88%;
    padding-bottom: 10px;
}

.take-community-frist:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #3E849E;
    z-index: -2;
    right: -7px;
    top: -7px;
    border-radius: 24px;
}

section.new-pots {
    padding-bottom: 2em;
}

.new-pots .col-md-4 {
    padding: 20px;
}

.liked {
    float: left;
    display: contents;
}

.commentss {
    float: right;
}

.liked-border {
    border-top: 1px solid #00000026;
    /* padding: 4px 22px; */
    padding-top: 5px;
}

.liked-border span {
    font-family: 'helvetica';
    color: #2d2d2db3;
    font-size: 18px;
}

.liked i.fa.fa-heart {
    color: #FF0000;
}

/* more pages css start */
.goverment-sexims {
    background-image: url(../images/government-racism.png);
    height: 400px;
    background-size: cover;
}

section.goverment-sexims h1 {
    padding-top: 4em;
    text-align: center;
    font-size: 50px;
    color: #fff;
    font-family: 'Quattrocento';
}

.sexicms h2 {
    padding: 3em;
    font-size: 32px;
    color: #1B0F0F;
    font-family: 'helvetica';
}

/* new post page css */
.search-create-post i.fa.fa-search {
    color: grey;
    position: relative;
    left: 30px;
}

section.main-newpost-section {
    padding: 3em;
}

.search-create-post input[type="text"] {
    background: #FFFFFF;
    border: 1px solid #D8DCDD;
    padding: 6px 15px;
    font-family: 'helvetica';
    color: #9E9E9E;
    border-radius: 5px;
    font-size: 16px;
    width: 95%;
}

.search-create-post ul {
    list-style: none;
    padding-left: 0rem;
}

.newpost-blog ul li {
    list-style: none;
    margin-right: 10px;
}

/* .newpost-blog ul li a {
    text-decoration: none;
    color: #000000;
    font-family: 'helvetica';
    border: 1px solid #D8DCDD;
    padding: 7px 23px;
    border-radius: 38px;
    margin-right: 12px;
} */

.newpost-blog ul li a {
    text-decoration: none;
    color: #000000;
    font-family: 'helvetica';
    border: 1px solid #D8DCDD;
    padding: 6px 15px;
    border-radius: 38px;
    vertical-align: middle;
}

.newpost-blog ul {
    display: flex;
    padding-left: 0rem;
    padding-top: 8px;
}

.background-create {
    box-shadow: 0px 3px 13px 0 #00000029;
    padding: 50px 40px 25px 41px;
    background: #fff;
}

.background-create .row.linesss {
    border-bottom: 1px solid #0000002b !important;
    width: 100%;
}

.row.linesss {
    border-bottom: 1px solid #0000002b !important;
    width: 100%;
}

.select-search-bar {
    padding-top: 2em;
}

.select-search-bar select#cars {
    width: 70%;
    padding: 6px 12px;
    background: #fff;
    font-family: 'helvetica';
}

.textarea-create-main textarea#subject {
    border: 2px dashed #686868;
    padding: 82px 30px 30px 30px;
    /* background-image: linear-gradient(to right, transparent 50%, #223049 50%);
    background-size: 90px 100%; */
}

.textarea-create-main textarea:focus-visible {
    outline: none;
}

.button-submit button {
    background: #fff;
    border: 1px solid #757575;
    padding: 6px 40px;
    box-shadow: 0px 2px 10px 0px #00000029;
    margin: 0 auto;
    color: #757575;
    font-family: 'helvetica';
    border-radius: 8px;
    margin-right: 24px;
}

.button-submit {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 3em;
}

.button-submit button.publish {
    background: #3E849E;
    color: #fff;
    font-family: 'helvetica';
    border-radius: 6px;
    padding: 7px 40px;
}

textarea::placeholder {
    color: #9F9F9F;
    font-family: 'helvetica';
    font-size: 16px;
}

.table>:not(:first-child) {
    border-top: 1px solid currentColor;
}

.table-past-main tbody tr td {
    font-family: 'helvetica';
}

.table-past-main th.chat-box {
    padding: 1px 1px 1px 10px;
    text-align: center;
    width: 82px;
}

.table-past-main td.take-communtity {
    font-size: 12px;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
}

.table-past-main th.recent {
    width: 159px;
    font-size: 14px;
    text-align: left;
}

.table-past-main td.example {
    padding-left: 27px;
    font-size: 16px !important;
}

.table-past-main tr.main-headiing-table {
    font-size: 18px;
    vertical-align: middle;
    height: 50px;
    color: #00000082;
}

.table-past-main .caption-top {
    caption-side: top;
    border: 1px solid #00000042;
}

.table-past-main tr.all-class-same {
    height: 73px;
    vertical-align: middle;
}

.table-past-main {
    padding-top: 3em;
    padding-bottom: 1em;
}

.mark-read {
    border: 1px solid #00000042;
    ;
    padding: 15px;
    height: 66px;
    border-bottom: none;
}

.table-past-main span.seolnk {
    display: block;
    font-size: 15px;
}

/* government-racism page css start */
.goverment-seximss {
    background-image: url(../images/goverment-sexims.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 444px;
}

.more-information li.discriminition {
    width: 41% !important;
    font-size: 30px !important;
    margin-top: 60px;
    font-family: Quattrocento-bold !important;
    margin-bottom: 25px !important;
}

.Based-sexics ul li:before {
    content: "\f0da";
    color: #0096D7;
    font-family: 'FontAwesome';
    font-size: 39px !important;
    position: absolute;
    left: 0px;
    margin-top: -5px !important;
}

.more-information p.research-para {
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: 600;
    font-size: 17px;
    padding-bottom: 22px !important;
}

.goverment-second.Based-sexics ul p {
    padding-top: 0px !important;
    padding-right: 0px !important;
}

.more-information {
    position: relative;
}

.more-information::after {
    content: '';
    background-image: url(../images/up-arrow.png);
    width: 31px;
    height: 146px;
    position: absolute;
    right: 35px;
    bottom: 56px;
}

/* hood-suburbs page css start */
.hood-suburbs {
    background-image: url(../images/hoodvs.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
}

.graph img {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 50px;
}

.hdbs img {
    width: 100%;
    margin-top: 4em;
}

.proformance ul li:before {
    content: "\f0da";
    color: #0096D7;
    font-family: 'FontAwesome';
    font-size: 39px !important;
    position: absolute;
    left: 0px;
    margin-top: -5px !important;
}

.proformance {
    position: relative;
    padding: 3em 0 0 0;
}

.proformance ul li {
    list-style: none;
    color: #3E849E;
    font-family: 'Quattrocento';
    font-weight: 800;
    font-size: 30px;
    background: #ECFAFF;
    padding: 7px;
    padding-left: 32px;
    width: 44%;
    margin-left: 2rem;
    margin-bottom: 1em;
}

.proformance ul {
    padding-left: 0rem;
}

.proformance ul p {
    color: #362F27;
    font-size: 15px;
    font-family: 'helvetica';
    width: 75%;
}

/* forum details page css */
.main-dropdown .dropdown {
    position: relative;
    display: inline-block;
    float: right;
    top: -75px;
}

.main-dropdown .dropdown-toggle::after {
    display: none;
}

.forums-second i.fa.fa-ellipsis-v {
    color: black;
}

.forums-second button#dropdownMenuButton1 {
    background: inherit;
    border: none;
}

.forums-second button#dropdownMenuButton1:focus {
    box-shadow: none;
}

.july-main {
    display: flex;
}

.unnamed-images img {
    border-radius: 50%;
    width: 40px;
    margin-right: 20px;
}

.images-seo h3 {
    font-size: 18px;
    font-family: 'helvetica';
}

.images-seo p {
    font-family: 'helvetica';
    font-size: 16px;
}

.forums-second ul.dropdown-menu.show {
    position: absolute !important;
    left: -157px !important;
    inset: 0px auto auto 0px;
    margin: 0px;
    width: 220px !important;
    transform: translate(0px, 38px);
}

.forums-second ul.dropdown-menu li a {
    padding-bottom: 11px;
    font-family: 'helvetica';
    font-size: 14px;
    padding-left: 35px;
    position: relative;
}

.forums-second ul.dropdown-menu a.dropdown-item i {
    left: -14px;
    position: relative;
    font-size: 18px;
}

.example-share h2 {
    font-family: 'helvetica';
    font-size: 28px;
    line-height: 41px;
    color: #000000;
}

.example-share a {
    text-decoration: none;
    color: #000000;
    font-size: 18px;
}

.example-share p {
    font-family: 'helvetica';
    font-size: 16px;
    padding-top: 15px;
}

.example-share img {
    width: 100%;
    margin: 20px 0;

}

.example-share ul {
    display: flex;
    list-style: none;
    padding-top: 2em;
    padding-left: 0rem;
}

.example-share ul li {
    padding-right: 32px;
    font-size: 17px;
    font-family: 'helvetica';
    position: relative;
    padding-left: 10px;
}

.example-share ul li i {
    position: relative;
    left: -9px;
}

.power-forum-second button.btn.btn-dark {
    width: 100%;
    text-align: center;
    font-family: 'helvetica';
    font-size: 18px;
    padding: 7px 24px;
    border-radius: 0;
    margin: 0 auto;
    margin-bottom: 20px;
}

.power-forum-second button.btn.btn-outline-secondary {
    width: 100%;
    border-radius: 0;
    text-align: center;
    padding: 8px 30px;
    font-size: 16px;
    font-family: 'helvetica';
}

.power-forum-second ul {
    list-style: none;
    border: 1px solid #000000;
    margin-top: 1.5em;
    padding: 21px 14px 0px 22px;
}

.power-forum-second ul li {
    font-family: 'helvetica';
    padding-bottom: 20px;
    position: relative;
    padding-left: 15px;
    font-size: 15px;
}

.power-forum-second ul li i {
    left: -10px;
    position: relative;
    font-size: 19px;
    color: #00000070;
}

.power-forum-second ul.similar-posts h3 {
    font-family: 'helvetica';
    font-size: 20px;
    padding-left: 15px;
}

.power-forum-second {
    position: sticky;
    top: 0;
    padding-bottom: 16px;
}

.write-comment {
    border-top: 1px solid #00000085;
}

.write-comment h4 {
    font-family: 'helvetica';
    padding: 12px 0 20px 0;
    font-size: 21px;
}

.write-comment textarea::placeholder {
    font-family: 'helvetica';
    font-size: 16px;
    color: #000000;
}

/* human trafficking page css start */
.goverment-trafficking {
    background-image: url(../images/human-traffering-banner.png);
    height: 540px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.second-human-trafficking h2 {
    background: #ECFAFF;
    font-family: 'Quattrocento-bold';
    color: #3e849ef2;
    padding: 6px 0 6px 25px;
    font-size: 32px;
    list-style: none;
    margin-bottom: 1em;
}

section.violence-human {
    padding-top: 3em;
}

.second-human-trafficking p {
    color: #362F27;
    font-family: 'helvetica';
    font-size: 15px;
    width: 86%;
}

.second-human-trafficking {
    position: relative;
}

.second-human-trafficking h2:before {
    content: "\f0da";
    color: #0096D7;
    font-family: 'FontAwesome';
    font-size: 45px;
    position: absolute;
    left: -33px;
    margin-top: -8px;
}

.benifits_tabs.angular .tab {
    float: left;
    background-color: #adb5bd;
    width: 30%;
}

.benifits_tabs.angular .tabcontent {
    background: unset;
    padding: 0;
}

.benifits_tabs .tabcontent {
    float: left;
    border: 0 solid #ccc;
    position: relative;
    width: 62%;
    border-left: none;
    height: auto;
    margin-left: 45px;
    background: #d3eaec;
    padding: 15px;
    border-radius: 20px;
}

.angular_platform {
    display: inline-flex;
    width: 100%;
}

.benifits_tabs.angular .tabcontent {
    background: unset;
    padding: 0;
}

.benifits_tabs.angular .tab h3 {
    font-size: 16px;
    margin-bottom: 0;
}

.benifits_tabs.angular .tab button.active {
    background-color: #3E849E;
    color: #fff;
}

.benifits_tabs .tab button {
    display: block;
    background-color: #e9f0f3;
    color: #3E849E;
    padding: 18px 8px;
    width: 100%;
    border: none;
    border-bottom: 20px solid #f9fafb;
    outline: 0;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    font-family: 'helvetica';
    font-weight: 500;
}

section.tabing-main-role {
    padding: 3em 0;
    background-image: linear-gradient(0deg, #eff2f380, #EBEBEB00);
}

.angular_desc img {
    width: 100%;
}

.angular_desc h3 {
    color: #3D3C3C;
    font-family: 'Quattrocento-bold';
    padding-top: 1em;
    font-size: 30px;
}

.angular_desc p {
    color: #362F27;
    font-family: 'helvetica';
    font-size: 15px;
}

.justics-system-banner {
    background-image: url(../images/criminal-justice.png);
    background-size: cover;
    height: 570px;
    background-position: bottom;
}

.contact-heading.criminal-second p {
    width: 98%;
}

.hood-bottom h1 {
    padding-top: 8em;
    text-align: center;
    color: #fff;
    font-family: 'Quattrocento-bold';
}

.vs-centers h1 {
    padding-top: 4.5em;
    text-align: center;
    color: #ffffff73;
    font-family: 'helvetica';
    font-size: 50px;
}

.suburbs-end h1 {
    padding-top: 8em;
    color: #fff;
    font-family: 'Quattrocento-bold';
}

.state_changes select {
    width: 70%;
    background: #3E849E;
    color: #fff;
    font-family: 'helvetica';
    padding: 10px 15px;
}

.clicking-select h4 {
    color: #000000;
    font-family: 'Quattrocento-bold';
    font-size: 24px;
    line-height: 35px;
    padding: 20px 0;
}

.select-state-main {
    padding-bottom: 3em;
}

.clicking-select a {
    text-decoration: none;
    font-family: 'helvetica';
    color: #362F27;
    font-size: 16px;
}

.national-inmat {
    background-image: url(../images/select-state-main.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 330px;
}

.banner-heading-select h1 {
    padding-top: 5em;
    text-align: center;
    color: #fff;
    font-family: 'Quattrocento-bold';
}

.trafficked-victus p {
    color: #000000;
    font-family: Quattrocento-bold;
    font-size: 18px;
    width: 83%;
    padding-top: 3em;
}

.paying-little-images img {
    width: 100%;
    margin-top: 3em;
}

.trafficked-victus ul li {
    list-style: none;
    padding-bottom: 19px;
    font-size: 15px;
    font-family: 'helvetica';
    color: #362F27;
}

.trafficked-victus {
    position: relative;
}

.trafficked-victus ul li:before {
    content: "\f061 ";
    color: #FAB005;
    font-family: fontawesome;
    font-size: 18px !important;
    position: absolute;
    left: -3px;
    margin-top: -2px !important;
}

p.national-human {
    padding-top: 20px;
    padding-bottom: 15px;
}

h2.same-often {
    width: 35%;
}

.violence-human {
    background-image: linear-gradient(0deg, #fff, #eff2f3b0, #EBEBEB00);
}

h2.may-headind {
    margin-top: 2em;
    width: 36%;
}

.row.minimum-united {
    background: #F5F5F5;
    border-radius: 15px;
    margin-bottom: 2em;
}

h2.statistics-headind {
    width: 30%;
}

.row.labor-backpage {
    background: #f5f5f5a1;
    border-radius: 15px;
    padding: 21px 0 0 7px;
    margin-bottom: 2em;
}

.forced-image img {
    width: 100%;
}

.row.desktop-hide {
    display: none !important;
}

.address.col-12 input,
select {
    width: 88%;
    padding: 12px;
    border: 1px solid #E5E4E4;
    border-radius: 8px;
    resize: vertical;
    margin-bottom: 30px;
    color: #4A4A4A;
    background: #FFFFFF;
    padding-left: 15px;
    margin: 0 auto;
}

.feedback-sign-up input,
select {
    width: 75%;
    padding: 12px;
    border: 1px solid #E5E4E4;
    border-radius: 8px;
    resize: vertical;
    margin-bottom: 30px;
    color: #4A4A4A;
    background: #FFFFFF;
    padding-left: 15px;
    margin: 0 auto;
}

/*.signup{*/

/*     width: 65%;*/
/*    padding: 12px;*/
/*    border: 1px solid #E5E4E4;*/
/*    border-radius: 8px;*/
/*    resize: vertical;*/
/*    margin-bottom: 30px;*/
/*    color: #4A4A4A;*/
/*    background: #FFFFFF;*/
/*    padding-left: 40px;*/
/*}*/
.address.col-12 label {
    color: #727272;
    font-family: 'helvetica';
    text-align: start !important;
    display: block;
    width: 86%;
    margin: auto;
    padding: 20px 0 7px 0;
}

.feedback-sign-up label {
    color: #727272;
    font-family: 'helvetica';
    text-align: start !important;
    display: block;
    width: 74%;
    margin: auto;
    padding: 20px 0 7px 0;
}

/*.register-button button {*/
/*    background: #3E849E;*/
/*    border-color: #3E849E;*/
/*    width: 75%;*/
/*    padding: 10px 20px;*/
/*    margin-top: 28px;*/
/*    font-size: 21px;*/
/*    font-family: 'helvetica';*/
/*}*/
.billing-details-main input[type=text],
select {
    width: 100%;
    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #B5B5B5;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 2.5em;
    font-family: 'helvetica';
    font-size: 15px;
    color: #817F7F;
}

.half-width {
    width: 44.8%;
    float: left;
    margin: 0 15px;
}

.full-width {
    margin: 0 15px;
}

section.form-billing-and-summary {
    /*padding: 3em 0;*/
    /*background-color: #F6F6F6;*/
    padding: 3em 0;
    background-color: #F1FFDC;
}

.billing-details-main {
    background: #fff;
    box-shadow: 0 3px 20px 0 #0000001a;
    padding: 55px 40px;
    height: 550px;
}

h2.details-heading {
    font-size: 30px;
    color: #000000;
    font-family: 'Quattrocento-bold';
}

.order-summary {
    background: #F6F6F6;
    box-shadow: 10px 0px 15px 0px #0000001a;
    height: 550px;
    padding: 40px 45px;
}

.order-summary p.title {
    float: left;
    width: 50%;
    margin-bottom: 0rem;
}

.order-summary p.data {
    float: right;
    width: 50%;
    margin-bottom: 0rem;
    text-align: end;
}

.order-summary ul li {
    border-bottom: 1px solid #D2D7D9;
    width: 100%;
    list-style: none;
    display: inline-block;
    margin-bottom: 15px;
    color: #1D1D1D;
    font-family: 'helvetica';
    font-size: 15px;
}

.form-billing-and-summary .col-md-5 {
    padding: 0;
}

.form-billing-and-summary .col-md-7 {
    padding: 0;
}

.order-summary ul {
    padding-left: 0rem;
}

.order-summary input {
    width: 100%;
    padding: 10px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px dashed #B5B5B5;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 0.5em;
    font-family: 'helvetica';
    font-size: 15px;
    color: #817F7F;
}

.order-summary a {
    color: #3E849E;
    font-family: 'helvetica';
    font-weight: bold;
    margin: 0 auto !important;
    display: block;
    text-align: center;
    font-size: 15px;
    padding-bottom: 20px;
}

ul.packeges {
    background: #EDF4F6;
    border: 1px solid #D5D5D5;
    padding: 15px 25px;
    border-radius: 7px;
}

input[type="submit"] {
    background: #3E849E;
    color: #FFFFFF;
    font-family: 'helvetica';
    font-weight: bold;
    border: 0px solid;
    width: 85%;
    margin: 30px auto !important;
    display: block;
}

input#package_name {
    float: right;
    width: 25% !important;
    padding: 0 !important;
    background: none;
    border: none;
    outline: none;
}

/* New Forum CSS */

.newforum-main-banner {
    background-image: url(../images/new-forum-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 290px;
}

section.newforum-sec1 {
    padding: 2em 0 4em;
    background: #F1F1F1;
    position: relative;
}

section.newforum-sec1:before {
    content: '';
    background-image: url(../images/up-arrow.png);
    position: absolute;
    left: 40px;
    top: 17%;
    height: 30%;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 70%;
}

section.newforum-sec1:after {
    content: '';
    background-image: url(../images/up-arrow.png);
    position: absolute;
    height: 30%;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 70%;
    right: 32px;
    bottom: 5%;
}

.newforum-sec1 div#example_wrapper.dataTables_wrapper .row:first-child {
    display: none;
}

.newforum-sec1 button.view-eye {
    border: 1px solid #FAB005;
    background: #FAB00517;
    padding: 5px;
    width: 45%;
    border-radius: 5px;
    color: #1D1D1D;
}

.newforum-sec1 button.view-eye:hover {
    box-shadow: 0px 0px 5px 0px #fab005;
    transition: 0.3s;
}

.newforum-sec1 table thead th {
    border-bottom: 15px solid transparent !important;
}

.newforum-sec1 table tbody tr td {
    background: white;
    border-bottom: 1em solid #f1f1f1 !important;
    padding: 15px 10px;
    color: #3E849E;
    position: relative;
    font-family: Helvetica;
}

.newforum-sec1 table tbody tr td:first-child:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #3E849E;
    left: 0;
    top: 0px;
    border-radius: 5px 0px 0px 5px;
}

.newforum-sec1 table tbody tr td:first-child {
    padding-left: 4%;
    border-radius: 5px 0px 0px 5px;
}

.newforum-sec1 table thead th:first-child {
    padding-left: 3%;
}

.newforum-sec1 table thead th {
    font-weight: 400;
}

.newforum-sec1 div#example_wrapper.dataTables_wrapper .row:last-child .col-md-5 {
    display: none;
}

.newforum-sec1 ul.pagination li a {
    border: 1px solid #0E8CBB !important;
    border-radius: 0 !important;
    color: #0E8CBB !important;
    font-family: Helvetica;
}

.newforum-sec1 ul.pagination li.active a {
    background-color: #3E849E;
    color: white !important;
    font-family: Helvetica;
}

section.newforum-detail.sec1 {
    padding: 5em 0;
}

.newforum-detail .post-content h3 {
    width: 60%;
    float: left;
    line-height: 38px;
    font-size: 24px;
    font-family: Helvetica;
    font-weight: 600;
}

.newforum-detail .post-content .edit.delete {
    display: flex;
    width: 40%;
    float: right;
    justify-content: end;
}

.newforum-detail .post-content .edit.delete button {
    border: 1px solid #707070;
    background: white;
    width: 22%;
    margin: 0 7px;
}

.newforum-detail .post-content hr {
    width: 100%;
}

.newforum-detail .post-content .edit.delete button:last-child .fa {
    color: red;
}

.newforum-detail .post-content h4 {
    color: #1D1D1D;
    font-size: 18px;
    margin-bottom: 1em;
    margin-top: 3em;
    font-family: Helvetica;
    font-weight: 600;
}

.newforum-detail .post-content p {
    font-family: Helvetica;
}

.newforum-detail .comments h3 {
    color: #3E849E;
    font-size: 20px;
    background: #ECFAFF;
    padding: 5px;
    padding-left: 15px;
    width: 15%;
    margin: 0;
    margin-top: 5%;
    font-family: Helvetica;
}

.newforum-detail h3.comments {
    color: #3E849E;
    font-size: 20px;
    background: #ECFAFF;
    padding: 5px;
    padding-left: 15px;
    width: 15%;
    margin: 0;
    margin-top: 5%;
    font-family: Helvetica;
}

.newforum-detail .comments hr {
    margin: 0 0 4% !important;
}

.newforum-detail hr.comments {
    margin: 0 0 4% !important;
    border: none;
}

.newforum-detail .comments h4 {
    font-size: 18px;
    font-family: Helvetica;
    font-weight: 600;
}

.newforum-detail .comments p.date {
    color: #757575;
    font-size: 12px;
    border-bottom: 1px solid #80808078;
    padding-bottom: 5px;
    width: 100%;
    margin-bottom: 4%;
    font-family: Helvetica;
}

.newforum-detail p.comment.date {
    color: #757575;
    font-size: 12px;
    border-bottom: 1px solid #80808078;
    padding-bottom: 5px;
    padding-left: 36px;
    width: 100%;
    margin-bottom: 4%;
    font-family: Helvetica;
}

.newforum-detail .comments h2 {
    font-weight: 400;
    font-size: 24px;
    font-family: Helvetica;
}

.newforum-detail h2.comments {
    font-weight: 400;
    font-size: 24px;
    font-family: Helvetica;
}

.newforum-detail .comments button {
    background: #3E849E;
    border: none;
    color: white;
    padding: 10px;
    width: 10%;
}

.newforum-detail button.comments {
    background: #3E849E;
    border: none;
    color: white;
    padding: 10px;
    width: 10%;
}

.newforum-detail .comments textarea {
    width: 50%;
    display: block;
    margin-top: 20px;
}

.newforum-detail .comments textarea::placeholder {
    font-size: 16px;
    font-family: Helvetica;
}

.newforum-detail .comments p.content {
    width: 60%;
    font-family: Helvetica;
}

.newforum-detail.sec1 {
    position: relative;
}

.newforum-detail.sec1:after {
    content: '';
    background-image: url(../images/up-arrow.png);
    position: absolute;
    height: 30%;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 70%;
    right: 32px;
    top: 50%;
}

.newforum-detail .unnamed-images img {
    border-radius: 50%;
    width: 25px;
    margin-right: 12px;
}

.newforum-detail form#productForm {
    padding-bottom: 3em;
}

/*hr {*/
/*    border: none !important;*/
/*}*/

.newpost-blog select {
    padding: 3px 0px;
}

.example-share h3 {
    font-size: 24px;
    font-family: Helvetica;
    font-weight: 600;
    margin: 2% 0 3%;
}

.post-by p.date {
    border-bottom: 1px solid #80808085;
    padding: 0;
    font-size: 14px;
}

.post-by h4 a {
    font-size: 18px;
}

.post-by h4 {
    font-size: 18px;
}

.forum-heading.neww button {
    border-radius: 30px;
    width: 30%;
    border: none;
    background: #EFC541;
    color: white;
    font-weight: 600;
    font-size: 16px;
}

.forum-heading.neww input {
    width: 60%;
    margin-right: 10px;
}

.general-section.neww select {
    padding: 6px;
}

.general-section.neww li.all-posts a {
    text-decoration: none;
    border: 1px solid #0000004d;
    padding: 5px 15px;
    vertical-align: sub;
    color: black;
    border-radius: 30px;
}

.newpost-blog a.backfpost {
    position: absolute;
    right: 0;
    top: 0;
}

.take-community-frist h6.category {
    font-size: 13px;
    height: 20px;
}

.create-edit-post .note-editable {
    height: 8em;
}

img#blah {
    width: 90% !important;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}

.profile-tabs .box {
    width: 100%;
    height: 2em;
    /*background: #198754;*/
    border-radius: 10px 10px 0 0;
}

.profile-tabs {
    box-shadow: 0px 0px 10px 0px #8080807d;
    border-radius: 10px 10px 0 0;
    padding: 0;
    background: #F6F6F6;

}

.profile-tabs #v-pills-tab {
    width: 35%;
    box-shadow: 10px 0px 5px 0px #00000014;
    /*height: 120vh;*/
}

.profile-tabs #v-pills-tabContent {
    width: 100%;
    font-family: helvetica;
}

.profile-tabs #v-pills-tab img {
    width: 40%;
    margin: 10px auto;
}

.profile-tabs #v-pills-tab {
    background: #006838;
    font-family: helvetica;
}

.profile-tabs #v-pills-tab h3.username {
    margin: 5% auto 5%;
    font-family: Quattrocento;
    font-weight: 700;
}

.profile-tabs #v-pills-tab ul.user-followers {
    display: flex;
    margin: 0 auto;
    padding: 0;
    color: #2C2C2D;
    margin-bottom: 10%;
    border-bottom: 1px solid #8080807a;
    padding-bottom: 5px;
}

.profile-tabs #v-pills-tab ul.user-followers li {
    list-style: none;
}

.profile-tabs #v-pills-tab ul.user-followers li:nth-child(2) {
    margin: 0 15px;
    color: #8080807a;
}

.profile-tabs #v-pills-tab button.nav-link.active {
    /*background: #198754 !important;*/
    background-image: linear-gradient(0deg, #8DC640 0%, #39B54B 100%);
    border-radius: 40px;
    color: white;
    width: 95%;
    margin: 0 auto;
}

.profile-tabs #v-pills-tab button.nav-link {
    color: white;
    text-align: left;
    padding-left: 10%;
}

.profile-tabs #v-pills-tab button.nav-link img {
    width: 18px;
    margin-right: 15px;
}

.profile-tabs #v-pills-tab button.nav-link.active img {
    filter: brightness(0) invert(1);
}

.profile-sec {
    padding: 5em 0;
}

.profile-tabs .tab-pane {
    padding: 5% 3%;
}

.profile-tabs .tab-pane .head h3 {
    float: left;
}

.profile-tabs .tab-pane .head button.add-pic {
    float: right;
    color: #3E849E;
    border: 1px solid #3E849E;
    background: white;
    padding: 3px;
    width: 18%;
    border-radius: 5px;
}

.profile-tabs .tab-pane .head button:hover {
    box-shadow: 0px 0px 5px 0px #3e849e;
    transition: 0.3s;
}

.profile-tabs .tab-pane p.date {
    border-bottom: 2px solid #CCCCCC;
    padding-bottom: 4px;
    margin-top: 3%;
    color: #6B6B6B;
}

.profile-tabs .tab-pane ul.images {
    padding: 0;
    width: 88%;
}

.profile-tabs .tab-pane ul.images li {
    list-style: none;
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
    width: 22%;
}

.profile-tabs .tab-pane ul.images li img {
    width: 100%;
}

.profile-tabs .tab-pane .activ-plans {
    background: white;
    display: flex;
    align-items: center;
    padding: 1.5em 0;
    border: 1px solid #80808047;
    border-radius: 5px;
    margin-left: 2%;
    width: 85%;
}

.profile-tabs .tab-pane .activ-plans h5 {
    background: #006838;
    color: white;
    position: relative;
    font-weight: 100;
    padding: 8px;
    text-align: center;
    left: -20px;
    font-size: 16px;
}

.profile-tabs .tab-pane .activ-plans h3 {
    color: #3E849E;
    font-weight: 400;
    text-align: center;
    transform: translateX(-10px);
}

.profile-tabs .tab-pane h3:first-child {
    margin-bottom: 1em;
    font-family: Quattrocento;
    font-weight: 700;
}

.profile-tabs .tab-pane .activ-plans h3.price {
    color: black !important;
    font-weight: 600 !important;
    transform: inherit;
}

.profile-tabs .tab-pane .activ-plans h3.price span {
    color: #3e849e;
    font-size: 12px;
}

.profile-tabs .tab-pane .activ-plans button.u-plans {
    border: 1px solid #3e849e;
    background: white;
    color: #3e849e;
    font-size: 14px;
    padding: 3px;
    width: 88%;
    border-radius: 3px;
}

.profile-tabs .tab-pane .activ-plans button:hover {
    box-shadow: 0px 0px 5px 0px #3e849e;
    transition: 0.3s;
}

.profile-tabs .tab-pane .activ-plans ul {
    position: relative;
    padding-left: 20px;
}

.profile-tabs .tab-pane .activ-plans ul li {
    list-style: none;
}

.profile-tabs .tab-pane .activ-plans ul li:before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #FBAC0D;
    font-weight: 700;
}

.profile-tabs .tab-pane .activ-plans h5:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #3e849e transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: absolute;
    left: 0px;
    top: 30px;
}

.profile-tabs .tab-pane#v-pills-plan hr {
    background: #CCCCCC;
    height: 3px !important;
    margin-top: 2%;
}

.profile-tabs .tab-pane thead {
    background: #E5E5E5;
    color: #545353;
    font-family: helvetica;
}

.profile-tabs .tab-pane tbody tr {
    background: white;
    border-bottom: 4px solid #e5e5e5;
    color: black;
    font-size: 14px;
    font-family: helvetica;
}

.profile-tabs .tab-pane tbody button {
    color: #3E849E;
    border: 1px solid #3E849E;
    width: 90%;
    padding: 0;
    font-family: helvetica;
}

.profile-tabs .tab-pane hr {
    background: #CCCCCC;
    height: 3px !important;
    margin: 0 0 2em;
}

.profile-tabs .tab-pane#v-pills-plan .modal-body button.btn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    box-shadow: none !important;
}

.profile-tabs .tab-pane#v-pills-plan .modal-dialog {
    max-width: 60%;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content {
    background-color: #F6F6F6;
    padding: 1% 1% 5%;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards {
    background: white;
    box-shadow: 0px 0px 10px 0px #0000000d;
    border-radius: 15px;
    overflow: hidden;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards h5 {
    background-image: linear-gradient(#38788F, #4097B7);
    font-weight: 100;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: white;
    position: inherit;
    margin-bottom: 10%;
    font-family: helvetica;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards h5:before {
    display: none;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards h2.pricing {
    color: #3E849E;
    font-family: helvetica;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards hr {
    width: 40%;
    margin: 0 auto 8%;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards ul {
    width: 60%;
    text-align: initial;
    margin: 0 auto 8%;
    line-height: 40px;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards button.select {
    background: #FFC100;
    border: none;
    padding: 5px;
    width: 40%;
    border-radius: 30px;
    color: #367E98;
    margin-bottom: 8%;
    font-family: helvetica;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards {
    font-size: 14px;
    color: #686868;
    font-family: helvetica;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .plan-cards p {
    color: #686868;
    margin: 0 auto 5%;
    padding: 0px 15px;
    font-family: helvetica;
}

.profile-tabs .tab-pane#v-pills-plan .modal-content .modal-body p {
    font-size: 14px;
    color: #6B6B6B;
    font-family: helvetica;
}

.profile-tabs .tab-pane#v-pills-plan h4.modal-title {
    font-family: Quattrocento-bold;
}

.profile-tabs .tab-pane#v-pills-prisoner .modal-body button.btn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    box-shadow: none !important;
}

.profile-tabs .tab-pane#v-pills-prisoner .modal-dialog {
    max-width: 60%;
}

.search-create-post button {
    background-image: linear-gradient(180deg, #1D86AC, #49A8CC);
    border: none;
    color: white;
    width: 30%;
}

.sdbs.allposts-table nav.flex.items-center.justify-between {
    line-height: 40px;
}

.sdbs.allposts-table span.relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: none;
}

.header_white .navbar-light .navbar-nav .nav-item button#dropdownMenuButton1 {
    padding: 0.5rem;
    border: none;
}

.table-responsive.mt-4.sdbs.allpost thead tr th:nth-child(3),
.table-responsive.mt-4.sdbs.allpost tbody tr td:nth-child(3) {
    display: none;
}

.nil-content h4 {
    color: #efc541;
    font-size: 20px;
}

.nil-content a {
    color: #efc541;
    display: block;
}

.nil-content p.description {
    margin: 2% 0 4%;
    border-bottom: 2px solid #CCCCCC;
    padding-bottom: 2%;
}

.nil-content p {
    margin-bottom: 0;
}

.nil-content {
    margin-bottom: 5%;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #00000029;
    padding: 5%;
    background: #F6F6F6;
}

section.footer-main-class a {
    text-decoration: none;
    color: inherit;
}

button.fp {
    background-color: #3E849E;
    color: white;
    border: none;
    padding: 5px;
}

.forum-nav li.all-posts {
    display: none;
}

.header_white .navbar-light .navbar-nav .nav-item:nth-child(7) {
    display: none;
}

.newpost-blog.sdbs ul li:nth-child(2) {
    display: none;
}

.table-responsive.sdbs.cattab.srch-post {
    overflow-x: inherit;
}

.editor.all-postss-descriiption p {
    display: grid;
    margin-bottom: 0;
}

.editor.all-postss-descriiption p img {
    width: 50% !important;
}

.editor.all-postss-descriiption p br {
    display: none;
}

.editor.all-postss-descriiption p iframe.note-video-clip {
    width: 30%;
    height: 225px;
    margin-bottom: 2%;
}

.create-edit-post .note-editor.fullscreen {
    background: white;
}

.register-button button {
    background-color: #198754;
    color: white;
    padding: 10px 46px;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    font-size: 17px;
    font-family: 'Helvetica';
    width: 75%;
}

.register-button {
    padding-top: 2em;
}

section.profile-sec h2 {
    color: #000000;
    font-family: Helvetica !important;
    font-size: 31px;
}

.card.shadow.sdbs label {
    font-family: Helvetica;
}

.modal-dialog.main-model-pp input {
    width: 99%;
    height: 45px;
    margin-bottom: 20px;
    border-radius: 9px;
    padding-left: 16px;
}

.modal-dialog.main-model-pp h5#exampleModalLabel {
    padding-bottom: 11px;
}

.modal-dialog.main-model-pp label.upload__btn {
    background: #efc541;
    border-color: #efc541;
    padding: 5px 20px;
    font-size: 15px;
    font-family: Helvetica !important;
}

.modal-dialog.main-model-pp .upload__btn:hover {
    background: #efc541;
    border-color: #efc541;
    padding: 5px 20px;
    font-size: 15px;
    font-family: Helvetica !important;
    color: #fff !important;
}

.profile-tabs .tab-pane .head button:hover {
    box-shadow: 0px 0px 0px 0px #3e849e;
    transition: 0.3s;
}

.login-member.signup-member.pt-0.mt-0.col-6 .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}

.register-button .btn-primary:hover {
    color: #fff;
    background-color: #3E849E;
    border-color: #3E849E;
}

/* button.btn.btn-primary {
    background: #EFC541;
    border-color: #EFC541;
    font-family: Helvetica !important;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 20px;
    margin: 10px 0;
} */
.plans-repeat {
    background: #fff;
    width: 90%;
    border: 1px solid #e2e2e2;
    border-radius: 7px !important;
}

.plans-repeat h4 {
    background: #3E849E;
    border-radius: 8px 8px 0px 0px;
    padding: 6px;
    color: #fff;
    font-size: 15px;
    padding-left: 27px;

}

.plans-repeat ul {
    display: flex;
    list-style: none;
    gap: 65px;
    padding: 25px 30px;
}

.plans-repeat h5 {
    color: #000000;
    font-weight: 800;
    font-size: 21px;
}

.plans-repeat p {
    color: #3E849E;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.plans-repeat a {
    text-decoration: none;
    border: 1px solid #3E849E;
    padding: 4px 15px;
    border-radius: 6px;
    color: #3E849E;
    font-size: 14px;
    font-weight: 500;
}

.plans-repeat a:hover {
    background: #3E849E;
    color: #fff;
}


/*rajat*/

@font-face {
    font-family: BentonSans-Medium;
    src: url('../fonts/BentonSans-Medium.woff');
}

@font-face {
    font-family: BentonSans-Regular;
    src: url('../fonts/BentonSans-Regular.woff');
}

footer.footer.text-center.text-lg-start.bg-light.text-muted {
    background: #FFFFFF !important;
}

header.header.text-center.text-lg-start.bg-light.text-muted {
    background: #FFFFFF !important;
}

.col-md-4.leftside {
    margin-top: 10px;
    margin-bottom: 10px;
    background: #F2F9EA;
}

.text-uppercase {
    color: black;
    font-weight: 200;
    font-size: 20px;
    font-family: "Albert Sans", Sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.col-md-4 .text-uppercase {
    color: black !important;
    font-weight: 200;
    font-size: 20px;
    font-family: "Albert Sans", Sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-left: 20px;
}

.header_icon {
    margin-top: 20px;
}

a.text-reset {
    color: black !important;
    opacity: 0.7;
    text-decoration: none !important;
    font-weight: 200;
    font-size: 16px;
    font-family: "Lato", Sans-serif;
}

.container.text-center.p-4.border-top {
    color: white !important;
    opacity: 0.7;
}

a.text-reset.fw-bold {
    color: white !important;
}

.icon {
    margin-top: 30px !important;
}

.header_icon i {
    font-size: 18px;
    padding: 0px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 4px;
    color: #272727;
}

.icon i {
    font-size: 20px;
    padding: 0px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 5px;
    color: #8DC640;
}

a.btn.text-white.btn-floating.m-1 {
    border: 1px solid #CECECE;
    border-radius: 27px;
    font-size: 24px;
    width: 40px;
    height: 40px
}

section.container.header.d-flex.justify-content-center.justify-content-lg-between.p-4 {
    border-bottom: 3px solid black;
}

.form-group {
    margin: 20px;
    width: 100%;
}

.form-outline {
    margin: 20px;
    width: 100%;
}

.form-select {
    margin-top: 20px;
}

.form-check label {
    color: black;
    opacity: 0.7;
    width: 100%;
}

.form-check label a {
    color: #8DC640;
    opacity: 0.7;
    font-weight: 200;
    font-size: 14px;
    font-family: "Lato", Sans-serif;
}

.btn.btn-primary.submit {
    BACKGROUND: #006838;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
    width: 100px;
    border: none;
}

.btn.btn-primary.header {
    width: 100%;
    padding: 15px 15px 15px 15px;
    background: #006838;
    border: none;
    font-size: 15px;
    font-weight: 400;
    font-family: BentonSans-Medium;
}

.btn.btn-primary.readmore {
    padding: 10px 10px 10px 10px;
    background: #F3FFE4;
    border: none;
    font-size: 13px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    color: #4F4F4E;
    border: 0.5px solid #8DC640;
    margin-top: 0px !important;
}

.signin:hover {
    background: none !important;
}

.signin {
    border: none;
    background: none;
    margin-bottom: 4px;
    margin-left: 83px;
    color: #4F4F4E;
    font-size: 15px;
    font-weight: 400;
    font-family: "Lato", Sans-serif;
}

ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    gap: 30px;
}

.banner_section {
    /*background: url('../images/contentimg/banner.png'); */
    background: url('https://webwatt.com/Theinsiderupdate/public/images/contentimg/banner.png');
    background-repeat: no-repeat;
    padding: 10px 10px 20px 10px;
    background-size:cover;
}

.main_heading h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 400;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #1F201F;
}

.main_videoheading h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 400;
    font-family: BentonSans-Medium;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.main_heading p {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #808080;
}

.main_videoheading p {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.main_heading b {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #39B54B;
}

.main_videoheading b {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #39B54B;
}

.main_heading h6 {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    font-family: BentonSans-Regular;
    letter-spacing: 1px;
    color: #4F4F4E;
    margin-bottom: 10px;
    margin-top: 1em;
    line-height: 20px;
}

.main_heading h4 {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #4F4F4E;
    margin-bottom: 10px;
}

.main_heading h4 b {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #39B54B;
    margin-bottom: 10px;
}

.main_videoheading a {
    color: #39B54B !important;
    font-family: BentonSans-Medium;
    text-decoration: none;
}

.main_videoheading h6 {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    font-family: BentonSans-Regular;
    line-height: 25px;
    color: #FFFFFF;
}

.video_section hr {
    color: #39B54B !important;
}

.col-md-8 img {
    margin-bottom: 20px !important;
}

.head i {
    padding: 10px;
    font-size: 10px;
}

.report i {
    padding: 10px;
    font-size: 10px;
    color: #39B54B;
}

.head1 i {
    padding: 10px;
    font-size: 17px;
}

button.join_btn {
    background: linear-gradient(111deg, #006838 0%, #82B937 100%);
    padding: 10px 10px 10px 10px;
    border-radius: 7px;
    border: none;
    color: white;
    font-size: 16px;
    font-family: 'BentonSans-Medium';
    width: 100%;
    letter-spacing: 1px;
}

button.btn {
    background: #006838;
    font-size: 12px;
    color: white;
    padding: 4px 8px 4px 8px;
    border-radius: 0px;
    margin-bottom: 5px;
     font-family: 'BentonSans-Medium';
}
.search:hover {
    background: none;
    color: #006838;
    border: 1px solid #006838;
}
.search {
    background: #006838;
    font-size: 14px;
    color: white;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    border: none;
    /* margin-bottom: 5px; */
}

div#google_translate_element {
    margin-top: 10px;
}

.head {
    margin-top: 25px;
}

.btn:hover {
    color: white !important;
    background: #006838 !important;
    border-color: none !important;
}

button.btn.btn-primary.banner:hover {
    background: yellow !important;
    color: black !important;
}

button.btn.btn-primary.banner {
    background: yellow;
    color: black;
    font-size: 20px;
    padding: 6px 6px 6px 6px;
    border: none;
    border-radius: 1px;
    margin-bottom: 20px;
    font-family: BentonSans-Medium;
}

.banner_heading {
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: white;
}

button.report {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    margin-bottom: -12px;
    font-family: BentonSans-Medium;
}

button.report:hover {
    background: none !important;
    /* cursor: default; */
}

.video_section {
    background-color: #1F1F1F;
}

.col-md-4.img.border-right {
    border-right: 1px solid #4F4F4E;
}
.silder_section {
    background-color: #4F4F4E;

}

.col-md-4.img {
    display: flex;
    justify-content: space-evenly;
}

.col-md-4.img p {
    font-size: 30px;
    color: white;
    font-family: BentonSans-Regular;

}

.left_head p {
    margin-top: 10px;
    /* padding-left: 10px; */
    margin-bottom: 5px;
    font-family: BentonSans-Regular ;
    font-size: 14px;
}

.left_head span {
    font-size: 12px;
    padding-left: 12px;
    color: #39B54B;
    font-family: BentonSans-Medium;
}

/* slider */
.wrapper {
    padding: 40px 0;
    /* overflow-x: hidden; */
}

.my-slider {
    padding: 0 40px;
}

.my-slider p {
    font-size: 15px;
    padding: 10px;
    font-family: BentonSans-Regular;
}

.slick-initialized .slick-slide {
    background-color: none;
    color: #FFF;
    height: 200px;
    margin: 0 15px 0 0;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.slick-next,
.slick-prev {
    z-index: 5;
}

.slick-next {
    right: 10px;
}

.slick-prev {
    left: 10px;
}

.slick-next:before,
.slick-prev:before {
    color: #FFF;
    font-size: 26px;
}

/* ************************** */
.tab {
    float: left;
    /*border: 1px solid #ccc;*/
    /*background-color: #f1f1f1;*/
    width: 30%;
     margin-top: 4% !important;
    /*height: 300px;*/
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    /*border: 1px solid #ccc;*/
    width: 70%;
    border-left: none;
    /*display:none; */
    /*height: 300px;*/
}

/* new tab */
.tab1 {
    float: right;
    /* border: 1px solid #ccc;
    background-color: #f1f1f1; */
    width: 30%;
    height: 100%;
/*    margin-top: 4% !important;*/
}

.tab1 button {
    display: block;
    background-color: inherit;
    /*color: black;*/
    padding: 10px;
/*    padding: 22px 16px;*/
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab1 button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab1 button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent1 {
    float: left;
    padding: 0px 12px;
    /* border: 1px solid #ccc; */
    width: 67%;
    border-left: none;
    /* display:none; */
    height: 300px;
}

/* end */
.comment {
    padding-top: 40px;
}

.comment ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.comment li {
    font-size: 20px;
    font-weight: 500;
}

.card {
    border: none;
}

input#Comment_input {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 11px #00000029;
    border: 1px solid #D1D1D1;
    border-radius: 31px;
    margin-top: 2px;
    height: 50px;
}

.comment_avtar {
    display: flex;
    justify-content: center;
}

.left_comment_section ul {
    list-style: none;
    display: flex;
    margin-top: 20px;

    padding-left: 6px;
}

.left_comment_section ul li {
    font-size: 15px;
    font-family: BentonSans-Medium;
    color: #1F201F;
}

.left_comment_section span {
    font-size: 14px;
    font-family: BentonSans-Regular;
    color: #4F4F4E;
    display: flex;
}

.view_allcomment h3 {
    text-align: center;
    font-size: 15px;
    font-family: BentonSans-Medium;
    color: #39B54B;
}

/* comment section right */
.date {
    font-size: 14px;
    font-family: BentonSans-Medium;
    color: #4F4F4E;
}

.comment-text {
    font-size: 14px;
    font-family: BentonSans-Regular;
    color: #4F4F4E;
    width: 84%;
    margin: 0 auto;
    margin-top: -2em;
}

.fs-12 {
    font-size: 15px;
    gap: 30px;
    margin-left: 46px
}

.shadow-none {
    box-shadow: none
}

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

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

.name {
    font-size: 20px;
    font-family: BentonSans-Medium;
    color: #1F201F;
}

.cursor:hover {
    color: #39B54B;
}

.cursor {
    cursor: pointer
}

.textarea {
    resize: none
}

/* pagination */
.analysis_section {
    display: flex;
    /* padding: 1em; */
}

.analysis_img {
    padding: 10px;
}

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

.analysis_text {
    padding: 1em;
}

.analysis_text h3 {
    font-size: 20px;
    font-family: 'BentonSans-Medium';
    color: #1F201F;
}

.analysis_text b {
    font-size: 20px;
    font-family: 'BentonSans-Medium';
    color: #1F201F;
}

.analysisfooter_text p {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #4F4F4E;
}

.analysisfooter_text b {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    font-family: BentonSans-Medium;
    letter-spacing: 0px;
    color: #39B54B;
}

.reset .btn {
    background-color: #198754;
    color: white;
    padding: 5px 20px;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    font-size: 15px;
    font-family: 'Helvetica';
}

select.goog-te-combo {
    margin-bottom: 10px !important;
}

.wrapper {
    width: 100%;
    margin: auto;
    /* background-color: white;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, .1); */
}

.buttonWrapper {
    display: flex;
    background-color: #323232;
/*    padding: 20px 70px 40px 60px;*/
    padding: 20px 70px 20px 60px;
}

button {
    letter-spacing: 3px;
    border: none;
    /* padding: 10px; */
    background-color: #4F4F4E;
    color: #232c3d;
    font-size: 18px;
    cursor: pointer;
    transition: 0.5s;
}

button:hover {
    background-color: #4F4F4E;
}

button.active {
    background-color: #323232;
}

.contentWrapper .active {
    background-color: #1F1F1F;
}

/* p {
    text-align: left;
    padding: 10px;
  } */

.content {
    display: none;
    padding: 10px 20px;
}

.content.active {
    display: block;
    padding: 1px 80px 40px 80px;
    background: #1f1f1f;
}

.tab-button p {
    color: #FFF;
    font-size: 14px;
    /* padding: 10px; */
    font-family: normal'Roboto' ;
    font-weight: 400;
    text-align: left;
}

.Header_report {
    background: #1f1f1f;
    padding: 22px;
}

.Header_report hr {
    color: #39B54B !important;
}

/*.row_report {
    width: 90% !important;
    margin: 0 auto;
}*/ 

.Slider_report {
    background-color: #4F4F4E;
    padding-top: 22px;
}

li.nav-item.actives a.nav-link {
    color: #fff !important;
    background-color: #006838;
}

li.nav-item a {
    font-size: 16px;
    color: #1F201F;
    font-family: 'BentonSans-Regular';
}
  /* admin css */
  aside#layout-menu {
    background: linear-gradient(111deg, #006838 0%, #82B937 100%) !important;
    /* color: white !important; */
}

.breadcrumb-navigation {
    padding: 10px 18px;
    background-color: rgb(238, 238, 238);
}

.breadcrumb-navigation>li {
    display: inline;
}

.breadcrumb-navigation>li>a {
    color: #026ece;
    text-decoration: none;
}

.breadcrumb-navigation>li>a:hover {
    color: #6fc302;
    text-decoration: none;
}

.breadcrumb-navigation li+li:before {
    padding: 4px;
    content: ">>";
}

.tab-container {
    height: 100%;
}

.main_heading br {
    display: none !important;
}

.col-md-4.tabdiv {
    padding-left: 4em;
}

/*new css*/
.left_head img {
    width: 100%;
    height: 158px !important;
    object-fit: cover;
}

div#demo img {
    width: 100%;
    height: 50% !important;
}
div#demo1 img {
    width: 100%;
    height: 50% !important;
}
#demo1 {
    width: 70%;
    height: 800px;
}
#demo {
    width: 70%;
    height: 800px;
}