@font-face {
    font-family: Campton;
    src: url("../fonts/CamptonBook.otf");
    font-weight: normal;
}

@font-face {
    font-family: Campton;
    src: url("../fonts/CamptonLight.otf");
    font-weight: lighter;
}

@font-face {
    font-family: Campton;
    src: url("../fonts/CamptonMedium.otf");
    font-weight: 500;
}

@font-face {
    font-family: Campton;
    src: url("../fonts/CamptonSemiBold.otf");
    font-weight: 700;
}

@font-face {
    font-family: Campton;
    src: url("../fonts/CamptonBold.otf");
    font-weight: bold;
}

@font-face {
    font-family: palmer;
    src: url("../fonts/PalmerLakeScript-Regular.otf");
}

@font-face {
    font-family: Campton;
    src: url("../fonts/CamptonMediumItalic.otf");
    font-weight: 500;
    font-style: italic;
}

body {
    font-family: Campton;

}

.h-fill {
    height: -webkit-fill-available;
    height: 100%;
}

p {
    font-size: 18px;
}

.fs-18 {
    font-size: 18px;
}

.fs-14 {
    font-size: 14px;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-left: 0px !important;
}

.white-bg-nav {
    background: rgba(255, 255, 255, 90%) !important;
}

.reg-btn,
.signup-btn {
    background-color: #00a9cf;
    border-radius: 50px;
    padding-left: 25px !important;
    padding-right: 25px !important;
    color: #fff !important;
}

.reg-btn .fa-user {
    font-size: 18px;
}

.reg-btn span,
.signup-btn span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.signup-btn {
    background-color: #00ae55 !important;
}

.signup-btn img {
    width: auto;
    height: 20px;
}

.main-nav {
    gap: 20px;
}

.main-nav .nav-link {
    color: #000;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 600;
}

.bg-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 70vh;
}

.hero-first {
    background-image: url("../images/hero-first.jpg");
}

.black-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.white-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
}

.blue-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 20, 24, 0.7)
}

.btn-success {
    background-color: #00ae55 !important;
    padding: 10px 35px !important;
    font-size: 18px !important;
}

.first-content {
    width: 60%;
    margin: 0 auto;
}

.first-content h1 {
    color: #fff;
    font-size: 72px;
    font-family: Campton;
    font-weight: bold;
}

.first-content p {
    color: #fff;
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
    text-transform: uppercase;
}

.c-btn {
    font-family: Campton !important;
    font-weight: 500;
    border-radius: 15px !important;
}

.hero-second {
    background-image: url("../images/hero-second.jpg");
}

.second-content {
    width: 60%;
    margin: 0 auto;
}

.second-content h1 {
    color: #000000;
    font-size: 36px;
    font-family: Campton;
    font-weight: bold;
}

.second-content p {
    color: #616161;
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
}

.hero-third {
    background-image: url("../images/hero-third.jpg");
    background-size: auto;
    background-position: inherit;
}


.bg-cream {
    background-color: #ffec9a;
}

.third-content {
    width: 40%;
    float: right;
}

.third-content h1 {
    color: #000000;
    font-size: 36px;
    font-family: Campton;
    font-weight: bold;
}

.third-content p {
    color: #616161;
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
}

.hero-forth {
    background-image: url("../images/hero-forth.jpg");
    height: 110vh;
}

.hero-forth-b {
    background-image: url("../images/hero-forth.jpg");
    height: 130vh;
}

.verifed-check {
    background-image: url("../images/verificacion.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    width: 20px;
    margin-top: 5px;
    float: right;
}

.diff-content h3 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;

}

.diff-content p {
    color: #fff;
    font-weight: 500;

}

.w-h-25 {
    height: 20px;
    width: 20px;
}

.hero-fifth {
    background-image: url("../images/hero-fifth.png");
    background-size: auto;
    background-position: right;
    height: 80vh;
}

