/*-----------------------------------------------------------------------------------

[Table of contents]

1. Font
2. Css Variable for colors
3. Common CSS
4. Heading CSS
5. Button CSS
6. Preloader CSS
7. Animation CSS
8. Header - Main Navigation Section
9. Hero Slider
10. Typing Text Section
11. Video Popup Model
12. Scrolling Text Section
13. How it work Section
14. Advanced Features Section
15. Logo Slider Section
16. Key Features Section
17. CTA Section
18. Footer Section
19. Faq Section
20. Download Section


-----------------------------------------------------------------------------------*/

/* --------Font--------------- */
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* -----------Css-variable------ */

:root {}

/* ------Common-Css------------- */

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
    font-family: "Poppins", sans-serif;
    color: #000;
    background-color: #fff;
}

.page_wrapper {
    width: 100%;
    overflow-x: hidden;
}

img:focus {
    border: none !important;
    outline: none !important;
}

img {
    outline: none;
}

a {
    text-decoration: none;
    color: #000;
    transition: .4s all;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

ul,
li {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

button:focus,
.btn.focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    letter-spacing: normal;
}

h2 {
    font-family: "Poppins", sans-serif;
    font-size: 45px;
    line-height: normal;
    margin: 0;
    font-weight: 600;
}

/* slider controls */
.homebanner_sliderslide .industries-pag span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 20px;
}

.homebanner_sliderslide .industries-pag span.swiper-pagination-bullet {
    display: block;
    width: 12px;
    height: 12px;
    background: #D9D9D9 !important;
    border-radius: 15px;
    margin: 0 !important;
    opacity: 1 !important;
}

.homebanner_sliderslide .industries-pag span.swiper-pagination-bullet-active {
    display: block;
    width: 18px !important;
    height: 12px;
    background: #C51A70 !important;
    border-radius: 15px;
    margin: 0 !important;
}

.homebanner_sliderslide .industries-pag {
    display: flex;
    position: absolute;
    bottom: 30px !important;
    left: 50% !important;
    gap: 8px;
}

/*Banner Section*/
.bannerHome {
    clear: both;
    margin-top: 84px;
    padding: 0px 0 0;
    width: 100%;
    display: block;
    background-image: url(../images/herobanner.png);
    background-size: 100% 100%;
}

.homebanner_sliderBox {
    display: block;
    width: 100%;
}

.homebanner_sliderBox .homebanner_sliderBox_inner {
    display: flex;
    gap: 30px;
}

.homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Left {
    width: 45%;
}

.homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Left span img {
    width: 100%;
}

.homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right {
    width: 55%;
}

