.row_modal .input-group span,

.row_modal input:focus {

    background-color: var(--four-color)

}



:root {

    --third-color: #a3a5a7;

    --four-color: #ececec;

    --footer-border: #979797;

    --dark-blue: #123269

}



.more_location {

  color: #1e75bb;

    font-family: var(--popins-family);

    font-weight: 400;

    padding: 12px 20px;

    border-radius: 7px;

    background: #fff;

    border: 1px solid #1e75bb;

}



.more_location:hover {

color: #fff;

    background: #1e75bb;

    border: 1px solid #1e75bb;

}



.banner_infop {

    font-family: var(--popins-family);

    font-size: 18px;

    line-height: 34px;

    font-weight: 400;

}



.banner .banner_info .heading span {

    font-family: var(--albersans-family);

    font-weight: 400;

    text-transform: capitalize;

    font-size: 16px;

    color: #fff;

    padding: 5px 20px;

    background: rgb(30 117 187);

    border-radius: 50px;

    margin-left: -7rem

}



.banner_info .heading h1 {

    font-family: "Noto Serif", serif;

    font-weight: 600;

    text-transform: capitalize;

    font-size: 48px;

    margin-top: 0;

    color: #fff;

    line-height: 60px;

    margin-bottom: 26px;

}



.banner_info .heading h2 {

    font-family: "Noto Serif", serif;

    font-weight: 400;

    text-transform: capitalize;

    font-size: 28px;

    margin-top: 0;

    color: #fff;

    line-height: 60px;

}



.row_modal {

    background: #fff;

    border-radius: 10px;

    border: 0 solid #dbe9f4;

    padding: 1.3rem .6rem;

    margin-top: 22px

}



.row_modal span {

    font-family: "Noto Serif", serif;

    color: #2b2f32;

    font-size: 22px !important;

    font-weight: 700 !important;

    line-height: 24px;

}



.review_cards .card-header ul li,

.row_modal button,

.row_modal input,

.row_modal label {

    font-family: var(--albersans-family)

}



.row_modal label {

    color: #2b2f32;

    margin-bottom: 2px;

    font-size: 14px;

    font-family: "Plus Jakarta Sans";

    font-weight: 700

}



.row_modal input {

    font-weight: 400;

    background-color: #fff;

    font-size: 14.5px

}



.row_modal input:focus {

    box-shadow: none

}



.row_modal input::placeholder {

    text-transform: capitalize;

    color: var(--third-color);

    font-weight: 400

}



.row_modal .input-group span i {

    color: var(--dark-blue);

    font-size: 16px

}



.row_modal button {

    text-align: center;

    transition: .5s;

    border-radius: 7px;

    padding: 10px 0;

    font-size: 17px;

    letter-spacing: .2px;

    border: 2px solid #f26f21 !important;

    color: #fff;

    width: 100%;

    background-color: #f26f21;

    font-weight: 500;

    font-family: "Plus Jakarta Sans";

}



.row_modal button:hover {

    border: 2px solid #0043c0 !important;

    background-color: #fff !important;

    color: #0043c0 !important;

}



.movers_review h2,

.review_cards .card-header h3 {

    font-family: "Noto Serif", serif;

    font-weight: 700;

    color: var(--secondary-color)

}



label.discount {

    font-size: 15px;

    font-weight: 800;

    text-align: center;

    color: #1f75bb;

    font-family: "Noto Serif", serif

}



.movers_review,

.review_cards .card .card-body {

    padding: 0

}



.movers_review h2 {

    text-transform: capitalize;

    font-size: 38px;

    text-underline-offset: 12px;

    font-weight: 600;

    text-align: center;

    color: #2b2f32;

}



.review_cards .card {

    padding: 15px;

    border-radius: 10px;

    border: 0.5px solid #1f6dad33;

    position: relative;

}



.review_cards .card .card-header {

    padding: 0;

    background-color: transparent;

    border: none

}



.review_cards .card .card-body :is(h3, h5) {

    font-family: "Noto Serif", serif;

    font-weight: 700;

    font-size: 14.7px;

    color: #000 !important

}



.review_cards .card-header.header_logo {

    max-width: 130px;

    height: 94px;

    position: relative

}



.review_cards .card-header .header_logo img {

    max-width: 100%;

    object-fit: contain;

}



.review_cards .card-header .header_info {

    position: relative

}