.hero-six {
    background-image: url("../images/hero-six.jpg");
    background-size: auto;
    background-position: left;
    height: 80vh;
}

.hero-seven {
    background-image: url("../images/hero-seven.png");
    background-size: auto;
    background-position: right;
    height: 80vh;
    background-color: #284a57;
}

.fifth-content {
    width: 50%;
    float: left;
}

.fifth-content h1 {
    color: #000000;
    font-size: 36px;
    font-family: Campton;
    font-weight: bold;
}

.fifth-content p {
    color: #616161;
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
}

.fifth-content h3 {
    font-size: 36px;
    font-weight: 400;
}

.six-content {
    width: 40%;
    float: right;
}

.six-content h1 {
    color: #000000;
    font-size: 36px;
    font-family: Campton;
    font-weight: bold;
}

.six-content p {
    color: #616161;
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
}

.six-content h3 {
    font-size: 36px;
    font-weight: 400;
}

.hero-eight {
    background-image: url("../images/hero-eight.png");
    background-color: #fff;
    height: 80vh;
}

.hero-nine {
    background-image: url("../images/hero-nine.png");
    background-size: auto;
    background-position: left;
    height: 80vh;
}

.faq h1 {
    color: #000000;
    font-size: 36px;
    font-family: Campton;
    font-weight: bold;
}

.faq .accordion-item {
    margin: 20px 0px;
    border: 2px solid #00ae55 !important;
    border-radius: 15px !important;
}

.faq .accordion {
    --bs-accordion-bg: transparent !important;
    --bs-accordion-btn-active-icon: url("../images/faq-arrow.png") !important;
    --bs-accordion-btn-icon: url("../images/faq-arrow.png") !important;
}

.faq .accordion-button::after {
    background-image: url("../images/faq-arrow.png") !important;
}

.faq .accordion-button {
    box-shadow: none !important;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 20px;
    font-weight: 500;
}

.faq .accordion-body p {
    color: #616161;
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
}

.faq-section {
    height: fit-content;
    margin: 40px auto;
}

.hero-review {
    background-image: url("../images/hero-review.jpg");

}

.review-item {
    background-image: url("../images/review-item-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;

}

.rating .checked {
    color: #ffe501;
}

.review-item .row {
    height: inherit;
    align-items: center;
    padding: 30px;
}

.review-item .review-person img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 100%;
    border: 10px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;

}

.review-item p {
    color: #616161;
    font-family: Campton;
    font-weight: 500;
}

footer {
    height: 100vh;
}

.social-icon .fa-brands {
    color: #ea9f4a !important;
    font-size: 26px;
}

.footer-col h4 {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20px;
}

.footer-col ul {
    list-style-type: none;
}

.footer-col ul a {
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
}

.footer .col-md {
    padding: 0px 0px 0px 60px;
}

.footer-content p {
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
}

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

/* Login Pages */


.log-btn,
.sign-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #000000 !important;
}

.sign-btn .fa-user {
    font-size: 20px;

}

.log-btn span,
.sign-btn span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.log-btn img {
    width: auto;
    height: 22px;
    /* filter: -webkit-filter: grayscale(1) invert(1); */
    filter: grayscale(1) invert(1);
}

.sign-field-bg {
    background-image: url("../images/login-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 90vh;
}

.login-card {
    padding: 30px 10px;
}

.login-card sup {
    color: #ff831f;
}

.login-card .card-header {
    font-size: 28px;
    font-family: Campton !important;
    font-weight: bold;
}

.login-card .form-label {
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
    color: #000;
}

.login-card input:focus {
    box-shadow: none;
}

.login-card .form-control {
    border-color: #00dac9;
    border-width: 2px;
    height: 45px;
    font-size: 18px;
    font-family: Campton;
    border-radius: 10px;
}

.login-card .form-check input {
    border-color: #000;
    border-radius: 6px;
}

.login-card .form-check .form-check-label {
    font-size: 14px;
    font-family: Campton;
    font-weight: 500;

}

.login-card .form-check input:checked {
    background-color: #00dac9;
}

.login button {
    color: #fff;
    font-size: 20px;
    font-family: Campton;
    font-weight: 700;
    height: 45px;
    border-radius: 10px;

}

.login-card .login {
    margin-bottom: 30px;
}

.login-card hr {
    border-color: #00dac9;
    opacity: 1;
    border-width: 2px;
}

.bg-orange {
    background-color: #ff831f !important;
}

.text-orange {
    color: #ff831f !important;
}

.login-card-footer a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-family: Campton;
    font-weight: 500;

}