.homebanner_sliderBox_Right_Top {
    margin: 0;
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.homebanner_sliderBox_Right_Top_Left h1 span {
    color: #ffc40c;
}

.homebanner_sliderBox_Right_Top_Left h1 {
    font-weight: 500;
    color: #fff;
    margin: 0 0 20px 0;
    line-height: 1.4;
    font-size: 66px;
    border-bottom: solid 1px #ffc40c;
    padding-bottom: 20px;
}

.homebanner_sliderBox_Right_Top_Left h1 span {
    display: block;
    font-weight: 600;
}

.homebanner_sliderBox_Right_Top_Right {
    display: block;
    margin: 0;
}

.homebanner_sliderBox_Right_Top_Right h2 {
    color: #fff;
    font-family: "Rajdhani", sans-serif;
    font-size: 42px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right p {
    font-size: 27px;
    color: #fff;
    margin: 30px 0;
    line-height: 45px;
}

.bannerHome_inner {
    padding-top: 80px;
}

/*Banner Section*/


/*Sec02*/
.valuablecustomers_outer {
    margin: 0;
    display: block;
    width: 100%;
    padding: 50px 0;
}

.valuablecustomers_outer_inner {
    display: block;
    width: 100%;
    border-bottom: solid 2px rgba(18, 20, 29, 8%);
    padding-bottom: 50px;
}

.valuablecustomers_outer_inner h2 {
    text-align: center;
    margin-bottom: 30px;
}

.valuablecustomers_outer_inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: center;
    max-width: 80%;
    margin: auto;
}

.valuablecustomers_outer_inner ul li {
    flex: 1;
}

.valuablecustomers_outer_inner ul li a img {
    width: 80%;
}

/*Sec02*/


/*Sec03*/
.appwork_outer {
    padding: 50px 0;
}

.appwork_outer .appwork_outer_inner {
    display: block;
    width: 100%;
}

.appwork_outer .appwork_outer_inner h2 {
    text-align: center;
    margin-bottom: 30px;
}

.appwork_outer_videoLink {
    width: 100%;
    height: 100%;
}

.appwork_outer_videoLink iframe {
    width: 100%;
    height: 640px;
    border-radius: 10px;
}

/*Sec03*/


/*Sec04*/
.checkourwork_outer {
    padding: 70px 0 0;
    margin: 0;
    display: block;
    width: 100%;
}

.checkourwork_outer .checkourwork_outer_inner h2 {
    text-align: center;
    margin-bottom: 30px;
}

.checkourwork_outer_content {
    display: block;
    width: 100%;
}

.checkourwork_outer_content ul {
    display: flex;
    margin: 0;
    width: 100%;
    gap: 15px;
    position: relative;
    justify-content: center;
}

/* 
.checkourwork_outer_content:before {
    position: absolute;
    content: "";
    left: -70px;
    top: 0;
    width: 210px;
    height: 100%;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0%) 0, #fff 54%);
    z-index: 9;
}

.checkourwork_outer_content:after {
    position: absolute;
    content: "";
    right: -70px;
    top: 0;
    width: 210px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0%) 0, #fff 54%);
    z-index: 9;
} */

.checkourwork_outer_content ul li {
    flex: 1;
}

.checkourwork_outer_content ul li .checkourwork_col01 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.checkourwork_outer_content ul li:nth-child(2n+0) .checkourwork_col01 .checkourwork_col01_img02 {
    order: 1;
}

.checkourwork_outer_content ul li:nth-child(2n+0) .checkourwork_col01 .checkourwork_col01_img01 {
    order: 2;
}

.checkourwork_outer_content ul li .checkourwork_col01 span {
    width: 100%;
    height: 100%;
    display: block;
}

.checkourwork_outer_content ul li .checkourwork_col01 span img {
    width: 100%;
    border-radius: 20px;
}

.checkourwork_outer_content:hover .scroll-track {
    animation-play-state: paused;
}

.checkourwork_outer_content {
    width: 100%;
    position: relative;
}

/* .scroll-track {
    display: flex;
    width: max-content;
    animation: scroll 30s linear infinite;
}

.scroll-track ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.scroll-track ul li {
    list-style: none;
    flex-shrink: 0;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
} */


.checkourwork_outer_content.customDesigns_content ul li span {
    width: 100%;
}

.checkourwork_outer_content.customDesigns_content ul li {
    flex: 1;
}

.checkourwork_outer_content.customDesigns_content ul {
    margin-bottom: 50px;
}

.checkourwork_outer_content.customDesigns_content hr {
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

/*Sec04*/


/*Sec05*/
.pricingplan_outer {
    padding: 50px 0 70px;
    display: block;
    width: 100%;
}

.pricingplan_outer .container-fluid {
    max-width: 100% !important;
}

.pricingplan_outer .pricingplan_outer_heading {
    text-align: center;
    margin-bottom: 50px;
}

.pricingplan_outer .pricingplan_outer_heading h2 {
    margin-bottom: 10px;
}

.pricingplan_outer .pricingplan_outer_heading p {
    font-size: 18px;
    max-width: 40%;
    margin: auto;
    color: rgba(18, 20, 29, 70%);
}

.pricingplan_outer_content {
    display: block;
    width: 100%;
    margin: 0 0 80px 0;
}

.pricingplan_outer_content ul {
    display: flex;
    gap: 15px;
}

.pricingplan_outer_content ul li {
    flex: 1;
}

.pricingplan_outer .plan-card {
    width: 100%;
    background: #F4F4F5;
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    position: relative;
    margin-top: 80px;
}

.pricingplan_outer .plan-card:hover {
    z-index: 999;
    position: relative;
    margin-top: 0;
}

.pricingplan_outer .plan-card:hover:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/pricingplan_outer_hoverbg.png) no-repeat;
    border-radius: 16px;
    background-size: cover;
    z-index: -1;
}

.pricingplan_outer .plan-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}

.pricingplan_outer .days {
    display: inline-block;
    background: #fff;
    padding: 6px 30px;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
}

