/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/
@media (max-width: 1850px) {}

@media (max-width: 1700px) {}

@media (max-width: 1650px) {}

@media (max-width: 1550px) {}

@media (max-width: 1500px) {}

@media (min-width: 1360px) {
    .thank-banner-section.landing-page-hero-section{
        background-position: center;
        background-size: cover;
    }
}

@media (max-width:1320px) {
    .thank-banner-section.landing-page-hero-section{
        background-position: center;
        background-size: cover;
    }
    .landing-page-hero-section-wrap {
        padding-bottom: 20px;
    }

    /* .landing-page-hero-section-left {
        margin-right: 50px;
    } */

    .landing-page-hero-section .hero-section-title {
        font-size: 38px;
        line-height: 44px;
    }
}

@media (max-width:1300px) {}

@media (max-width:1200px) {
    .form-with-content-inner-column-left-content-box {
        padding-right: 50px;
    }
    .app-section-inner-right-title {
        font-size: 34px;
        line-height: 40px;
    }
    .app-section-inner-right {
        padding-left: 50px;
    }
    .app-btns {
        gap: 20px;
        padding-top: 30px;
    }
    .app-btn .btn {
        padding: 8px 28.5px;
    }
    .testimonial-inner-column-slider {
        margin-top: -15px;
    }

    .testimonial-inner-column-title h2 {

        font-size: 30px;
    }

    .three-block-section.resources .three-block-wrap {
        padding: 30px 25px;
    }

    .three-block-section.resources .section-title {
        margin-left: 0px;
    }

    .three-block-section.resources .three-block-list-cta {
        padding-top: 27px;
    }

    .testimonial-inner-column-title h2 {
        padding-left: 97px;
    }

    .testimonial-inner-column-slider {
        padding: 45px 80px 60px 80px;

    }

    section.form-with-content-section {
        padding: 69px 0px 100px;
    }

    .form-with-content-inner-column.form-with-content-inner-column-left {
        padding-right: 60px;
    }


    .three-block-section.resources .three-block-list-cta .btn {
        border-color: #007398;
        color: #007398;
        font-size: 15px;
    }

    .h2,
    h2 {
        font-size: 30px;
    }

    .icon-with-content-box {
        width: calc(25% - 40px);
    }

    .icon-with-content-boxes {
        gap: 10px 40px;
    }

    .landing-page-hero-section .hero-section-title {
        font-size: 34px;
        line-height: 40px;
    }

    /* .landing-page-hero-section-left {
        padding: 0px 125px 0px 0px;
    } */
    .hero-section-content p {
        font-size: 17px;
        line-height: 22px;
        padding-right: 0px;
    }
}

@media (max-width:1199px) {}