.bg-blue {
    background-color: #00dac9 !important;
}

.text-blue {
    color: #00dac9 !important;
}

.login-card-footer button {
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    color: #fff;
    width: max-content;
    padding: 6px 20px;
    margin: 0 auto;
}

.footer-copyright h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    font-family: Campton;
}

.white-social-icon .fa-brands {
    font-size: 20px;
    color: #fff;
}

.white-social-icon .fa-brands::before {
    vertical-align: sub;
}

.signup-login-content h6 {
    font-family: Campton;
    font-size: 16px;

}

.signup-login-content p {
    font-size: 14px;
    font-family: Campton;
    font-weight: 500;

}

.bg-darkgreen {
    background-color: #006663 !important;
}

.bg-green {
    background-color: #00ae55 !important;
}

.bg-lightblue {
    background-color: #00a9cf !important;
}

.text-lightblue {
    color: #00a9cf;
}

.h-1200 {
    height: 1200px !important;
}

.login-card .form-control::placeholder {
    font-size: 16px;
    font-family: Campton;
    font-weight: 500;
    color: #a8a8a8;
}

.sign-up-card {
    padding: 30px 50px;
}

.sign-up-card .card-body {
    padding: 0px 50px;
}

.fs-12 {
    font-size: 12px !important;
}

.person-profile {
    display: flex;
    align-items: center;
    gap: 5px;
}

.person-profile span img {
    width: 50px;
    height: 42px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}

/* END */

/* Dashboard Page */
.dashboard-bg {
    background-color: #f7f7f7;
}

.side-nav-dashboard {
    padding: 50px 0px;
}

.side-nav-dashboard .main-title {
    font-size: 16px;
    font-family: Campton;
    font-weight: 700;
    padding-left: 45px;
    padding-right: 20px;
    color: #7c7c7c;

}