.pricingplan_outer .price {
    font-size: 50px;
    font-weight: 700;
}

.pricingplan_outer .price span {
    font-size: 28px;
}

.pricingplan_outer .features {
    color: #18181B;
    margin: 10px 0 30px;
    font-size: 16px;
}

.pricingplan_outer .subscribe-btn {
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: 14px;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    color: #12141D;
}

.pricingplan_outer .plan-card:hover .plan-title {
    color: #FFC40C;
}

.pricingplan_outer .plan-card:hover .price {
    color: #fff;
    margin: 30px 0 50px;
}

.pricingplan_outer .plan-card:hover .features {
    color: #fff;
    margin: 10px 0 40px;
}

.pricingplan_outer .plan-card:hover button.subscribe-btn {
    background: #FFC40C;
}

/*Sec05*/


/*Sec06*/

.faqouter {
    padding: 100px 0 0;
}

.faqouter .container {
    max-width: 900px;
}

.faqouter_heading span.faqSmall {
    margin: auto;
    display: block;
    background: rgba(255, 196, 12, 20%);
    width: fit-content;
    padding: 7px 15px;
    border-radius: 10px;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 10px;
}

.faqouter .faqouter_heading {
    margin-bottom: 40px;
}

.faqouter .faqouter_heading h2 {
    text-align: center;
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 0;
    color: #3c3a3d;
    font-size: 22px;
    font-weight: 600;
    border: none;
    background: 0 0;
    outline: 0;
}

.accordion-item {
    position: relative;
    counter-increment: count;
    transition: all ease-in-out 1s;
    border: none;
}

.accordion-title {
    color: #18191b;
    font-size: 20px;
    font-weight: 600;
}

.accordion button:focus,
.accordion button:hover {
    cursor: pointer;
}

.accordion button .accordion-title {
    padding: 0;
}

.accordion-item:not(:last-child) {
    margin-bottom: 20px;
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 30px
}

.accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 16px;
    left: 10px;
    width: 15px;
    height: 3px;
    background: #000;
}

.accordion button[aria-expanded="true"] .icon::before {
    background: #FF0080;
}

.accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 16px;
    width: 3px;
    height: 16px;
    background: #000;
}

.accordion button[aria-expanded=true] .icon::after {
    width: 0;
}

.accordion button[aria-expanded=true]+.accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all .2s linear;
    will-change: opacity, max-height;
    transition: all ease-in-out 1.5s;
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity .2s linear, max-height .2s linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 30px;
    padding-right: 90px;
    color: rgba(0, 0, 0, 60%);
}

/*Sec06*/


/*Sec07*/
.footer_digitalmedia {
    padding: 0px 0 0;
    position: relative;
    bottom: -160px;
    z-index: 99;
}

.footer_digitalmedia_inner {
    background: url(../images/footer_digitalmedia_bg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    padding: 20px 70px 70px;
    text-align: center;
}

.footer_digitalmedia_inner h2 {
    color: #fff;
    line-height: normal;
    margin: 0;
}

.footer_digitalmedia_inner p {
    color: #fff;
    margin: 20px 0;
}

/*Sec07*/
@-webkit-keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}