.review_cards .card-header.header_info::before {

    content: "";

    background-color: rgb(30 117 187 / 21%);

    width: 2px;

    top: 10px;

    height: 75px;

    position: absolute;

    left: -4%

}



.review_cards .card-header h3 {

    line-height: 1.2em;

    margin-bottom: 10px;

    font-size: 21px;

    font-weight: 600;

    max-width: 85%;

}



.review_cards .card-header.address i {

    color: var(--primary-color);

    font-size: 20px

}



.review_cards .card-header .totol_reviews {

    color: var(--secondary-color);

    font-family: var(--popins-family);

    font-weight: 600;

    font-size: 18px;

}



.review_cards .card-header ul {

    padding: 0;

    margin: 0

}



.review_cards .card-header ul li {

    padding: 0 4px 0 0;

    font-weight: 700;

    font-size: 28px;

}



.review_cards .card-header ul li i {

    font-size: 18px;

    color: var(--stars-color);

}



.review_cards .card-header ul li span {

    color: var(--secondary-color);

    font-weight: 400;

    font-size: 18px;

}



.review_cards .card-body .user_title i {

    color: #2b2f32c2;

    font-size: 22px

}



.review_cards .card-body .user_title h4 {

    font-family: "Noto Serif", serif;

    color: var(--secondary-color);

    text-transform: capitalize;

    margin-bottom: 0;

    font-weight: 600;

    font-size: 16px

}



.review_cards .card-body .description {

    font-family: var(--popins-family);

    color: #2a2f32;

    font-size: 14px;

    margin: 4px 0;

    font-weight: 400;

    letter-spacing: .2px

}



.review_cards .card-body .review_refrence .company_based {

    color: rgb(33 37 41);

    text-transform: capitalize;

    font-weight: 400;

    font-size: 14px;

    font-family: 'Noto Serif';

    margin-bottom: 0;

}



.review_cards .card-body .move_cost {

    font-family: var(--popins-family);

    gap: 6px;

    background: #FDEBDD;

    color: #C05512;

    font-size: 13px;

    font-weight: 600;

    padding: 6px 12px;

    border-radius: 999px;

    width: fit-content;

    margin-top: 5px;

}



.review_cards .card-body .move_cost h5 {

    font-size: 16px;

    font-family: "Noto Serif", serif;

    text-transform: capitalize;

    margin-bottom: 0

}



.quotation_img {

    width: 120px;

    margin-left: auto;

    opacity: .05

}



.quotation_img img {

    max-width: 100%;

    aspect-ratio: 1;

    object-fit: contain;

    position: absolute;

    right: 0;

    top: 115px

}



.why_use_info h3 {

    font-family: "Noto Serif", serif;

    font-weight: 800;

    font-size: 36px;

    position: relative

}



.why_use_info h3::after {

    background-color: #1e75bb33;

    width: 30%;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: -6%

}



.why_use_info p {

    font-family: var(--popins-family);

    font-size: 18px;

    font-weight: 400;

    color: #000000bf;

    letter-spacing: .3px;

    line-height: 34px;

    text-align: left !important

}



.why_img {

    max-width: 400px;

    margin: auto

}



.why_img img {

    max-width: 100%;

    object-fit: cover;

    border-radius: 10px

}



.write_review {

    padding: 50px 0 30px;

}



.write_review_card .card {

    border: none;

    padding: 10px 16px;

    background-color: transparent

}



.write_review_card .card-body {

    padding: 0;

    margin: 20px 0

}



.write_review_card h2 {

    font-family: "Noto Serif", serif;

    font-weight: 700;

    text-transform: capitalize;

    color: #2a2d2b;

    font-size: 36px;

}



.write_review_card p {

    font-family: var(--popins-family);

    font-weight: 300;

    color: #2a2d2b;

    font-size: 18px;

    margin-bottom: 30px

}



/* .container.write_review_card.px-3 { background: rgb(189 215 235); border-radius: 20px; padding: 20px 0 } */

.write_review_card .anchor_btn {

    color: #1e75bb;

    font-family: var(--popins-family);

    font-weight: 400;

    padding: 12px 20px;

    border-radius: 7px;

    background: #fff;

    border: 1px solid #1e75bb;

}



.write_review_card .anchor_btn:hover {

    color: #fff;

    background: #1e75bb;

    border: 1px solid #1e75bb;

}



