@media screen and (min-width: 576px) {
    .new-agent-box .agent-info {
        position: relative;
    }
    .agent-social-links {
        position: absolute;
        right: 0;
        top: 0;
        text-align: right;
        justify-content: end;
        gap: 11px;
    }
}
@media screen and (min-width: 768px) {
    .header-top {
        padding: 8px 0 9px;
    }
    .header-top a {
        font-size: 13px;
        line-height: 24px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .inner-hero-content {
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
    }
    .inner-hero-content .button-group .primary-solid {
        padding: 4px 5px 4px 21px;
        gap: 16px;
        font-size: 14px;
    }
    .inner-hero-content .button-group .primary-solid > span {
        height: 30px;
        width: 30px;
    }
    .benefit-left-content .text-link-area {
        gap: 16px;
    }
    section.problem-section {
        margin-bottom: 100px;
    }
    .two-column-intro {
        text-align: center;
    }
    .content-box  .left-content-area .primary-transparent span {
        height: 30px;
        width: 30px;
    }
    .content-box  .left-content-area .primary-transparent span i {
        font-size: 16px;
    }
    .field-group.fixed-with-field {
        grid-template-columns: repeat(auto-fit, 170px);
        gap: 17px;
    }
    .field-group.fixed-with-field .single-field {
        width: 170px;
    }
    .custom-x-gutter {
        --bs-gutter-x: 34px;
    }
    .savings-carousel-navigation, .mobile-savings-carousel {
        display: none;
    }
}
@media screen and (min-width: 992px) {
    .container {
        padding: 0 24px;
    }
    .guarantee-middle-content {
        max-width: 280px;
        width: 100%;
        margin: 0 auto;
    }
    .guarantee-right-content {
        max-width: 360px;
        width: 100%;
        margin-left: auto;
    }
    .intro-right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 250px;
                flex: 0 0 250px;
    }
    .mobile-carousel {
        display: none;
    }
    .solution-left-content {
        max-width: 440px;
    }
    .solution-right-image {
        max-width: 490px;
    }
    .company-logo {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 206px;
                flex: 0 0 206px;
    }
    .gutter-54 {
        --bs-gutter-x: 54px;
    }
    ul.team-info-item {
        max-width: 435px;
        margin-left: auto;
    }
    .team-info .primary-transparent span {
        height: 30px;
        width: 30px;
    }
    .team-info .primary-transparent span i {
        font-size: 16px;
    }
    .sort-btn {
        display: none;
    }
    .problem-toggle-gutter {
        --bs-gutter-x: 27px;
    }
    .contact-left-content {
        margin-top: 24px;
    }
    .contact-left-content h1 {
        font-size: 60px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    section.new-contact-form-toggle .contact-left-content {
        max-width: 430px;
    }
}
@media screen and (min-width: 1200px) {
    .div-1000 {
        max-width: 1048px;
    }
    .main-header {
        padding: 12px 0 13px;
    }
    nav.navmenu > ul {
        gap: 32px;
    }
    nav.navmenu > ul > li {
        padding: 13px 0;
    }
    nav.navmenu > ul > li:last-child {
        display: none;
    }
    nav.navmenu > ul > li > a {
        gap: 6px;
    }
    nav.navmenu > ul > li > a > i {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        line-height: 1.25;
    }
    nav.navmenu > ul > li:hover > a > i {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .header-right-area a.primary-solid {
        padding: 4px 5px 4px 21px;
        gap: 16px;
        font-size: 14px;
    }
    .main-header a.primary-solid span {
        height: 30px;
        width: 30px;
    }
    .megamenu {
        padding-top: 20px;
        max-width: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: calc(100% + 24px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    nav.navmenu > ul > li:hover > a + .megamenu {
        opacity: 1;
        visibility: visible;
        top: calc(100% - 20px);
    }
    .megamenu-content-area {
        box-shadow: 0px 8px 15px rgba(0,0,0,0.15);
        background: -webkit-linear-gradient(left,var(--water-color) 0%, var(--water-color) 55%, var(--light-yellow) 45%, var(--light-yellow) 100% );
        background: linear-gradient(to right,var(--water-color) 0%, var(--water-color) 55%, var(--light-yellow) 45%, var(--light-yellow) 100% );
    }
    .megamenu-left-content {
        padding: 57px 0 24px;
    }
    .megamenu-left-content p {
        margin-bottom: 24px;
    }
    .menu-item-has-sub-menu {
        position: relative;
    }
    .submenu {
        padding-top: 13px;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        width: 300px;
        left: -40px;
        top: calc(100% + 24px);
        opacity: 0;
        visibility: hidden;
    }
    .submenu ul {
        padding: 30px 0;
        border-radius: 0 0 8px 8px;
        box-shadow: 0px 8px 15px rgba(0,0,0,0.15);
    }
    nav.navmenu > ul > li.menu-item-has-sub-menu:hover a + .submenu {
        top: calc(100%);
        opacity: 1;
        visibility: visible;
    }
    .mobile-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 24px;
    }
    button.back-to-main {
        display: none;
    }
    p.megamenu-title {
        display: none;
    }
    .footer-left-content {
        padding-top: 115px;
    }
    .footer-right-content {
        margin-left: auto;
    }
    .hero-section{
        height: 836px;
        background: -webkit-linear-gradient(left, var(--water-color) 50%, var(--water-color) 50%);
        background: linear-gradient(to right, var(--water-color) 50%, var(--water-color) 50%);
        position: relative;
        overflow: hidden;
    }
    .hero-section.baby-blue{
        background: -webkit-linear-gradient(left, var(--primary) 50%, var(--primary) 50%);
        background: linear-gradient(to right, var(--primary) 50%, var(--primary) 50%);
    }
    .hero-section.navy-blue{
        background: -webkit-linear-gradient(left, var(--dark-blue) 50%, var(--dark-blue) 50%);
        background: linear-gradient(to right, var(--dark-blue) 50%, var(--dark-blue) 50%);
    }
    .hero-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: url('/img/hero-image.png') no-repeat center/cover;
    }


    .hero-section-gig{
        height: 836px;
        background: -webkit-linear-gradient(left, var(--water-color) 50%, var(--water-color) 50%);
        background: linear-gradient(to right, var(--water-color) 50%, var(--water-color) 50%);
        position: relative;
        overflow: hidden;
    }
    .hero-section-gig.baby-blue{
        background: -webkit-linear-gradient(left, var(--primary) 50%, var(--primary) 50%);
        background: linear-gradient(to right, var(--primary) 50%, var(--primary) 50%);
    }
    .hero-section-gig.navy-blue{
        background: -webkit-linear-gradient(left, var(--dark-blue) 50%, var(--dark-blue) 50%);
        background: linear-gradient(to right, var(--dark-blue) 50%, var(--dark-blue) 50%);
    }

    .hero-section-gig:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: url('/img/hero-gig.jpg') no-repeat center/cover;
    }




    .hero-section-small{
        height: 836px;
        background: -webkit-linear-gradient(left, var(--water-color) 50%, var(--water-color) 50%);
        background: linear-gradient(to right, var(--water-color) 50%, var(--water-color) 50%);
        position: relative;
        overflow: hidden;
    }
    .hero-section-small.baby-blue{
        background: -webkit-linear-gradient(left, var(--primary) 50%, var(--primary) 50%);
        background: linear-gradient(to right, var(--primary) 50%, var(--primary) 50%);
    }
    .hero-section-small.navy-blue{
        background: -webkit-linear-gradient(left, var(--dark-blue) 50%, var(--dark-blue) 50%);
        background: linear-gradient(to right, var(--dark-blue) 50%, var(--dark-blue) 50%);
    }


    .hero-section-small:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: url('/img/hero-growing.jpg') no-repeat center/cover;
    }


    .hero-section-est{
        height: 836px;
        background: -webkit-linear-gradient(left, var(--water-color) 50%, var(--water-color) 50%);
        background: linear-gradient(to right, var(--water-color) 50%, var(--water-color) 50%);
        position: relative;
        overflow: hidden;
    }
    .hero-section-est.baby-blue{
        background: -webkit-linear-gradient(left, var(--primary) 50%, var(--primary) 50%);
        background: linear-gradient(to right, var(--primary) 50%, var(--primary) 50%);
    }
    .hero-section-est.navy-blue{
        background: -webkit-linear-gradient(left, var(--dark-blue) 50%, var(--dark-blue) 50%);
        background: linear-gradient(to right, var(--dark-blue) 50%, var(--dark-blue) 50%);
    }

    .hero-section-est:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: url('/img/hero-established.jpg') no-repeat center/cover;
    }
    section.hero-section .container {
        height: 100%;
    }
     section.hero-section-gig .container {
        height: 100%;
    }
     section.hero-section-small .container {
        height: 100%;
    }
     section.hero-section-est .container {
        height: 100%;
    }
    .hero-content-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%;
        position: relative;
    }
    .hero-content-area > .flex-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        max-width: 50%;
    }
    .hero-content {
        margin-top: -100px;
    }
    p.audience-label {
        position: absolute;
        top: 60px;
        right: 50%;
        border-radius: 10px 0 0 10px;
    }
    .hero-main-image img {
        display: none;
    }
    .info-card {
        max-width: 584px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
    }
    .inner-hero-section {
        background: url('/img/inner-hero-bg.png') no-repeat center/contain;
        background-color: var(--dark-blue);
    }
    .inner-hero-section.tan-hero {
        background: url('/img/inner-hero-bg-blue.png') no-repeat center/contain;
        background-color: var(--light-yellow);
    }
    .inner-hero-section.light-blue {
        background: url('/img/inner-hero-bg-blue.png') no-repeat center/contain;
        background-color: var(--water-color);
    }
    .benefit-right-content {
        max-width: 534px;
    }
    section.benefits-highlight .text-link-area {
        margin: 0;
    }
    .toggle-left-content {
        max-width: 470px;
    }
    .toggle-tab-area ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .tab-image-with-content {
        max-width: 801px;
    }
    .testimonial-slider-area button.nav-btn.prev-btn, .testimonial-slider-area button.nav-btn.next-btn {
        position: absolute;
        top: 50%;
        left: -25px;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        z-index: 30;
    }
    .testimonial-slider-area button.nav-btn.next-btn {
        right: -25px;
        left: initial;
    }
    .hero-inner-two-section {
        /*background: url('/img/inner-hero-love.png') no-repeat;*/
        background-size: 457px;
        background-position: right center;
        background-color: var(--water-color);
    }
    .hero-inner-light{
        background-size: 457px;
        background-position: right center;
        background-color: var(--light-yellow);
    }
    .left-content-area {
        max-width: 540px;
        padding-left: 95px;
    }
    .content-box .content-right-image {
        max-width: 496px;
    }
    .content-section.love-bg {
        background: url('/img/inner-hero-bg-dot.png') no-repeat right;
        background-size: 360px;
    }
    .left-text-area {
        margin-left: 95px;
        max-width: 650px;
    }
    .contact-form-box.new-toggle-form-box {
        max-width: 550px;
    }
}
@media screen and (min-width: 1400px) {
    .container {
        max-width: 1448px;
        padding: 0 24px;
    }
    .div-1300 {
        max-width: 1348px;
    }
    .div-1200 {
        max-width: 1248px;
    }
    .div-1100 {
        max-width: 1148px;
    }
    .div-1000 {
        max-width: 1048px;
    }
    p.fresh-text {
        font-size: 12px;
        line-height: 2;
        color: var(--black);
    }
    .benefit-right-content {
        max-width: 676px;
    }
    .box-section-gutter {
        --bs-gutter-x: 73px;
    }
    .content-box {
        padding: 49px 49px 49px 0;
    }
}
@media screen and (max-width: 1399px) {
    h1 {
        font-size: 48px;
        line-height: 1.125;
    }
    .testimonial-text {
        max-width: 80%;
    }
    .large-hero-content h1 {
        font-size: 70px;
    }
}
@media screen and (max-width: 1399px) and (min-width: 1199px) {
    .four-box-left-image {
        width: 460px;
    }
    .box-section-gutter {
        --bs-gutter-x: 32px;
    }
    .team-carousel-area {
        width: 600px;
    }
    .large-hero-content {
        max-width: 950px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1199px) {
    .mobile-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        padding: 24px 0 24px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .mobile-header .button-group {
        gap: 29px;
    }
    .mobile-header .button-group a {
        color: var(--dark-blue);
        font-family: var(--body-font);
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 11px;
    }
    .mobile-header .button-group a:hover {
        color: var(--primary);
    }
    .mobile-header .button-group a i {
        font-size: 19px;
    }
    button.humbergur {
        background: no-repeat;
        padding: 0;
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
        border: none;
    }
    button.humbergur span {
        border-radius: 10px;
        background: var(--dark-blue);
        display: inline-block;
        width: 100%;
        height: 3px;
        position: relative;
        top: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    body.open-mobile-menu button.humbergur span:first-child {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 11px;
    }
    body.open-mobile-menu button.humbergur span:nth-child(2) {
        width: 0;
    }
    body.open-mobile-menu button.humbergur span:last-child {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top: -11px;
    }
    div.mainmenu {
        margin: 0;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 999;
        background: #D3EDF6;
    }
    .open-mobile-menu div.mainmenu {
        box-shadow: 0px 8px 15px rgba(0,0,0,0.15);
    }
    nav.navmenu {
        padding-top: 25px;
    }
    nav.navmenu > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                    -ms-grid-row-align: flex-end;
                align-items: flex-end;
    }
    nav.navmenu  ul  li {
        width: 100%;
        max-width: 432px;
        margin: 0 auto;
        border-bottom: 1px solid #B2DEED;
    }
    .megamenu-left-content ul li:first-child {
        border-top: 1px solid #B2DEED;
    }
    nav.navmenu > ul > li:last-child a {
        font-family: var(--body-font);
        font-size: 12px;
    }
    nav.navmenu > ul > li a {
        font-family: var(--heading-font);
        font-weight: 600;
        font-size: 15px;
        line-height: 48px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
        margin: 0 auto;
    }
    nav.navmenu > ul > li > a > i {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    nav.navmenu .button-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                    -ms-grid-row-align: flex-end;
                align-items: flex-end;
        padding-top: 30px;
    }
    nav.navmenu .button-group a {
        width: 100%;
    }
    .megamenu {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        max-height: calc(100vh - 160px);
        padding-top: 25px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 99;
        overflow-y: auto;
        background: var(--water-color);
    }
    .megamenu.active-megamenu {
        left: 0%;
    }
    .megamenu-content-area {
        min-height: 100%;
        height: auto;
    }
    .megamenu-content-area > .container {
        max-width: 100%;
        padding: 0;
    }
    p.megamenu-title {
        font-family: var(--body-font);
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 14px;
    }
    .megamenu-left-content {
        background: var(--water-color);
    }
    .megamenu-left-content .megamenu-left-intro {
        max-width: 432px;
        padding: 0 16px;
        margin: 0 auto;
    }
    .megamenu-left-content ul li a i {
        display: none;
    }
    .mobile-menu-static-content {
        background-color: var(--light-yellow);
    }
    .megamenu-right-content-area {
        background-color: var(--light-yellow);
    }
    .megamenu-right-content {
        gap: 21px;
        max-width: 432px;
        margin: 0 auto;
        padding: 51px 12px 53px 12px;
    }
    .megamenu-right-image {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 115px;
                flex: 0 0 115px;
    }
    .megamenu-right-text a.primary-solid {
        margin: 0;
        line-height: 1;
    }
    .submenu {
        left: -100%;
        width: 100%;
        top: 0;
        background-color: var(--water-color);
        padding-top: 25px;
        max-height: calc(100vh - 160px);
        overflow-y: auto;
    }
    .submenu.active-megamenu {
        left: 0;
    }
    .submenu-mobile {
        max-width: 432px;
        padding: 0 16px;
        margin: 0 auto;
    }
    .submenu ul {
        padding: 0 0 30px;
    }
    .footer-left-content {
        max-width: 100%;
    }
    .footer-image {
        margin-bottom: 10px;
    }
    .footer-right-content {
        padding-top: 48px;
    }
    .footer-logo-area {
        padding-top: 66px;
    }
    p.copyright-text {
        padding-top: 21px;
    }
    section.hero-section .container {
        max-width: 100%;
        padding: 0;
    }
    section.hero-section-gig .container {
        max-width: 100%;
        padding: 0;
    }

    section.hero-section-small .container {
        max-width: 100%;
        padding: 0;
    }
    section.hero-section-est .container {
        max-width: 100%;
        padding: 0;
    }
    .hero-content {
        max-width: 960px;
        margin: 0 auto;
        padding: 130px 0 143px;
    }
    .hero-content h1 {
        max-width: 850px;
    }
    .hero-content .large {
        max-width: 800px;
        margin-bottom: 48px;
    }
    .hero-image-wrapper {
        position: relative;
    }
    .hero-main-image img {
        width: 100%;
        min-height: 436px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .info-card-wraper {
        position: relative;
        max-width: 960px;
        padding: 0 16px;
        margin: 0 auto;
    }
    .hero-info-card {
        top: -240px;
        color: var(--white);
        max-width: 290px;
        text-align: right;
    }
    .hero-badge-circle {
        position: absolute;
        bottom: 100%;
        left: 50%;
        z-index: 99;
        -webkit-transform: translate(-50%, 88px);
                transform: translate(-50%, 88px);
    }
    h2.section-title {
        margin: 0 auto 60px;
    }
    .card-content {
        margin-top: 20px;
    }
    .plans {
        gap: 70px;
    }
    .tab-box {
        padding: 113px 57px 128px 56px;
    }
    .tab-box-content {
        max-width: 336px;
    }
    .tab-box-image {
        max-width: 340px;
    }
    .benefit-left-content {
        padding-bottom: 42px;
    }
    .toggle-tab-area {
        padding-bottom: 32px;
        overflow: auto;
    }
    .toggle-tab-area::-webkit-scrollbar {
        display: none;
    }
    .testimonial-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: 80%;
        gap: 30px;
    }
    .testimonial-text .text {
        text-align: center;
    }
    .testimonial-slider-area .navigation-menu {
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        z-index: 10;
    }
    .custom-image-nav {
        display: none;
    }
    .standard-section .plans {
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }
    .faq-body {
        padding-left: 48px;
        padding-right: 90px;
    }
    .faq-item button {
        padding: 24px 22px 15px 48px;
    }
    .faq-item button.collapsed {
        padding: 20px 22px 20px 48px;
    }
    .four-box-left-image {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding-bottom: 40px;
    }
    .content-area {
        max-width: 735px;
    }
    .team-carousel-area {
        width: 100%;
    }
    .scroll-hover-left-content {
        max-width: 675px;
        padding-bottom: 38px;
    }
    .compare-chart-container {
        padding: 70px 48px 80px;
    }
	p.audience-label {
		padding: 22px 25px;
	}
    .feed-card-content {
        padding: 45px 12px 27px 27px;
    }
    .large-hero-content {
        max-width: 800px;
    }
    .large-hero-content h1 {
        font-size: 60px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .problem-toggle-left-area {
        width: 430px;
    }
    .contact-form-box {
        max-width: 450px;
    }
}
@media screen and (max-width: 991px) {
    .container {
        padding: 0 16px;
    }
    h1 {
        font-size: 42px;
        line-height: 1.143;
    }
    h2 {
        font-size: 30px;
        line-height: 1.333;
    }
    h3 {
        font-size: 24px;
        line-height: 1.333;
    }
    h6{
        font-size: 16px;
        line-height: 1.5;
    }
    a.logo {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 103px;
                flex: 0 0 103px;
    }
    a.logo img {
        width: 100%;
    }
    .mobile-header {
        padding: 15px 0 19px;
    }
    .info-card-wraper  {
        max-width: 720px;
    }
    .hero-content {
        max-width: 720px;
        padding: 100px 0 143px;
    }
    .benefits-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
    }
    .guarantee-middle-content h6 {
        margin-bottom: 16px;
    }
    .guarantee-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        min-width: 100%;
    }
    .work-section-intro {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
    }
    .plans {
        gap: 24px;
    }
    section.tab-section {
        padding: 82px 0 132px;
    }
    .tab-box-content {
        max-width: 100%;
        padding-bottom: 32px;
    }
    .tab-box-image {
        max-width: 100%;
    }
    .tab-box-image img {
        width: 100%;
    }
    .tab-box {
        padding: 60px 57px 64px 56px;
    }
    .desktop-tab {
        display: none;
    }
    section.logos-section {
        padding: 86px 0 70px;
    }
    .solution-right-image {
        padding-bottom: 31px;
    }
    .testimonial-text .text {
        font-size: 30px;
        line-height: 42px;
    }
    .testimonial-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 34px;
    }
    .learning-modal .modal-dialog {
        max-width: 688px;
    }
    .learning-modal-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .learning-modal-left-content {
        max-width: 100%;
    }
    .learning-modal-right-image img {
        border-radius: 0 0 25px 25px;
        width: 100%;
    }
    .gutter-54 {
        --bs-gutter-y: 50px;
    }
    .team-info {
        padding-bottom: 35px;
        max-width: 600px;
    }
    .big-btn {
        display: none;
    }
    .content-box .row:has( .col-lg:last-child > .content-right-image) {
        flex-direction: column-reverse;
    }
    .content-right-image {
        padding-bottom: 31px;
    }
    section.faqs-section, section.four-box-hover-section, section.scroll-hover-section  {
        padding: 60px 0;
    }
    .right-image-area {
        max-width: 100%;
    }
    .problem-toggle-gutter {
        --bs-gutter-y: 14px;
    }
    .problem-toggle-left-area {
        width: 100%;
    }
    .contact-left-content h1 {
        font-size: 48px;
    }
    .contact-form-box {
        max-width: 100%;
    }
    .compare-chart {
        width: 700px;
    }
    .compare-chart tbody tr td:first-child p {
        padding: 20px;
        margin: 0;
    }
    section.quote-calculator-section {
        padding: 90px 0;
    }
    .quote-calculator-box {
        padding: 48px 32px;
    }
    .quote-results-box {
        padding: 39px 32px 54px;
    }
    .table-body .table-cell:first-child p, .table-footer .table-cell:first-child p {
        padding: 0 8px 0 30px;
    }
    section.blog-feed-hero-section {
        padding: 52px 0 56px;
    }
    .blog-hero-left-content {
        max-width: 100%;
        padding-bottom: 76px;
    }
    .blog-hero-left-content h6 {
        margin-bottom: 23px;
    }
    .blog-hero-left-content p {
        font-size: 18px;
        line-height: 24px;
    }
    .contact-left-content {
        padding-bottom: 70px;
    }
    section.large-hero-section {
        padding: 85px 0 100px;
    }
    .large-hero-content h6 {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 1.5;
    }
    .large-hero-content h1 {
        font-size: 52px;
    }
}
@media screen and (max-width: 767px) {
    .footer-left-content {
        gap: 16px;
    }
    .footer-left-content .primary-solid {
        margin-top: 18px;
    }
    .footer-menus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 28px;
    }
    .hero-content {
        max-width: 540px;
        padding: 49px 16px 156px;
    }
    .button-group {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .hero-buttons .primary-solid {
        max-width: 100%;
        width: 100%;
    }
    .single-image-box {
        margin-right: 34px;
    }
    .info-card-wraper {
        max-width: 540px;
    }
    .hero-info-card {
        top: -185px;
        max-width: 239px;
    }
    a.hero-info-card-text {
        font-size: 18px;
        line-height: 21px;
    }
    section.benefits-section {
        padding: 36px 0 45px;
    }
    .text-link-area {
        gap: 20px;
        padding: 18px 35px 19px 20px;
    }
    .benefits-text p {
        line-height: 18px;
    }
    section.problem-section {
        padding: 72px 0;
    }
    .info-card-image {
        display: none;
    }
    .card-label {
        margin-bottom: 26px;
    }
    section.savings-guarantee-section {
        padding: 45px 0;
    }
    .savings-guarantee-box {
        padding: 34px 24px 48px;
    }
    section.work-section {
        padding: 20px 0 84px;
    }
    .plans {
        -ms-grid-columns: (1fr)[1];
            grid-template-columns: repeat(1, 1fr);
        gap: 41px;
    }
    .single-plan {
        gap: 15px;
    }
    .tab-box {
        padding: 24px 12px 16px;
    }
    .tab-box-image img {
        border-radius: 10px;
    }
    section.inner-hero-section {
        padding: 48px 0 80px;
    }
    .inner-hero-content h6 {
        margin-bottom: 23px;
    }
    section.benefits-highlight .text-link-area {
        padding-right: 20px;
    }
    section.benefits-highlight {
        padding: 35px 0 30px;
    }
    section.solution-section {
        padding: 30px 0 26px;
    }
    .tab-image-with-content .tab-content {
        bottom: 19px;
        right: 26px;
        left: 26px;
        padding: 36px 30px 26px 30px;
    }
    .testimonial-slider-area h5 {
        -webkit-transform: translate(-50%, -31px);
                transform: translate(-50%, -31px);
        width: 280px;
        font-size: 18px;
        line-height: 24px;
        padding: 7px 16px;
    }
    .learning-box {
        padding: 22px 16px 21px;
        gap: 16px;
    }
    .left-half .play-icon{
        width: 50px;
        height: 50px;
    }
    .learning-box:hover .play-icon, .play-icon.open-modal {
        top: 65%;
        left: 25%;
        width: 35px;
        height: 35px;
    }
    .learning-modal .modal-dialog {
        max-width: 508px;
    }
    .learning-modal-left-content {
        padding: 48px 24px;
    }
    .learning-modal-left-content h2 {
        font-size: 30px;
        line-height: 1.333;
    }
    section.two-column-info-section {
        padding: 56px 0 60px;
    }
    .two-column-intro {
        margin: 0 auto 50px;
    }
    .top-content h3 {
        font-size: 24px;
        line-height: 1.333;
    }
    section.standard-section {
        margin-top: 40px;
        padding: 60px 0 80px;
    }
    .standard-section .plans {
        -ms-grid-columns: (1fr)[1];
            grid-template-columns: repeat(1, 1fr);
    }
    .learning-modal-embed-youtube iframe {
        border-radius: 10px;
    }
    section.hero-inner-two-section {
        padding: 49px 0 68px;
    }
    section.hero-inner-light {
        padding: 49px 0 68px;
    }
    .inner-hero-two-content h6 {
        margin-bottom: 23px;
    }
    .inner-hero-two-content h1 {
        margin-bottom: 28px;
    }
    .inner-hero-two-content p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 44px;
    }
    .inner-hero-two-content .button-group .primary-solid {
        width: 100%;
        max-width: 100%;
    }
    section.healthcare-team-section {
        padding: 48px 0 53px;
        margin-bottom: 28px;
    }
    .team-image {
        margin-bottom: 17px;
    }
    .inner-hero-two-content .button-group {
        gap: 30px;
    }
    .content-section {
        padding: 28px 0;
    }
    .faq-item button {
        padding: 20px 9px 15px 25px;
        gap: 40px;
    }
    .faq-item button.collapsed {
        padding: 20px 9px 14px 25px;
    }
    .faq-item button h5 {
        font-size: 16px;
        line-height: 21px;
    }
    .faq-body {
        padding-left: 25px;
        padding-right: 25px;
    }
    section.faqs-section {
        padding: 38px 0 32px;
    }
    section.four-box-hover-section {
        padding: 34px 0 26px;
    }
    .content-area h2 {
        margin-bottom: 16px;
    }
    .content-area p {
        margin-bottom: 26px;
    }
    .four-box-hover {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    section.scroll-hover-section {
        padding: 30px 0 95px;
    }
    section.text-image-section {
        padding: 52px 0;
    }
    .left-text-area h2 {
        margin-bottom: 24px;
    }
    .left-text-area h6 {
        margin-bottom: 20px;
    }
    section.problem-toggle-section {
        padding: 70px 0;
    }
    .static-heading {
        padding: 28px 24px 18px 30px;
    }
    .problem-toggle-tab-area {
        padding: 39px 16px 24px;
    }
    .problem-tab-content {
        padding: 30px 23px 35px 25px;
    }
    .problem-toggle-tab-area .tab-btn {
        padding: 11px 14px 11px 14px;
    }
    section.blog-hero-section {
        padding: 60px 0 46px;
    }
    section.blog-content-section {
        padding: 40px 0 80px;
    }
    .blog-content-area p {
        margin-bottom: 32px;
    }
    .key-takeaways ul {
        padding: 29px 16px 24px 40px;
        gap: 20px;
    }
    .contact-left-content h2 {
        margin-bottom: 24px;
    }
    section.quote-calculator-section {
        padding: 76px 0;
    }
    .quote-calculator-intro {
        margin: 0 auto 36px;
    }
    .quote-calculator-intro p {
        font-size: 16px;
        line-height: 1.5;
    }
    .quote-calculator-input-fields {
        gap: 45px;
    }
    .field-group.column-four {
        grid-template-columns: repeat(2, 170px);
        row-gap: 12px;
        column-gap: 35px;
    }
    .disclaimer {
        margin: 67px auto 0;
    }
    section.quote-results-section {
        padding: 60px 0;
    }
    .premium-filter .cost-range-filter .filter-actions {
        flex-direction: column;
    }
    .filter-actions .filter-btn {
        width: 100%;
    }
    .savings-chart-area {
        overflow: auto;
    }
    .savings-chart {
        width: 600px;
    }
    .table-cell {
        padding: 8px 0;
    }
    .savings-chart-area {
        margin-top: 48px;
    }
    .business-savings .savings-chart .table-cell:last-child {
        flex: 0 0 142px;
        padding-left: 18px;
    }
    .savings-chart-area h3 {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .table-header .table-row {
        border-radius: 0;
    }
    .placeholder-div {
        display: none;
    }
	.blog-content-area img {
		border-radius: 15px;
		margin-bottom: 40px;
	}
    .feed-author-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .feed-card {
        max-width: 100%;
    }
    section.reports-and-guides-section {
        padding: 32px 0 40px;
    }
    section.all-articles-section {
        padding: 40px 0 60px;
    }
    .btn-close-custom{
        font-size: 18px;
    }
    .contact-form-box.new-toggle-form-box {
        padding-bottom: 50px;
    }
    .new-single-form-box .all-input-fields .field-group {
        gap: 8px;
    }
    section.static-four-box-section {
        padding: 48px 0 60px;
    }
    .two-row-savings-section .static-four-box-intro {
        margin: 0 auto 30px;
    }
    .desktop-savings-card {
        display: none;
    }
    .savings-carousel-navigation {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        margin-top: 24px;
    }
    .mobile-savings-carousel {
        display: block;
    }
    .savings-carousel .owl-item {
        width: auto !important;
    }
    .savings-card {
        width: 319px;
        flex-shrink: 0;
    }
}
@media screen and (max-width: 575px) {
    nav.navmenu > ul > li a, .hero-content, .info-card-wraper {
        max-width: 100%;
    }
    .slider-container {
        width: calc(100% + 32px);
        margin-left: -16px;
    }
    .info-card-wraper {
        margin: 0 16px;
    }
    .inner-hero-content .button-group .primary-solid {
        max-width: 100%;
        width: 100%;
    }
    .toggle-tab-area {
        margin: 0 -16px;
    }
    .toggle-tab-area ul {
        gap: 0;
    }
    .toggle-tab-area button {
        margin-left: 16px;
    }
	.toggle-tab-area li:last-child button {
		margin-right: 16px;
	}
    .right-half h5 {
        font-size: 14px;
    }
    .right-half p {
        font-size: 13px;
    }
    .right-half .icon {
        margin-bottom: 8px;
    }
    span.icon i {
        font-size: 16px;
    }
    button .left-half, a .left-half {
        max-width: 140px;
        min-height: 104px;
    }
    .learning-modal .modal-dialog {
        max-width: 100%;
        margin-left: 16px;
        margin-right: 16px;
    }
    .single-info-column {
        border-radius: 0;
        padding: 42px 16px 0;
        gap: 33px;
        margin: 0 -16px;
    }
    .content-box {
        padding: 48px 16px;
        margin: 0 -16px;
        border-radius: 0;
    }
    .content-box  .left-content-area .card-label {
        margin-bottom: 28px;
    }
    .content-box  .left-content-area h3 {
        margin-bottom: 16px;
    }
    .content-box  .left-content-area p {
        margin-bottom: 18px;
    }
    .quote-calculator-link {
        max-width: 100%;
        padding: 22px 22px 29px 27px;
    }
    .contact-form-box {
        padding: 32px 21px 20px 24px;
    }
    .compare-chart-container {
        padding: 35px 0 0;
        margin: -16px;
        border-radius: 0;
    }
    .quote-calculator-box {
        border: none;
        padding: 0;
    }
    .field-group {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 16px;
    }
    .field-group.column-four {
        grid-template-columns: repeat(2, 140px);
        row-gap: 12px;
        column-gap: 35px;
    }
    .quote-results-box {
        padding: 0;
        border: none;
    }
    .savings-chart-area {
        overflow: auto;
        margin: 0 -16px;
    }
    .table-body .table-cell:first-child p, .table-footer .table-cell:first-child p {
        padding: 0 16px 0 16px;
    }
    .new-agent-box {
        padding: 18px 10px 16px 12px;
        gap: 12px;
        margin-top: 0;
        margin-bottom: 12px;
    }
    .agent-name-and-contact a {
        font-size: 12px;
    }
}
@media screen and (max-width: 450px) {
    .static-four-box-intro {
        max-width: 325px;
        margin: 0 auto 56px;
    }
}