.side-nav-dashboard .nav-item {
    padding: 10px 20px 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.side-nav-dashboard .nav-item:hover,
.side-nav-dashboard .active {
    background-color: #e3f6ec !important;
}

.side-nav-dashboard .nav-item .dropdown-toggle {
    width: auto;
    height: 15px;
    filter: grayscale(1) invert(1);

}

.side-nav-dashboard .nav-item .nav-link {
    font-size: 16px;
    font-family: Campton;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}

.side-nav-dashboard .nav-item .nav-link img {
    width: 20px;
    height: 20px;
}

.box-shadow-custom {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.main-profile-view .card-header {
    font-family: Campton;
}

.main-profile-view {
    margin: 0px 30px;
    padding: 20px;
    height: 450px !important;
}

.profile-tab-content {
    margin: 80px 100px !important;
}

.profile-tab-content .edit-img button {
    font-size: 18px;
    font-family: Campton;
    font-weight: 500;
    padding: 7px 15px;
    border-radius: 20px;
}

.main-profile-view .profile-img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}

.main-profile-view .profile-location {
    border: 1px solid #3e64de;
    background-color: #f1f4fd;
    padding: 20px;
    text-align: center;
}

.main-profile-view .profile-location span {
    font-size: 16px;
    font-family: Campton;
    font-weight: 500;
    color: #405261;
}

.profile-other-content .form-label {
    font-size: 16px;
    font-family: Campton;
    font-weight: 500;
}

.profile-other-content .form-control {
    box-shadow: none;
    border-color: #00dac9;
    border-width: 2px;
    height: 45px;
    font-family: Campton;
    border-radius: 10px;
    font-weight: 500;

}

.profile-other-content .form-control:focus {
    box-shadow: none !important;
}

.profile-other-content p {
    font-size: 14px;
    font-family: Campton;
    font-weight: 500;
    margin-bottom: 10px;
}

.profile-other-content a {
    font-size: 14px;
    font-family: Campton;
    font-weight: 500;
    text-decoration: none;
}

.profile-other-content hr {
    border-color: #00dac9;
    opacity: 1;
    border-width: 2px;
}

.side-bar-menus {
    margin-top: 50px;
}

.extra-flow-bg {
    background-image: url("../images/extra-flow-bg-1.png");
    height: 100vh;
}

.extra-flow-bg .col-md-7 {
    padding-top: 80px;
}

.font-camp {
    font-family: Campton !important;
}

.error {
    color: red;
}

.success {
    color: green;
}

.extra-flow-content {
    color: #000000;
    font-size: 36px;
    font-family: Campton;
    font-weight: bold;
}

.hero-third {
    height: 80vh !important;
}

@media (max-width:1024px) {

    .extra-flow-content {
        font-size: 28px;
    }

    .bg-section {
        height: 100vh !important;
        height: 100%;
    }

    .first-content {
        padding: 50px 0px;
    }

    p {
        font-size: 16px !important;
    }

    .first-content h1 {
        font-size: 65px;
    }

    .first-content p {
        font-size: 16px;
    }

    .btn-success {
        font-size: 16px !important;
    }

    .hero-third {
        background-size: cover;
    }

    .third-content {
        width: 60%;
    }

    .third-content h1 {
        font-size: 32px;
    }

    .diff-content h3 {
        font-size: 26px;
    }

    .diff-content p {
        font-size: 12px !important;
    }

    .fifth-content h1,
    .fifth-content h3 {
        font-size: 28px;
        margin-bottom: 10px !important;
    }

    .hero-fifth,
    .hero-six {
        background-size: contain;
    }

    .six-content h1 {
        font-size: 28px;
        margin-bottom: 10px !important;
    }

    .second-content {
        width: 90%;
    }

    .hero-nine {
        /* height: auto; */
        background-size: cover;
    }

    .six-content {
        width: 50%;
    }

    .faq-section {
        height: fit-content;
    }

    .review-item {
        background-size: 110%;
        height: 130px;
    }

    .review-item .row {
        padding: 0;
    }

    .review-item p {
        font-size: 8px !important;
    }

    .review-item h4 {
        font-size: 14px;
    }

    .review-item .review-person img {
        width: 60px;
        height: 60px;
        border-width: 3px;
    }

    .hero-review {
        height: 50vh !important;
    }

    span.fa.fa-star {
        font-size: 10px !important;
    }

    .hero-review .col-md-12 {
        margin-bottom: 10px !important;
    }

    footer {
        height: auto;
        padding: 80px 20px;
    }

    .footer-col-1 img {
        height: 80px;
    }

    .footer-col ul a {
        font-size: 12px;
    }

    .logo-social-bar {
        width: 100% !important;
        text-align: center;
    }

    .footer .col-md {
        padding: 10px !important;
    }

    .social-icon {
        justify-content: center !important;
        gap: 30px;
    }

    .footer-col-1 .mt-5 {
        margin-top: 10px !important;
        margin-bottom: 20px;
    }

    .footer-content p {
        font-size: 12px !important;
    }

    /* Login Pages CSS */

    .sign-field-bg .login-card {
        margin: 0 !important;
    }

    .sign-field-bg .col-md-4 {
        width: 50%;
    }

    .sign-field-bg .col-md-7 {
        width: 90%;
    }

    .sign-up-card {
        padding: 30px 0px;
    }

    .sign-up-card .card-body {
        padding: 0px 20px;
    }

    .side-nav-dashboard .nav-item {
        padding: 0px 5px 0px 0px;

    }

    .side-nav-dashboard .nav-item .nav-link {
        font-size: 14px;
    }

    .profile-tab-content {
        margin: 50px 0px !important;
    }

    .main-profile-view {
        padding: 20px 0px;
        margin: 0px;
    }

    .main-profile-view .profile-location span {
        font-size: 12px;
    }

    .profile-other-content p,
    .profile-other-content a {
        font-size: 12px !important;
    }

    .profile-tab-content .edit-img button {
        font-size: 16px;
    }

    .main-profile-view {
        height: 400px !important;
    }

    .profile-other-content .form-label,
    .profile-other-content .form-control {
        font-size: 14px;
    }

    .side-bar-toggle {
        box-shadow: none !important;
        outline: none !important;
        border: none !important;
    }

    .side-bar-toggle:focus {
        box-shadow: none !important;
    }

    .extra-flow-bg {
        height: 80vh !important;
    }

    .extra-flow-bg .col-md-7 {
        padding-top: 35px;
    }

    .hero-six {
        background-position: -290px;
    }

    .telegram-icon {
        height: 22px !important;
    }

    .faq-section {
        height: auto !important;
        margin: 150px auto;
    }

}

@media (max-width:850px) {
    .d-resp {
        display: none;
    }

    .side-bar-menus {
        margin-top: 0px;
    }

    .hero-forth {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .first-content {
        width: 90% !important;
    }

    .hero-forth {
        height: 60vh !important;
    }

    footer {
        padding: 120px 20px;
    }

    .hero-forth-b {
        height: 130vh !important;
    }

}



@media (max-width:769px) {
    .hero-forth {
        height: 100vh !important;
    }

    .hero-fifth {
        background-position: 170px;
    }

    .hero-six {
        background-position: -160px;
    }
}


@media (max-width:510px) {
    .diff-content p {
        font-size: 13px !important;
    }

    .sign-field-bg .h-fill {
        height: -webkit-fill-available;
    }

    .h-fill {
        height: -webkit-fill-available;
        height: auto;
    }

    .first-content h1 {
        font-size: 44px;
    }

    .first-content,
    .third-content {
        width: auto !important;
    }

    .second-content h1,
    .third-content h1 {
        font-size: 28px;
    }

    .hero-third .text-end {
        text-align: center !important;
    }

    .dif-item .col-sm-1 {
        width: max-content !important;
    }

    .dif-item .col-sm-10 {
        width: 90%;
    }

    .hero-forth,
    .hero-forth-b {
        height: auto !important;
    }

    .blue-bg {
        position: inherit;
        padding: 20px 0px;
    }

    .fifth-content,
    .six-content {
        width: auto;
    }

    .hero-fifth {
        background-size: cover;
        background-position: 55px;
    }

    .hero-fifth .fifth-content .dif-item {
        padding-right: 80px !important;
    }

    .hero-six,
    .hero-nine {
        background-size: cover;
        background-position: center;
    }

    .faq-section {
        height: fit-content;
        padding: 20px 0px;
    }

    .faq h1 {
        font-size: 28px;
    }

    .faq .accordion-button {
        font-size: 16px;
    }

    .faq .accordion-body p {
        font-size: 14px !important;
    }

    .review-item {
        background-size: 105%;
        height: 185px;
    }

    .review-item .row {
        flex-direction: row;
        padding: 30px;
    }

    .review-item .row .col-md-5 {
        width: 30% !important;
    }

    .review-item .row .col-md-7 {
        width: 70% !important;
    }

    .review-item .review-person img {
        width: 80px;
        height: 80px;
        border-width: 5px;
    }

    .review-item h4 {
        font-size: 18px;
    }

    span.fa.fa-star {
        font-size: 14px !important;
    }

    .review-item p {
        font-size: 12px !important;
    }

    .footer .col-md {
        width: 50%;
    }

    .second-content {
        width: 100%;
    }

    /* Login Pages CSS */

    .login-footer .row .col-md-6 {
        width: 50%;
    }

    .sign-field-bg .col-md-4,
    .sign-field-bg .col-md-7 {
        width: 100%;
    }

    .sign-up-card {
        padding: 20px 20px;
    }

    .sign-up-card .card-body {
        padding: 0px 0px;
    }

    .login-card .card-header {
        font-size: 24px;
    }

    .create-acc-btn button {
        width: 100% !important;
    }

    .dashboard-row .box-shadow-custom {
        height: auto !important;
    }

    .d-resp {
        display: none;
    }

    .profile-tab-content {
        gap: 20px;
    }

    .main-profile-view .profile-location span {
        font-size: 16px;
    }

    .profile-tab-content .edit-img button {
        font-size: 18px;
    }

    .profile-other-content .form-label,
    .profile-other-content .form-control {
        font-size: 16px;
    }

    .profile-other-content p,
    .profile-other-content a {
        font-size: 14px !important;
    }

    .main-profile-view .card-header {
        font-size: 28px;
    }

    .side-bar-menus {
        margin-top: 0px;
    }

    .extra-flow-bg {
        height: 44vh !important;
    }

    .bg-section {
        height: auto !important;
        /* height: 100%; */
        padding: 50px 10px;
    }

    .hero-first,
    .hero-second {
        height: 80vh !important;
    }

    .hero-first .h-fill,
    .hero-second .h-fill {
        height: -webkit-fill-available;
    }

    .hero-review {
        height: 80vh !important;
    }

    footer {
        padding: 40px 20px;
    }

    .hero-forth,
    .hero-forth-b {
        padding: 0px !important;
    }

    /* .hero-forth .diff-content {
        padding: 50px 10px !important;
    } */

    .first-content {
        padding: 0px !important;
    }

    .extra-flow-bg {
        padding: 0px !important;
        height: 33vh !important;
    }

    .extra-flow-bg .col-md-7 {
        padding-top: 0px;
    }

    .extra-flow-bg .col-md-7 h1 {
        font-size: 24px;
    }

    .hero-six {
        background-position: -610px;
    }

    .hero-six .container {
        padding-right: 0px !important;
    }

    .hero-six .six-content {
        margin-left: 140px;
    }

    .hero-six .six-content .dif-item {
        justify-content: end;
    }

    .hero-six .col-md-12 {
        padding-right: 0px;

    }

    .hero-third {
        background-position: -570px;
    }

    .hero-third .container,
    .hero-third .container .col-md-12 {
        padding-right: 0px;
    }

    .hero-third .third-content {
        text-align: left !important;
        padding-left: 125px;
    }

    .hero-third .third-content h1 {
        font-size: 24px !important;
    }

    .hero-third .third-content p {
        font-size: 14px !important;
    }

    .hero-nine {
        background-position: -420px;
    }

    .hero-nine .container,
    .hero-nine .container .col-md-12 {
        padding-right: 0px;
    }

    .hero-nine .six-content {
        padding-left: 100px;
    }

    .hero-second {
        height: 60vh !important;
    }

    .faq-section {
        margin: 0px auto !important;
    }
}


@media (max-width:391px) {
    .hero-fifth {
        background-position: -10px center;

    }

    .hero-fifth .fifth-content .dif-item {
        padding-right: 100px !important;
    }

    .hero-six {
        background-position: -500px;
    }

    .hero-six .six-content {
        margin-left: 100px;
    }

    .hero-six .col-md-12 {
        padding-right: 0px;

    }

    h1 {
        font-size: 24px !important;
    }

    p {
        font-size: 14px !important;
    }

    .first-content h1 {
        font-size: 44px !important;
    }

    .hero-third {
        background-position: -700px;
    }

    .hero-second {
        height: 50vh !important;
        padding: 0px 0px !important;
    }

    .hero-nine {
        background-position: -370px;
    }
}