.top_states_cards h2 {

    font-family: "Noto Serif", serif;

    font-weight: 600;

    font-size: 42px;

    text-align: center;

}



.top_states_cards .card {

    overflow: hidden;

    transition: .3s ease-in-out

}



.top_states_cards .card:hover {

    transform: scale(1.08)

}



.card,

.heading p {

    width: 100%

}



.heading {

    display: flex;

    justify-content: center;

    flex-direction: column

}



.icon_svg {

    width: 30px

}



.banner_sec {

    /* padding: 60px 0; */

    /* background-image: url(../image/banner_final.webp); */

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

}



.banner_form_input {

    border: 0 solid #dbe9f4 !important;

    padding: .575rem .5rem;

    border-radius: 10px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out

}



.input_icon {

    background-color: #dbe9f4 !important;

    border: 0 !important;

    border-radius: 10px;

    height: 45px

}



.row_modal .input-group span,

.row_modal input:focus {

    background-color: #fff !important

}



.brand_logos {

    width: 75%;

    opacity: .8

}



.banner_inputs {

    border: 2px solid #dbe9f4;

    border-radius: 10px

}



section.movers_review.mt-4 {

    margin-top: 80px !important

}



.sec_location {

    margin-top: 10px !important;

    display: inline-block

}



.route_list li a {

    font-size: 14px;

    color: #2b2f32;

    font-family: 'Plus Jakarta Sans';

    text-decoration: underline;

    line-height: 28px;

}



.para_2 {

    padding-right: 30px

}



.about_page_head {

    font-size: 18px;

    font-weight: 700;

    font-family: "Noto Serif", serif

}



.about_page_para {

    font-size: 16px;

    line-height: 24px

}



@media (max-width:768px) {

    .route_list lia {

        font-size: 12px;

    }



    .top_states_cards h2 {

        font-size: 28px;

         text-align: left;

    }



}



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

    .banner_info .heading h1 {

        font-size: 8vw;

        line-height: 35px;

        margin-bottom: 10px;

    }



    .brand_logos {

        width: 100%;

        margin-left: 20px;

        opacity: .8;

    }



    .banner_info .heading h2 {

        font-size: 20px;

        line-height: 26px;

        margin-top: 10px;

    }



    .banner_info p {

        font-family: var(--popins-family);

        font-size: 16px;

        line-height: 28px;

        font-weight: 400

    }



    img.side_img {

        width: 50% !important

    }



    .review_cards .card-header .header_info::before {

        width: 0;

    }

}



@media (max-width:620px) {

    .para_2 {

        padding-right: 0

    }

}



.hero {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 80px 0px;

}