.banner-text {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(90deg, #c31432, #240b36);
    color: #ffffff;
    font-family: Arial, sans-serif;
}

.line1,
.line2 {
    font-size: 34px;
    margin: 10px 0;
}

.highlight {
    color: #ffc107;
    font-weight: bold;
}

.line3 {
    font-size: 46px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px !important;
}

.app-name {
    color: #ffc107;
}

.downloadbtns_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.downloadbtns_inner .downloadbtns {
    background: #fff;
    border-radius: 10px;
    color: #000;
    padding: 16px 40px !important;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

/*Responsive Start Here*/
@media screen and (max-width:1366px) {
    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right p {
        font-size: 24px;
        line-height: 40px;
    }

    .bannerHome {
        background-size: cover;
        background-position: center;
    }

    h2 {
        font-size: 40px;
    }

    .pricingplan_outer .features {
        font-size: 14px;
    }

    .pricingplan_outer .price {
        font-size: 45px;
    }

    .pricingplan_outer .plan-title {
        font-size: 22px;
    }

    .pricingplan_outer .subscribe-btn {
        font-size: 16px;
    }

    .pricingplan_outer_content {
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width:1199px) {
    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Left {
        width: 45%;
    }

    .homebanner_sliderBox_Right_Top_Left h1 {
        font-size: 52px;
    }

    .homebanner_sliderBox_Right_Top_Right h2 {
        font-size: 52px;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right p {
        font-size: 20px;
    }

    .bannerHome .container {
        max-width: 100% !important;
    }

    .checkourwork_outer_content ul:after,
    .checkourwork_outer_content ul:before {
        display: none;
    }

    h2 {
        font-size: 35px;
    }

    .appwork_outer {
        padding: 0px 0 0px;
    }

    .pricingplan_outer {
        padding: 0px 0 50px;
    }

    .pricingplan_outer .pricingplan_outer_heading p {
        font-size: 18px;
        max-width: 60%;
    }

    .pricingplan_outer .pricingplan_outer_heading {
        margin-bottom: 20px;
    }

    .pricingplan_outer_content ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .pricingplan_outer_content ul li {
        flex: auto;
        width: calc(100% / 3 - 14px);
    }

    .pricingplan_outer .plan-card {
        margin-top: 0;
    }

    .pricingplan_outer .plan-card:hover .price {
        margin: 0px 0 0px;
    }

    .pricingplan_outer .plan-card {
        padding: 20px;
    }

    .pricingplan_outer .plan-card:hover .features {
        margin: 10px 0 30px;
    }

    .accordion-title {
        font-size: 18px;
    }
}

@media screen and (max-width:991px) {
    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Left {
        display: none;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right {
        width: 100%;
        text-align: center;
    }

    .bannerHome_inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .homebanner_sliderBox_Right_Top {
        justify-content: center;
    }

    .homebanner_sliderslide .industries-pag {
        display: none;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right p {
        margin: 30px 0 0;
    }

    .valuablecustomers_outer {
        padding: 30px 0;
    }

    .valuablecustomers_outer_inner ul li a img {
        width: 100%;
    }

    .valuablecustomers_outer_inner ul {
        max-width: 90%;
    }

    h2 {
        font-size: 26px;
    }

    .valuablecustomers_outer_inner {
        padding-bottom: 30px;
    }

    .appwork_outer_videoLink iframe {
        height: 400px;
    }

    .checkourwork_outer {
        padding: 30px 0;
    }

    .pricingplan_outer .pricingplan_outer_heading p {
        font-size: 16px;
        max-width: 80%;
    }

    .pricingplan_outer_content {
        margin: 0 0 0px 0;
    }

    .faqouter .faqouter_heading {
        margin-bottom: 20px;
    }

    .footer_digitalmedia {
        padding: 40px 0;
        bottom: 0;
    }

    .footer_digitalmedia_inner {
        border-radius: 0;
        padding: 50px 50px;
    }

    .footer_digitalmedia_inner a img {
        max-width: 150px;
    }

    .bannerHome {
        margin-top: 73px;
    }

    .faqouter {
        padding: 40px 0 0;
    }

}

@media screen and (max-width:767px) {
    .homebanner_sliderBox_Right_Top_Left h1 {
        font-size: 40px;
        text-align: center;
    }

    .homebanner_sliderBox_Right_Top_Right h2 {
        font-size: 40px;
        text-align: center;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right p {
        font-size: 16px;
        line-height: normal;
        margin: 30px 0;
    }

    .bannerHome_inner {
        padding-top: 40px;
        padding-bottom: 0px;
    }


    h2 {
        font-size: 22px;
    }

    .valuablecustomers_outer_inner ul {
        gap: 15px;
        max-width: 100%;
    }

    .valuablecustomers_outer_inner ul li {
        flex: auto;
        width: calc(100% / 3 - 10px);
        border: solid 1px #ccc;
        padding: 15px;
        height: 100%;
        min-height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }

    .valuablecustomers_outer_inner ul li a img {
        width: 80%;
        margin: auto;
        display: block;
    }

    .valuablecustomers_outer_inner h2 {
        margin-bottom: 20px;
    }

    .valuablecustomers_outer_inner {
        padding-bottom: 20px;
    }

    .appwork_outer .appwork_outer_inner h2 {
        margin-bottom: 20px;
    }

    .appwork_outer_videoLink iframe {
        height: 300px;
    }

    .pricingplan_outer_content ul li {
        flex: auto;
        width: calc(100% / 2 - 14px);
    }

    .accordion .accordion-content p {
        font-size: 14px;
        line-height: 26px;
        padding-right: 50px;
    }

    .footer_digitalmedia_inner {
        padding: 20px 20px 40px;
    }

    .footer_digitalmedia {
        padding: 20px 0;
    }

    .checkourwork_outer_content ul {
        gap: 10px;
    }

    .checkourwork_outer_content ul li .checkourwork_col01 span img {
        border-radius: 10px;
    }

    .checkourwork_outer_content ul {
        flex-wrap: wrap;
    }

    .checkourwork_outer_content ul li {
        flex: unset;
        width: calc(100% / 3 - 10px);
    }

    .checkourwork_outer_content.customDesigns_content ul li {
        flex: unset;
        width: calc(100% / 3 - 10px);
    }

    .checkourwork_outer_content.customDesigns_content hr {
        margin-bottom: 20px;
    }

    .checkourwork_outer_content.customDesigns_content ul {
        margin-bottom: 20px;
    }

    .appwork_outer {
        padding: 20px 0 0px;
    }

    .checkourwork_outer {
        padding: 30px 0 0;
    }

    .faqouter {
        padding: 40px 0 0;
    }

    .line1,
    .line2 {
        font-size: 26px;
    }

    .line3 {
        font-size: 30px;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Left {
        display: block;
        order: 2;
        width: 100%;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Left span img {
        width: 100%;
        max-width: 75%;
    }
}

@media screen and (max-width:480px) {
    .faqouter {
        padding: 0px 0 0;
    }


    .homebanner_sliderBox_Right_Top_Left h1 {
        font-size: 30px;
    }

    .homebanner_sliderBox_Right_Top_Right h2 {
        font-size: 25px;
    }

    .homebanner_sliderBox .homebanner_sliderBox_inner .homebanner_sliderBox_Right p {
        font-size: 16px;
        margin: 20px 0 10px;
    }

    .valuablecustomers_outer_inner ul li a img {
        width: 100%;
    }

    .valuablecustomers_outer_inner ul li {
        width: calc(100% / 2 - 10px);
    }

    .valuablecustomers_outer {
        padding: 20px 0;
    }

    .appwork_outer_videoLink iframe {
        height: 250px;
    }

    .checkourwork_outer {
        padding: 20px 0;
    }

    .checkourwork_outer .checkourwork_outer_inner h2 {
        margin-bottom: 10px;
    }

    .pricingplan_outer .pricingplan_outer_heading p {
        font-size: 14px;
        max-width: 100%;
    }

    .pricingplan_outer_content ul li {
        flex: auto;
        width: 100%;
    }

    .accordion button[aria-expanded=true]+.accordion-content {
        max-height: max-content;
    }

    .accordion .accordion-content p {
        padding-right: 0;
    }

    .footer_digitalmedia_inner {
        padding: 20px;
    }

    h2 br {
        display: none;
    }

    .accordion-title {
        font-size: 16px;
        width: calc(100% - 40px);
    }

    .accordion button {
        display: flex;
    }

    .checkourwork_outer_content ul li .checkourwork_col01 span {
        width: 100%;
    }

    .checkourwork_outer_content:before {
        width: 150px;
    }

    .checkourwork_outer_content:after {
        width: 150px;
    }

    .line1,
    .line2 {
        font-size: 20px;
    }

    .line3 {
        font-size: 24px;
    }
}

@media screen and (max-width:400px) {
    .homebanner_sliderBox_Right_Top {
        flex-flow: column;
    }

    .homebanner_sliderBox_Right_Top_Left {
        width: 100%;
    }

    .homebanner_sliderBox_Right_Top_Left {
        width: 100%;
    }

    .homebanner_sliderBox_Right_Top_Right {
        width: 100%;
    }

    .homebanner_sliderBox_Right_Top_Left h1 {
        font-size: 33px;
    }

    .homebanner_sliderBox_Right_Top_Left h2 {
        font-size: 32px;
    }

    .checkourwork_outer_content.customDesigns_content ul li {
        width: calc(100% / 2 - 10px);
    }

    .footer_digitalmedia_inner p {
        margin: 10px 0;
        font-size: 18px;
    }

    .line3 {
        font-size: 20px;
    }
}


/*Responsive End Here*/