@media (max-width:1024px) {
    .app-section {
        padding: 50px 0px 150px;
    }
    .app-section-inner-right-title {
        font-size: 30px;
        line-height: 38px;
    }
    .app-section.otd-app .app-section-inner {
        padding-top: 70px;
    }
    .app-section-inner-right {
        padding-left: 40px;
    }
    .app-btns {
        gap: 20px;
        padding-top: 20px;
    }
    footer.site-footer .footer-left .footer-logo {
        max-width: 180px;
    }

    footer.site-footer {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .faqs-section .section-title {
        padding-bottom: 34px;
    }

    .faqs-section {
        padding-bottom: 80px;
    }

    section.three-block-section.resources {
        padding-bottom: 70px;
    }

    .three-block-section .three-block-title {
        padding: 30px 20px 0px;
    }


    .three-block-section .three-block-wrap {
        padding: 30px;
    }

    .three-block-section .three-block-title h4 {
        font-size: 19px;
    }

    .three-block-list-cta .btn {
        font-size: 15px;
    }

    .icon-with-content-img {
        max-width: 65px;
        padding: 12px;
        height: 65px;
    }

    .icon-with-content-text {
        font-size: 16px;
        line-height: 21px;
        padding: 0px;
    }

    .icon-with-content-boxes {
        gap: 10px 30px;
    }

    .icon-with-content-box {
        width: calc(25% - 30px);
    }

    .icon-with-content-section {
        padding: 60px 0px;
    }

    .icon-with-content-title {
        font-size: 16px;
        line-height: 21px;
        padding: 12px 0px 5px;
    }

    .landing-page-hero-section .hero-section-title {
        font-size: 33px;
        line-height: 40px;
    }

    .landing-page-hero-section, .thank-banner-section.landing-page-hero-section {
        height: 600px;
    }
    .three-block-section .three-block-content {
       
        padding: 20px 20px 0px;
    }
    .three-block-section .three-block-list-cta {
        padding: 30px 20px 0px;
    }
    .app-section.otd-app:after {
        height: 570px;
    }
}

@media(max-width:1023px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {
    .app-section.otd-app:after {
        height: 520px;
    }
    .form-with-content-inner-column-left-content-box {
        padding-right: 0px;
    }
    .app-section-inner-right-title {
        font-size: 23px;
        line-height: 32px;
    }
    .app-section {
        padding: 50px 0px 110px;
    }
    .app-section.otd-app .app-section-inner {
        padding-top: 60px;
    }
    .app-btn .btn {
        padding: 8px 10px;
        font-size: 14px;
    }
    .app-section-inner-right {
        padding-left: 30px;
        width: 70%;
    }
    .app-section-inner-left {
        width: 30%;
    }
    .app-btns {
        gap: 10px;
        padding-top: 15px;
    }
    section.common-content-section.common-404-section {
        height: 400px;
    }

    .common-404-section .gchs-common-section-title {
        font-size: 50px !important;
        line-height: 50px !important;
        margin-bottom: 30px;
    }

    .common-404-section .banner-content {
        font-size: 26px;
        line-height: 26px;
        padding-bottom: 30px;
    }

    .icon-with-content-text {
        text-align: center;
    }

    .icon-with-content-boxes {
        gap: 30px 30px;
    }

    .icon-with-content-box {
        width: calc(50% - 30px);
    }

    .testimonial-inner-column-title h2 {

        font-size: 26px;
    }

    .form-with-content-inner-column-right-form-code input:not(input[type="submit"]),
    .form-with-content-inner-column-right-form-code select,
    .form-with-content-inner-column-right-form-code label {
        font-size: 15px;
        line-height: 26px;
    }

    .form-content {
        padding: 30px 25px 25px 25px;
    }

    .form-with-content-inner-column-right-form-code .form-title {
        font-size: 22px;
        line-height: 30px;
    }

    footer.site-footer .footer-right .footer-content {
        color: #ffffff;
        font-size: 17px;
        line-height: 25px;
    }

    .faqs-section.faqs-style2 .faqs-list-row h3 {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 23px;
    }

    .faqs-section.faqs-style2 .faqs-list-row {
        margin-bottom: 30px;
    }

    section.faqs-section.faqs-style2.default-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .icon-social-section {
        padding: 40px 0px 30px;
    }

    .common-content-section {
        padding: 60px 0px 60px;
    }

    .three-block-section.resources .three-block-image-wrap {
        height: 210px;
    }

    .three-block-section.resources .three-block-wrap {
        padding: 20px 15px;
    }

    .three-block-section.resources .three-block-list-cta .btn {
        font-size: 14px;
        padding: 7px 7px;
    }

    .three-block-section.resources .three-block-list-cta {
        padding-top: 20px;
    }

    .three-block-section.resources .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .three-block-section.resources [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    section.three-block-section.resources {
        padding-bottom: 60px;
    }

    .faqs-section .section-title {
        padding-bottom: 24px;
    }

    .faqs-section {
        padding-bottom: 60px;
    }

    .faqs-list-row h3,
    .faqs-list-content p {
        font-size: 17px;
        line-height: 21px;
    }

    section.testimonial-section {
        padding: 60px 0px 60px;
    }

    .testimonial-inner-column-slider {
        padding: 40px 40px 40px 40px;
        margin-top: -11px;
    }

    .testimonial-inner-column-title h2 {
        padding-left: 57px;
    }

    .testimonial-inner-column-title h2::before {
        top: 15px;
    }

    .testimonial-inner-column-title h2::after {
        top: 15px;
    }

    .testimonial-inner-column-box-content p {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .testimonial-inner-column-title h2::before {
        right: calc(100% + -40px);
    }

    .testimonial-inner-column-box-name span,
    .testimonial-inner-column-box-more_info span {
        font-size: 16px;
        line-height: 20px;
    }

    .testimonial-inner-column-left-content-box .testimonial-inner-column-box-left {
        width: 65%;
        padding-right: 40px;
    }

    .testimonial-inner-column-left-content-box .testimonial-inner-column-box-right {
        width: 35%;
    }

    .testimonial-inner-column-content button.slick-arrow {
        width: 25px;
        height: 25px;
    }

    .testimonial-inner-column-content .slick-prev {
        left: -30px;
    }

    .testimonial-inner-column-content .slick-next {
        right: -30px;
    }

    .testimonial-inner-column-box-name {
        padding-top: 15px;
    }

    .form-with-content-inner-column-left-content-box-title h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }



    .form-with-content-inner-column-left-content-box-content p {
        font-size: 15px;
        line-height: 20px;
    }

    .form-with-content-inner-column.form-with-content-inner-column-left {
        padding-right: 30px;
    }

    .form-with-content-inner-column-right-title h2 {
        font-size: 24px;
        line-height: 30px;
    }

    section.form-with-content-section {
        padding: 60px 0px 60px;
    }

    .three-block-section.resources .section-title .h2 {
        margin-bottom: 20px;
    }

    .hybrid-section.three-block-section .three-block-image-wrap {
        height: 250px;
    }

    .hybrid-section.three-block-section .three-block-section-row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .hybrid-section.three-block-section .three-block-wrap {
        padding: 20px;
    }

 

    .hybrid-section .col-md-4.three-block-section-col {
        padding-left: 10px;
        padding-right: 10px;
    }

    .three-block-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .three-block-section .three-block-title {
        padding: 20px 20px 0px;
    }

    .three-block-section .three-block-title h4 {
        font-size: 18px;
    }

    .three-block-content p {
        font-size: 15px;
    }

    .three-block-list-cta .btn {
        font-size: 13px;
    }

    .three-block-section .section-title {
        width: 100%;
        padding-bottom: 0px;
    }

    .three-block-section .three-block-list-cta {
        padding: 15px 20px 0px;
    }

    .image-and-content-section .image-and-content-right img {
        max-width: 350px;
    }

    .image-and-content-section .section-title {
        padding-bottom: 20px;
    }

    .three-block-section .three-block-content {
       padding: 20px 20px 0px;
    }

    .image-and-content-section .image-and-content-left {
        width: 100%;
        max-width: calc(50% - 15px);
        padding-right: 10px;
    }

    .icon-social-section-title h2 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 18px;
    }

    .form-with-content-inner-column-left-content-img {
        margin-top: 25px;
    }

    .form-with-content-inner-column-left-content-box {
        padding-bottom: 15px;
    }

    .form-with-content-inner-column-left-content {
        padding-top: 10px;
    }

    .form-with-content-inner-column-left-content-title h2 {
        color: #fff;
        margin-bottom: 13px;
    }

    .form-with-content-inner-column-left-content-title h2,
    .form-with-content-inner-column-left-content-subTitle h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .image-and-content-section .image-and-content-right {
        width: 100%;
        max-width: calc(50% - 15px);
    }

    .image-and-content-section .section-title .h2 {
        margin-bottom: 15px;
    }

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

    .image-and-content-section .image-and-content-left li {
        font-size: 16px;
    }

    .image-and-content-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .three-block-section .section-title .h2 {
        margin-bottom: 0px;
    }

    .landing-page-hero-section , .thank-banner-section.landing-page-hero-section{
        height: 550px;
    }

    .landing-page-hero-section .hero-section-title {
        font-size: 24px;
        line-height: 30px;
        padding: 0px 80px 15px 37px;
    }

    .landing-page-hero-section-left:after {
        top: -5px;
    }

    /* .landing-page-hero-section-left {
        padding: 0px 85px 20px 25px;
    } */
    .hero-section-content p {
        font-size: 16px;
        line-height: 21px;
    }

    .landing-page-hero-section-yello-logo {
        position: absolute;
        right: -50px;
        top: -72px;
        max-width: 150px;
        z-index: 1;
    }

    .landing-page-hero-section-wrap {
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
}

@media (max-width: 847px) {}

@media (max-width: 768px) {}

@media (max-width:767px) {
    .app-section.otd-app .app-section-inner {
        padding-top: 30px;
    }
    .app-section.otd-app:after {
        display: none;
    }
    .faqs-section .section-title .icon-arrow{
        margin-top: 0px;
    }
    .form-with-content-inner-column-left-content-title {
        padding: 0px 20px;
    }
    footer.site-footer .footer-left .footer-logo img {
        max-width: 154px;
    }
    .common-content-section.what-common-section {
        padding: 13px 0px 11px;
    }
    .landing-page-hero-section.thank-banner-section .hero-section-title span::after{
        width: 800%;
    }
    .mobile-remove-bg {
        background-size: 0px !important;
    }
    .thank-banner-section.landing-page-hero-section .hero-section-title {
        padding-bottom: 7px;
    }
    .app-section {
        padding: 30px 0px 70px;
    }
    .app-btn .btn {
        padding: 8px 10px;
        font-size: 12px;
    }
    .app-btns {
        gap: 10px;
        padding-top: 15px;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .app-section-inner-right-title {
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }
    .app-section-inner {
        flex-wrap: wrap;
    }
    .app-section-inner-left {
        width: 100%;
    }
    .app-section-inner-right {
        padding-left: 0px;
        width: 100%;
        padding-top: 15px;
    }
    .app-section-inner-left-img {
        text-align: center;
    }
    .app-section-inner-left-img img {
        border-radius: 0px;
    }
    .thank-banner-section .hero-section-content {
        display: none;
    }
    .thank-banner-section ~ .landing-page-hero-bottom-section {
        display: block !important;
    }
  
    section.landing-page-hero-section:before {
        height: 150px;
        bottom: -1px;
    }

    section.common-content-section.common-404-section {
        height: auto;
        padding: 70px 0px;
    }

    .common-404-section .gchs-common-section-title {
        font-size: 40px !important;
        line-height: 40px !important;
        margin-bottom: 20px;
    }

    .common-404-section .banner-content {
        font-size: 22px;
        line-height: 22px;
        padding-bottom: 20px;
    }

    .thank-you-common-section:after {
        width: 63px;
        height: 206px;
        margin-top: -86px;
    }

    .thank-you-common-section {
        height: 150px;
    }



    .common-content-section {
        padding: 13px 0px 11px;
        box-shadow: none;
        background-size: 100% 100%;

    }

    .common-content-section .btn {
        color: #fff;
        border-color: #fff;
        font-size: 12px;
        padding: 5px 12px;
    }
    .btn {
        border: 1px solid #fff;
    }

    .gchs-common-section-title {
        color: #fff;
        font-size: 14px !important;
        line-height: 16px;
        margin-bottom: 12px;
    }

    .what-common-section a.btn {
        margin-top: 0px;
        padding: 5px 12px 5px;
    }

    .landing-page-hero-bottom-section-content p br {
        display: none;
    }

    .common-content-section.what-common-section p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 18px;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
    }

    .icon-with-content-text {
        text-align: left;
    }

    .form-with-content-inner-column-right-form-code .form_group-row.form_group-row-mt-60 {
        text-align: left;
    }

    .form-with-content-inner-column-right-form-code select {
        background-size: 15px 8px;
    }

    .form-with-content-inner-column-right-form-code select {
        font-size: 10px !important;
        line-height: 22px !important;
    }

    .form-with-content-inner-column-right-form-code input[type="submit"] {
        font-size: 12px;
        padding: 5px 16px;
    }

    .form-with-content-inner-column-right-form-code input:not(input[type="submit"]),
    .form-with-content-inner-column-right-form-code select,
    .form-with-content-inner-column-right-form-code label {
        font-size: 12px;
        line-height: 26px;
    }

    .form-with-content-inner-column-right-form-code .form-title {
        font-size: 14px;
        line-height: 18px;
    }

    .form-with-content-inner-column-right-form-code .form-title span::before {
        height: 2px;
        top: 10px;
    }

    .form-with-content-inner-column-right-form-code .form-title span::after {
        height: 2px;
        top: 10px;
    }

    .form-content {
        padding: 13px 33px 13px 33px;
        border: 2px solid #FFFFFF;
        border-top: unset;
        margin-top: -8px;
    }

    .site-footer .wrapper {
        padding: 0px 74px;
    }

    footer.site-footer {
        padding-top: 48px;
        padding-bottom: 100px;
    }

    footer.site-footer .footer-right .footer-content p:last-child {
        margin-bottom: 0px;
    }

    footer.site-footer .footer-left .footer-logo {
        max-width: 154px;
    }

    footer.site-footer .footer-inner {
        justify-content: flex-start;
        gap: 25px;
        flex-wrap: wrap;
    }

    footer.site-footer .footer-right {
        width: 100%;
        max-width: 100%;
    }

    footer.site-footer .footer-left {
        width: 100%;
        max-width: 100%;
    }

    footer.site-footer .footer-right .footer-content p {
        text-align: left !important;
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 20px;
    }

    .faqs-section.faqs-style2 .faqs-list-row {
        margin-bottom: 17px;
    }

    .faqs-section.faqs-style2 .faqs-list-row p {
        font-size: 12px;
        line-height: 18px;
    }

    .faqs-section.faqs-style2 .section-title {
        padding-bottom: 27px;
        gap: 12px;
    }

    .faqs-section.faqs-style2 .faqs-list-row h3 {
        margin-bottom: 7px;
        font-size: 12px;
        line-height: 16px;
    }

    section.faqs-section.faqs-style2.default-padding {
        padding-top: 40px;
        padding-bottom: 35px;
    }

    section.three-block-section.resources {
        padding-bottom: 40px;
    }

    section.three-block-section.resources.resorcesone {
        padding-top: 38px !important;
    }

    .three-block-section.resources .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .three-block-section.resources [class*="col-"] {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 17px;
    }

    .three-block-section.resources [class*="col-"]:last-child {
        padding-bottom: 0px;

    }

    .three-block-section.resources .three-block-list-cta .btn {
        font-size: 12px;
        padding: 6px 20px;
    }

    .three-block-section.resources .three-block-list-cta {
        padding: 10px 0px 0px !important;
        justify-content: center;
    }

    .three-block-section.resources .three-block-wrap {
        padding: 15px 20px;
    }

    .three-block-section.resources .section-title {
        padding: 0px;
    }

    .three-block-section.resources .wrapper {
        padding: 0px 43px;
    }

    .faqs-section .wrapper {
        padding-left: 43px;
        padding-right: 43px;
    }

    .faqs-section .faqs-list-row h3 {
        margin-bottom: 5px;
    }

    .faqs-section .section-title .icon-arrow {
        width: 12px;
        height: 12px;
    }

    .faqs-section .section-title {
        padding-bottom: 21px;
        gap: 12px;
    }

    .faqs-section .section-title .h2 {
        font-size: 14px;
    }

    .faqs-list-row h3,
    .faqs-list-content p {
        font-size: 12px;
        line-height: 18px;
    }

    .faqs-section {
        padding-bottom: 40px;
    }

    section.testimonial-section {
        padding: 37px 0px 42px;
    }

    .testimonial-inner-column-title h2 {
        padding-left: 30px;
        font-size: 14px;
        line-height: 20px;
    }

    .testimonial-inner-column-title h2::before {
        right: calc(100% + -20px);
        height: 2px;
        top: 10px;
    }

    .testimonial-inner-column-title h2::after {
        top: 10px;
        height: 2px;
    }

    .testimonial-inner-column-slider {
        padding: 42px 44px 30px 44px;
        margin-top: -11px;
        border: 2px solid #39ABC3;
        border-top: unset;
    }

    .testimonial-inner-column-content button.slick-arrow {
        width: 28px;
        height: 28px;
        top: 15%;
    }

    .testimonial-inner-column-box-name span,
    .testimonial-inner-column-box-more_info span {
        font-size: 14px;
        line-height: 18px;
    }

    .testimonial-inner-column-box-name {
        padding-top: 22px;
    }

    .testimonial-inner-column-box-content p {
        font-size: 12px;
        line-height: 18px;
    }

    .testimonial-inner-column-left-content-box .testimonial-inner-column-box-right {
        width: 85%;
        margin: 0 auto;
    }

    .testimonial-inner-column-left-content-box {
        flex-wrap: wrap;
    }

    .testimonial-inner-column-left-content-box .testimonial-inner-column-box-left {
        width: 100%;
        padding-right: 0px;
        order: 1;
        padding-top: 40px;
    }

    .testimonial-inner-column-left-content-box .testimonial-inner-column-box-right {
        width: 100%;
    }

    .form-with-content-inner-column-left-content-box-title h3 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 14px;
        font-weight: bold;
    }

    .form-with-content-inner-column-left-content-box-content p {
        font-size: 12px;
        line-height: 15px;
    }



    section.form-with-content-section {
        padding: 20px 0px 37px;
    }

    .form-with-content-inner-wrap.form-with-content-inner-row {
        flex-wrap: wrap;
    }
    .form-with-content-inner-column-left-content-subTitle h3 {
        margin-bottom: 0px;
    }
    .form-with-content-inner-column-left-content {
        padding-top: 20px;
    }
    .form-with-content-inner-column.form-with-content-inner-column-left {
        width: 100%;
        /* order: 1; */
        padding-top: 21px;
        padding-left: 26px;
        padding-right: 26px;
        text-align: center;
    }
    .form-with-content-inner-column-left-content-img {
        margin-top: 20px;
        margin-bottom: 38px;
    }
    .form-with-content-inner-column-left-content-box-title {
        margin-bottom: 3px;
    }
    .form-with-content-inner-column-left-content-box-title p {
        color: #fff;
        font-size: 12px;
        line-height: 16px;
    }
    .form-with-content-inner-column-left-content-title h2, .form-with-content-inner-column-left-content-subTitle h3 {
        font-size: 14px;
        line-height: 18px;
    }

    .form-with-content-inner-column.form-with-content-inner-column-right {
        width: 100%;
    }

    section.form-with-content-section .wrapper {
        padding: 0px 30px;
    }

    .hybrid-section.three-block-section .three-block-image-wrap {
        height: 360px;
    }

    .three-block-section .three-block-title h4 br {
        display: none;
    }

    .three-block-section .three-block-list-cta {
        padding: 0px 49px 30px !important;
        justify-content: flex-start;
    }

    .three-block-section .three-block-title {
        padding: 17px 49px 13px;
    }

    .three-block-section .three-block-title h4 {
        font-size: 14px;
    }

    .three-block-content {
        padding: 0px 49px 15px !important;
    }

    .three-block-content p {
        font-size: 12px;
        color: #000;
    }

    .three-block-list-cta .btn {
        font-size: 12px;
        color: #007398;
        border: 2px solid #007398;
        padding: 5px 13.12px;
    }

    .hybrid-section.three-block-section .three-block-wrap {
        padding: 0px;
        background-color: transparent;
        box-shadow: none;
    }

    .three-block-section .three-block-section-col:last-child .three-block-list-cta {
        padding-bottom: 0px !important;
    }

    .hybrid-section .wrapper {
        padding: 0px;
    }

    .hybrid-section.three-block-section .three-block-section-row {
        margin-right: 0px;
        margin-left: 0px;
    }


    .hybrid-section .col-md-4.three-block-section-col {
        padding: 0px;
    }

    .three-block-section {
        padding-top: 0px;
        padding-bottom: 43px;
    }
    .three-block-section-col {
        padding: 0px !IMPORTANT;
    }
    .image-and-content-section .image-and-content-left li {
        font-size: 12px;
    }
    .image-and-content-left p {
        font-size: 12px;
        line-height: 1.28;
        margin-bottom: 10px;
    }
    .three-block-section .section-title {
        padding: 0px 43px;
    }

    .three-block-section .section-title .h2 {
        font-size: 14px;
        text-align: left;
    }

    .three-block-section .section-title .h2 br {
        display: none;
    }

    .image-and-content-left {
        padding: 0px 20px 25px;
    }
    .image-and-content-left ul {
        padding-left: 10px;
    }
    .image-and-content-section .section-title .h2 br {
        display: none;
    }

    .image-and-content-section .image-and-content-right img {
        max-width: 100%;
        width: 100%;
    }

    .image-and-content-section {
        padding: 0px;
    }

    .image-and-content-section .wrapper {
        padding: 0px;
    }

    .image-and-content-section .image-and-content-right {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }

    .image-and-content-section .section-title {
        order: 1;
        padding: 13px 60px 10px;
        text-align: center;
    }

    .image-and-content-section .section-title .h2 {
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

    .image-and-content-section .image-and-content-left {
        order: 2;
        max-width: 100%;
        /* box-shadow: 0px 6px 6px -3px #00000029; */
        padding: 0px 20px 25px;
    }

    .icon-with-content-section .wrapper {
        padding-left: 55px;
        padding-right: 55px;
    }

    .icon-with-content-text,
    .icon-with-content-title {
        font-size: 12px;
        line-height: 19px;
        padding-top: 0px;
    }

    .icon-with-content-img {
        max-width: 39px;
        padding: 9px;
        height: 39px;
        width: 39px;
        margin: inherit;
    }

    .icon-with-content-img img {
        height: 20px;
        width: 20px;
        max-width: 20px;
        max-height: 20px;

    }

    .icon-with-content-section {
        padding: 40px 0px;
    }

    .icon-with-content-wrap {
        text-align: left;
    }

    .icon-with-content-boxes {
        gap: 24px;
        flex-wrap: wrap;
    }

    .icon-with-content-box {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 34px;
    }

    .landing-page-hero-section-wrap {
        padding-bottom: 12px;
        margin-bottom: 0px;
    }

    .landing-page-hero-bottom-section-inner {
        padding: 0 15px;
    }

    .landing-page-hero-section .hero-section-title {
        font-size: 14px;
        line-height: 16px;
        padding: 0px 15px 8px 15px;
        margin-top: -15px;
        letter-spacing: 0.28px;
    }

    .landing-page-hero-bottom-section-title {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 12px;
    }
    .landing-page-hero-bottom-section-content {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 22px;
    }

    .landing-page-hero-section .hero-section-title span::before {
        height: 2px;
        right: calc(100% + 6px);
        top: 8px;
    }

    .landing-page-hero-section .hero-section-title span::after {
        height: 2px;
        left: calc(100% + 6px);
        top: 8px;
    }

    .landing-page-hero-section .hero-section-content {
        padding: 0px 20px 10px 20px;
    }

    .landing-page-hero-section-yello-logo {
        right: 0px;
        top: -72px;
        max-width: 65px;
    }

    .landing-page-hero-section , .thank-banner-section.landing-page-hero-section{
        /* height: 308px; */
        height: 280px;
    }

    .hero-section-content p {
        font-size: 12px;
        line-height: 16px;
    }

    .landing-page-hero-section-left:after {
        border: 2px solid #007298;
        border-top: unset;
        top: -6px;
    }

    .header-left img {
        max-width: 162px;
    }

    .header-right .btn {
        padding: 5px 12px;
        font-size: 12px;
        text-align: center;
        border: 1px solid #fff;
    }

    header {
        padding: 23px 0;
    }

    .landing-page-hero-section-left {
        margin-right: 0px;
    }

    .landing-page-hero-section-yello-logo {
        right: 10px;
        top: -84px;
        max-width: 65px;
    }

    .form-with-content-inner-column-right-title h2 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    }
    .icon-social-section {
        padding: 22px 0px 22px;
    }
    .icon-social-section-title h2 {
        margin-bottom: 7px;
        font-size: 14px;
        line-height: 18px;
        padding: 0px 30px;
    }
    .icon-social-box img {
        width: 20px;
        height: 20px;
    }
    .icon-social-boxes {
        gap: 5px;
    }
}

@media (max-width:640px) {}

@media (max-width:600px) {}

@media (max-width:580px) {}

@media (max-width:420px) {
    .landing-page-hero-section , .thank-banner-section.landing-page-hero-section{
        background-size: contain;
        background-position: top;
    }
}

@media (max-width:460px) {
    .hybrid-section.three-block-section .three-block-image-wrap {
        height: 240px;
    }
}
@media (max-width:370px) {
    .landing-page-hero-section .hero-section-title {
        font-size: 11px;
        line-height: 14px;
    }
}
@media (max-width:360px) {
    .form-with-content-inner-column-left-content-title {
        padding: 0px 0px;
    }
    .header-left img {
        max-width: 150px;
    }
   
    .landing-page-hero-bottom-section-inner {
        padding: 0 0px;
    }
    .icon-social-section-title h2 {
        padding: 0px 0px;
    }
    .form-with-content-inner-column-right-form-code .form_group-row {
        padding-bottom: 10px;
    }

    .form-content {
        padding: 13px 15px 13px 15px;
    }

    .site-footer .wrapper {
        padding: 0px 20px;
    }

    .three-block-section.resources .wrapper {
        padding: 0px 20px;
    }

    .faqs-section .section-title {
        padding-bottom: 15px;
        gap: 10px;
    }

    .faqs-section .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .testimonial-inner-column-slider {
        padding: 20px 20px 20px 20px;
    }

    .testimonial-inner-column-content .slick-prev {
        left: -15px;
    }

    .testimonial-inner-column-content button.slick-arrow {
        width: 20px;
        height: 20px;
    }

    .testimonial-inner-column-content .slick-next {
        right: -15px;
    }


    section.form-with-content-section .wrapper {
        padding: 0px 20px;
    }

    .form-with-content-inner-column-left-content-box-title h3 {
        margin-bottom: 10px;
    }

    .form-with-content-inner-column-right-title h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .form-with-content-inner-column.form-with-content-inner-column-left {
        padding-left: 0px;
        padding-right: 0px;
    }

    .three-block-section .three-block-title {
        padding: 25px 20px 15px;
    }

    .three-block-content {
        padding: 0px 20px 15px !important;
    }

    .three-block-section .three-block-list-cta {
        padding: 0px 20px 25px !important;
    }

    .icon-with-content-section .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .image-and-content-section .section-title {
        padding: 25px 20px 17px;
    }

    .image-and-content-left {
        padding: 0px 20px 35px;
    }

    .three-block-section .section-title {
        padding: 0px 20px;
    }
}

@media (min-width:1921px) {}