:root {
    --primary: #de2652;
    --sercondary: #4391db;
    --black: #000;
    --white: #fff;

}

/* Max Resolution */
@media only screen and (min-width: 1801px) and (max-width:5500px) {}


/* 1600px Resolution */
@media only screen and (min-width: 1470px) and (max-width: 1800px) {

    .fs-14,
    .fs-13,
    .fs-12 {
        font-size: 16px !important;
    }

    .servicesPoints {
        padding-left: 2rem;
    }

    .headerGirl {
        max-width: 36%;
    }
}

/* 1300px Resolution */
@media only screen and (min-width: 1024px) and (max-width: 1469px) {
    .serviceGrBorder {
        left: 17%;
        padding: 30px 30px;
        width: 430px;
        bottom: 85px;
    }

    .testiBox {
        padding: 1.5rem 1rem;
    }

    .aboutPoints.Service li span {
        font-size: 18px !important;
    }

    .aboutPoints.Service li p {
        font-size: 11px;
    }
}

/* Tablets */
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .headerGirl {
        position: inherit;
        max-width: 100%;
    }

    .aboutPoints li {
        margin: auto;
    }

    .serviceGrBorder,
    .contentTwoBg .serviceGrBorder,
    .processBg .servicesLeft .serviceGrBorder {
        position: relative;
        left: 0;
        bottom: 0;
        margin-bottom: 15px;
    }

    .servicesSecGirl,
    .contentTwoBg .serviceGrBorder {
        margin: 25px 0px;
    }

    .servicesSecGirl::before {
        width: 100%;
        right: 0;
        left: 0;
    }

    .servicesPoints {
        padding-left: 0;
    }

    .writerSwiper .writerImg {
        width: 19% !important;
    }

    .nav-pills .nav-link.active {
        padding: 10px 20px;
    }

    .testimonialSwiper {
        margin-top: 20px;
    }

    .testimonialBg::before {
        bottom: 2%;
    }

    .testimonialBottom {
        position: relative;
        padding-bottom: 4rem;
        top: 3.2rem;
    }

    .testimonialBg .swiper-button-next {
        right: 24%;
        top: auto;
        bottom: 5rem;
    }

    .testimonialBg .swiper-button-prev {
        left: 58%;
        top: auto;
        bottom: 5rem;
    }

    .processBg .servicesLeft {
        padding-top: 0rem;
    }

    .contentBottomImg {
        width: 100%;
    }

    .navLinkIcon {
        display: none;
    }

    .aboutPoints.Service li {
        margin-top: 20px;
    }

    .aboutPoints.Service li:nth-child(1) {
        margin-top: 0;
    }

}

/* Mobile */
@media (min-width: 481px) and (max-width: 767px) {

    .navLinkIcon,
    .topbar {
        display: none;
    }

    .navbar-nav.mx-lg-auto.gap-4 {
        gap: 0.3rem !important;
    }

    .headerGirl {
        position: inherit;
        max-width: 100%;
    }

    .aboutPoints li {
        width: 100%;
    }

    .counterMain div {
        border-right: 0px;
        border-bottom: 1px solid var(--primary);
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .serviceGrBorder,
    .contentTwoBg .serviceGrBorder,
    .processBg .servicesLeft .serviceGrBorder {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        margin-bottom: 15px;
    }

    .servicesSecGirl img {
        max-width: 100%;
    }

    .processBg .servicesLeft {
        padding-top: 0;
    }

    .servicesSecGirl,
    .contentTwoBg .serviceGrBorder {
        margin: 25px 0px;
    }

    .servicesSecGirl::before {
        width: 100%;
        right: 0;
        left: 0;
    }

    .servicesPoints {
        padding: 0;
        margin-top: 35px;
    }

    .processHeading {
        font-size: 3rem;
        padding: 10px 0px;
    }

    .flex-42 {
        flex: 100%;
    }

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

    .testimonialBottom {
        margin-top: 3rem !important;
        top: 0;
    }

    .testimonialBg::before {
        content: none;
    }

    .testimonialBg .swiper-button-next {
        right: 24%;
        top: auto;
        bottom: 6rem;
    }

    .testimonialBg .swiper-button-prev {
        left: 46%;
        top: auto;
        bottom: 6rem;
    }
}

/* Mobile */
@media (min-width: 320px) and (max-width: 480px) {

    .navLinkIcon,
    .topbar {
        display: none;
    }

    .navbar-nav.mx-lg-auto.gap-4 {
        gap: 0.3rem !important;
    }

    .headerGirl {
        position: inherit;
        max-width: 100%;
    }

    .aboutPoints li {
        width: 100%;
    }

    .counterMain div {
        border-right: 0px;
        border-bottom: 1px solid var(--primary);
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .serviceGrBorder,
    .contentTwoBg .serviceGrBorder,
    .processBg .servicesLeft .serviceGrBorder {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        margin-bottom: 15px;
    }

    .servicesSecGirl img {
        max-width: 100%;
    }

    .processBg .servicesLeft {
        padding-top: 0;
    }

    .servicesSecGirl,
    .contentTwoBg .serviceGrBorder {
        margin: 25px 0px;
    }

    .servicesSecGirl::before {
        width: 100%;
        right: 0;
        left: 0;
    }

    .servicesPoints {
        padding: 0;
        margin-top: 35px;
    }

    .processHeading {
        font-size: 3rem;
        padding: 10px 0px;
    }

    .flex-42 {
        flex: 100%;
    }

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

    .testimonialBottom {
        margin-top: 3rem !important;
        top: 0;
    }

    .testimonialBg::before {
        content: none;
    }

    .testimonialBg .swiper-button-next {
        right: 24%;
        top: auto;
        bottom: 6rem;
    }

    .testimonialBg .swiper-button-prev {
        left: 46%;
        top: auto;
        bottom: 6rem;
    }
}