.frost-card {

     position: relative;

    background: linear-gradient(135deg, #12305B 0%, #1B4478 100%);

    border-radius: 20px;

    

    width: 100%;

    padding: 30px 40px;

    overflow: hidden;

    transition: transform .3s, box-shadow .3s;

    border: 1px solid #5053551f;

    display: flex;

    justify-content: space-between;

}



.truck-icon {

    position: absolute;

    top: 16px;

    right: 16px;

    font-size: 1.75rem;

    color: rgba(41, 128, 185, .6);

    transform: rotate(-10deg)

}



.frost-card h2 {

    font-size: 34px;

    font-weight: 700;

    color: #fff;

    margin-bottom: .75rem;

    font-family: "Noto Serif", serif

}



.frost-card p {

    font-size: 24px;

    font-weight: 300;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 0px;

    font-family: Outfit

}



.btn-cta {

    background: #F26F21;

    color: #fff;

    padding: .75rem 2rem;

    font-size: 1rem;

    font-weight: 600;

    border: none;

    border-radius: 10px;

    text-decoration: none;

    display: inline-block;

    font-family: 'Plus Jakarta Sans', sans-serif

}



.state-links a:hover,

.step-text {

    text-decoration: underline

}



.state-title,

.step-text {

    font-weight: 500;

    font-family: 'Noto Serif'

}



.btn-cta:hover {

    background: #fff;

    color: #0043c0;

    border: 0 solid#0043c0

}



.modal {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1060;

    display: none;

    width: 100%;

    height: 100%;

    overflow-x: hidden;

    overflow-y: auto;

    outline: 0;

    background-color: #5796c345

}



hr.divider1 {

    opacity: 1;

    width: 100% !important;

    margin: 10pxauto !important;

    height: 0 !important;

    color: #1e75bb !important;

    opacity: .2 !important;

    border: 1px solid #1e75bb !important;

    outline-style: none !important

}



.state-box {

    padding: 15px 0;

    border-bottom: 1px solid #ccc

}



.state-title {

    font-size: 21px;

    margin-bottom: 5px;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.state-links a {

    font-size: 15px;

    color: #1375bb;

    text-decoration: none;

    font-family: 'Plus Jakarta Sans'

}



@media (max-width:576px) {

    .state-title {

        font-size: 16px

    }



    .state-links a {

        font-size: 13px

    }

}



.divider_4 {

    background-color: #1e75bb;

    width: 5%;

    height: 3px !important;

    margin: 10px auto;

    opacity: 1

}



.step-box {

    background-color: #fff;

    border-radius: 16px;

    transition: transform .3s;

    border: 0 solid #1e75bb45

}



.step-image img {

    width: 80px;

    height: 80px;

    object-fit: contain

}



.step-text {

    font-size: 20px;

    margin: 10px 0px;

    text-underline-offset: 2px;

    color: #1e75bb;

}



.step-text:hover {

    color: #0043c0

}



.banner_img {

    position: absolute;

    z-index: -1;

    height: 100%;

    top: 0;

    left: 0;

    width: 100%;

    object-fit: cover;

}



.state_grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    align-items: start;

}



.drop_downbtn {

    cursor: pointer;

}



/* Dropdown arrow transition */

.dropdown_img img {

    transition: transform 0.3s ease;

}



.dropdown_img.active img {

    transform: rotate(180deg);

}



/* Smooth dropdown transition */

.drop_routes {

    max-height: 0;

    overflow: hidden;

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    opacity: 0;

    transform: translateY(-10px);

    visibility: hidden;

}



.drop_routes.d-block {

    max-height: 500px;

    opacity: 1;

    transform: translateY(0);

    visibility: visible;

}



.get-form .card-header .color_head {

    font-weight: 700 !important;

    color: #1e75bb !important;

    margin: 0 !important;

    font-family: "Noto Serif", serif;

}



.color_head {

    font-weight: 800 !important;

    color: #1e75bb !important;

    margin: 0 !important;

    font-size: 18px !important;

    font-family: "Noto Serif", serif;

}



section.methodology_sec {

    padding: 40px 0;

}



.methodology_sec h2 {

    font-family: "Noto Serif", serif;

    font-weight: 600;

    font-size: 42px;

    text-align: center;

}



.methodology_sec .m_upper_p {

    font-weight: 400;

    font-family: 'Plus Jakarta Sans';

    font-size: 18px;

    text-align: center;

    margin: 10px auto 35px;

    max-width: 690px;

}



.m_card {

    position: relative;

    padding: 22px;

    min-height: 208px;

    background: #fff;

    border-radius: 12px;

    border: 0.5px solid #1e75bb26;

    transition: 0.3s ease;

}



/* Gradient outline layer */

.m_card::after {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 12px;

    padding: 2px;

    background: linear-gradient(90deg, #1e75bb, #2a2d2b);

    opacity: 0;

    transition: 0.3s ease;

    pointer-events: none;

    z-index: 2;

}



/* Mask trick jo 100% browser compatible ha */

.m_card::after {

    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;

    mask-composite: exclude;

}



/* Hover: show gradient border */

.m_card:hover::after {

    opacity: 1;

}



/* Content always above */

.m_card * {

    position: relative;

    z-index: 3;

}



.m_card h3 {

    font-size: 21px;

    font-family: 'Noto Serif';

    font-weight: 400;

    width: 70%;

}



p.m_para {

    font-size: 18px;

    font-family: 'Plus Jakarta Sans';

    font-weight: 300;

}



a.m_anchor {

    font-size: 16px;

    font-family: 'Plus Jakarta Sans';

    font-weight: 600;

    color: #2a2d2b;

    text-decoration: underline;

    text-underline-offset: 2px;

}



section.trust_sec {

    padding: 40px 0 60px;

}



.trust_sec h2 {

    font-family: "Noto Serif", serif;

    font-weight: 600;

    font-size: 36px;

    position: relative;

    max-width: 790px;

    margin: 0 auto;

    color: #2b2f32;

}



.t_main_para {

    font-size: 16px;

    font-family: 'Plus Jakarta Sans';

    font-weight: 300;

    margin-bottom: 0;

}



.t_card {

    position: relative;

    background: #1e75bb05;

    border: 2px solid #006fba2e;

    /* normal border */

    padding: 30px 20px;

    border-radius: 12px;

    transition: 0.3sease;

    z-index: 1;

    overflow: hidden;

}



/* Gradient border that replaces original border */

.t_card::after {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 12px;

    padding: 2px;

    /* SAME as border width */

    background: linear-gradient(45deg, #1e75bb, #2a2d2b);

    /* only border visible */

    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;

    mask-composite: exclude;

    opacity: 0;

    /* hidden by default */

    transition: 0.3s ease;

    pointer-events: none;

    z-index: 2;

    /* ABOVE the real border */

}



/* HOVER FIX — Remove old border, show gradient border */

.t_card:hover {

    border-color: transparent !important;

    /* OLD border hides */

}



.t_card:hover::after {

    opacity: 1;

    /* Gradient border appears at SAME position*/

}



.t_head {

    color: #2b2f32 !important;

    font-weight: 500 !important;

    font-size: 21px;

    margin-bottom: 10px !important;

    font-family: 'Noto Serif';

}



.t_card p {

    font-size: 14px;

    color: #000;

    font-family: 'Plus Jakarta Sans';

    font-weight: 300;

}



.reviee_img {

    width: 320px;

}



.r_img {

    width: 100%;

}



/* .trust_sec h2::after{ content: ""; position: absolute; width: 2px; height: 70px; background-color: #507ba82e; left: 100%; bottom: 0%; } */

@media (max-width:992px) {

    .slider-left-width {

        max-width: 100% !important;

    }



    .slider-right-width {

        max-width: 100% !important;

    }



    .trust_sec h2::after {

        content: "";

        position: absolute;

        width: 0px;

        height: 70px;

        background-color: #507ba82e;

        left: 100%;

        bottom: 0%;

    }

}



@media (max-width:767px) {

    .state_grid {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        column-gap: 30px;

    }

}



@media (max-width: 991px) {

    .t_scroll_wrapper.row {

        display: flex;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding-bottom: 15px;

        scroll-behavior: smooth;

        -webkit-overflow-scrolling: touch;

    }



    .t_scroll_wrapper .col-lg-3,

    .t_scroll_wrapper .col-md-6 {

        flex: 0 0 auto;

        max-width: 100%;

        margin-right: 15px;

    }

}



@media (max-width:500px) {

    .state_grid {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        column-gap: 30px;

    }

.methodology_sec .m_upper_p {

    font-weight: 400;

    font-family: 'Plus Jakarta Sans';

    font-size: 18px;

    text-align: left;

    margin: 10px auto 35px;

    max-width: 690px;

}

    .write_review {

        padding: 0px 0;

    }



    .movers_review h2 {

        font-size: 28px;

        font-weight: 700;

       text-align:left;

    }



    .why_use_info h3 {

        font-size: 28px;

    }

.frost-card{

    flex-direction: column;

}

    .write_review_card h2 {

        font-family: "Noto Serif", serif;

        font-weight: 700;

        text-transform: capitalize;

        color: #2a2d2b;

        font-size: 28px;

    }



    .trust_sec h2 {

        font-size: 28px;

        text-align: left !important;

    }



    .frost-card h2 {

        font-size: 28px;

        font-weight: 700;

        color: #fff;

        margin-bottom: .75rem;

        font-family: "Noto Serif", serif;

    }



    .frost-card p {

       font-size: 18px;

        font-weight: 300;

        color: #fff;

        line-height: 1.5;

        margin-bottom: 28px;

        font-family: 'Noto Serif';

    }



    .methodology_sec h2 {

        font-family: "Noto Serif", serif;

        font-weight: 600;

        font-size: 32px;

        text-align: left;

    }



    .reviee_img {

        display: block;

        margin: 0 auto;

        width: 320px;

        height: 261px;

    }



    .r_img {

        width: 100%;

        height: 261px;

    }

}



.drop_routes {

    display: none;

}



.drop_routes {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.7s ease;

}



.drop_routes.d-block {

    max-height: 1000px;

}



.swiper {

    padding-bottom: 40px;

}



/* .swiper-slide { height: 400px !important; } */

.testimonial-card {

    background: #fff;

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);

    height: 300px;

}



.testimonial-card .profile {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.testimonial-card .pf_img {

    border-radius: 50%;

    width: 50px;

    height: 50px;

    margin-right: 15px;

}



.testimonial-card h6 {

    margin: 0;

}



.testimonial-card .stars {

    color: #f5c518;

    font-size: 14px;

}



.stars img {

    width: 100px;

    /* Adjust size as needed */

    height: auto;

}



.testimonial-card p {

    font-size: 16px;

    color: #333;

    line-height: 1.5;

    font-family: var(--popins-family);

}



.reviews-section {

    background: #F1F1F1;

}



.reviews-swiper-wrap {

    position: relative;

    overflow: visible;

}



.reviewsSwiper {

    width: 100%;

    padding: 10px 40px 40px 40px;

    overflow: visible;

}



.reviewsSwiper .swiper-slide {

    height: auto;

}



/* Make the entirelink fill its column */

.service-link {

    display: block;

    text-decoration: none;

}



.icon-service-img {

    width: 70px;

    height: 70px;

    object-fit: contain;

}



.service-title {

    color: #2b2f32;

    font-weight: 400;

    font-family: 'Noto Serif';

    font-size: 18px;

    line-height: 27px;

    text-align: center;

}



.service-item {

  border-radius: 10px;

    width: 214px;

    height: 212px;

    background-color: #ffffff;

    display: grid;

    align-items: center;

    justify-content: center;

    border: 2px solid #edf4fa;

    text-align: center;

    gap: 10px;

    padding: 14px;

    transition: transform 0.3s ease-in-out;

}



.hrline {

    margin: 0 auto;

    width: 30px;

    height: 2px;

    background-color: #1e75bb;

}



.service-item:hover {

    cursor: pointer;

    transform: scale(1.08);

}



.hrline2 {

      margin: 5px auto !important;

    width: 20% !important;

    height: 1px !important;

    background-color: #ffffff29;

}



@media (max-width: 576px) {

    .service-item {

        padding: 20px 10px;

    }



    .icon-service-img {

        width: 60px;

        height: 60px;

    }



    .service-title {

        font-size: 14px;

        line-height: 18px;

    }



    .for_styleh3 {

        font-family: "Noto Serif", serif;

    }

}



@media (max-width: 480px) {

    .service-title {

        font-size: 16px;

        line-height: 17px;

    }



    .icon-service-img {

        width: 60px;

        height: 60px;

    }

}



@media (max-width: 1400px) {

    .service-item {

        width: 150px;

    }

}



@media (max-width:1199px) {

    .service-item {

        width: auto;

    }

}



.user-name {

    font-family: "Noto Serif", serif;

    color: var(--secondary-color);

    text-transform: capitalize;

    margin-bottom: 0;

    font-weight: 600;

    font-size: 16px

}



/* MGM Press Section */

.mgm-press {

    background: #ffffff;

    border-bottom: 1px solid var(--mgm-border);

}



.mgm-press-inner {

    max-width: 1020px;

    margin: 0 auto;

    padding: 28px 20px;

}



.mgm-press-label {

    text-align: center;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    color: var(--mgm-muted);

    margin: 0 0 18px;

}



.mgm-press-grid {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: 14px 34px;

}



.mgm-press-logo {

    height: 44px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 44px;

}



.mgm-press-logo img {

    max-height: 30px;

    max-width: 110px;

    object-fit: contain;

    filter: grayscale(1);

    opacity: 0.65;

    transition: opacity 0.15s ease, filter 0.15s ease;

}



.mgm-press-logo:hover img {

    filter: grayscale(0);

    opacity: 1;

}



/* Swiper Press Logo Styles */

.slide-box img {

    filter: grayscale(1);

    opacity: 0.65;

    transition: opacity 0.15s ease, filter 0.15s ease;

}



.slide-box:hover img {

    filter: grayscale(0);

    opacity: 1;

}



/* Swiper Slider Fix */

.slider-container {

    width: 100%;

    overflow: hidden;

}



.swiper {

    width: 100%;

}



.swiper-wrapper {

    display: flex;

    width: 100%;

}



.swiper-slide {

    width: auto !important;

    flex-shrink: 0;

}



.slide-box {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 120px;

    height: 60px;

}