/* ============section-main-banner============= */
:root {
    --color-white: #fff;
    --linear-gradient: linear-gradient(136deg, #033363 30%, #46b170 100%);
}
section.main-banner {
    background-image: url(../images/influencer-img/banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.videoSlider {
    position: relative;
}

.videoSlider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 50%;
    background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #0b3754);
    z-index: 2;
}

.videoSlider::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 50%;
    background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #0b334c);
}

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

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

.slider-right {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

.slider-right .slide-track {
    animation: scroll-right 30s linear infinite;
    display: flex;
    width: calc(250px * 7);
}

.videoSlider .slide video {
    width: 100%;
    border-radius: 15px;
    height: 100%;
    object-fit: cover;
}

.slider-right .slide {
    width: 250px;
    margin: 0 8px;
}

.slider-right .slide video {
    height: 200px;
}

/* ======== */
@keyframes scroll-left {
    0% {
        transform: translateX(calc(-150px * 7));
    }

    100% {
        transform: translateX(0);
    }
}

.slider-left {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

.slider-left .slide-track {
    animation: scroll-left 30s linear infinite;
    display: flex;
    width: calc(250px * 7);
}

.slider-left .slide {
    width: 250px;
    margin: 0 8px;
}

.slider-left .slide video {
    height: 200px;
}

.banner-content {
    padding-left: 80px;
    padding-top: 25px;
}

.banner-content h1 {
    font-size: 60px;
    line-height: 55px;
    text-align: left;
    font-weight: bold;
    color: #eee;
    padding-bottom: 25px;
    margin-bottom: 0;
}

.banner-content h1 .colorTitle {
    color: #ffa82e;
    font-size: 40px;
}

.banner-content h1 span {
    font-size: 18px;
    font-weight: 500;
    line-height: 38px;
    text-align: left;
    width: 100%;
    display: block;
    padding-bottom: 15px;
    color: #eee;
}

.influencerItem {
    padding-bottom: 20px;
    padding-left: 14px;
}

.influencerItem ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.influencerItem .influencerItem-ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.influencerItem .influencerItem-ul li {
    color: #eee;
    font-size: 14px;
}

.li-dot {
    position: relative;
}

.li-dot::after {
    content: "";
    position: absolute;
    top: 7px;
    left: -13px;
    width: 8px;
    height: 8px;
    background-color: #ffa82e;
    border-radius: 50%;
}

.banner-content .txt p {
    font-weight: 500;
    line-height: 29px;
    padding-right: 20px;
    text-align: left;
    color: var(--color-white);
}

/* ---- //button-flex// ---- */
.button-flex {
    display: flex;
    margin-top: 36px;
}

.button-flex .btns.btn-back a button {
    padding: 15px 48px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    border: 2px solid transparent;
    background: var(--linear-gradient) padding-box, var(--linear-gradient) border-box;
}

.button-flex .btns.btn-back a span {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

.button-flex .btns.btn-border a button {
    padding: 15px 48px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    border: 2px solid transparent;
    background: linear-gradient(94.99deg, #ffffff 9.28%, #ffffff 93.61%) padding-box, var(--linear-gradient) border-box;
    margin-left: 22px;
}

.button-flex .btns.btn-border a span {
    background: var(--linear-gradient);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.button-flex .btns.btn-back a button:hover {
    background: none;
    background: linear-gradient(94.99deg, #ffffff 9.28%, #ffffff 93.61%) padding-box, var(--linear-gradient) border-box;
}

.button-flex .btns.btn-back a button:hover span {
    background: var(--linear-gradient) border-box;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.button-flex .btns.btn-border a button:hover {
    background: var(--linear-gradient) padding-box, var(--linear-gradient) border-box;
}

.button-flex .btns.btn-border a button:hover span {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}

/* ======= //serviecessSection// ========== */
.servicesSection {
    padding: 50px 0;
}

/* ===========================caseStudeies====================== */
.caseStudeies {
    padding: 50px 0;
}

.caseStudyList {
    margin-top: 35px;
}

.caseStudyList .slick-slide {
    margin: 0 8px;
}

section.caseStudeies .caseStudyList .caseArea {
    display: flex;
    flex-wrap: wrap;
}

section.caseStudeies .caseStudyList .caseArea .casweImgae {
    width: 46%;
    background-repeat: no-repeat;
    border-radius: 10px 0px 0px 10px;
}

section.caseStudeies .caseStudyList .caseArea {
    background: #f9f5f2;
    text-align: left;
    border-radius: 13px;
}

section.caseStudeies .caseStudyList .caseArea:nth-child(odd) {
    background: #f9f5f2;
}

section.caseStudeies .caseStudyList .caseArea .caseText {
    width: 54%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 346px;
    padding: 10px;
}

section.caseStudeies .caseStudyList .caseArea .caseText .mainCase-logo {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 90%;
    display: flex;
    justify-content: center;
    background: #ffffffa8;
    border-radius: 10px;
}

section.caseStudeies .caseStudyList .caseArea .caseText .comm-case-txt {
    margin: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.caseStudeies .caseStudyList .caseArea .caseText .comm-case-txt:not(:last-child) {
    border-bottom: 1px dashed #ffffff;
    padding-bottom: 10px;
}

section.caseStudeies .caseStudyList .caseArea .comm-case-txt p {
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
    padding-right: 15px;
}

section.caseStudeies .caseStudyList .caseArea .comm-case-txt h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}

section.caseStudeies .caseStudyList .caseArea .caseText .mainCase-logo .case-logpo .img {
    height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.caseStudeies .caseStudyList .caseArea .caseText .mainCase-logo .case-logpo .img img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 100%;
}

section.caseStudeies .caseStudyList .caseArea .caseText .tagline {
    width: 100%;
    position: absolute;
    top: 23px;
    text-align: right;
}

section.caseStudeies .caseStudyList .caseArea .caseText .tagline span {
    background: var(--linear-gradient);
    padding: 4px 22px;
    font-size: 11px;
    border-radius: 6px 0px 0px 6px;
    color: #fff;
    font-weight: 500;
}

.caseStudyList button.PrevArrow.slick-arrow,
.caseStudyList button.NextArrow.slick-arrow {
    display: none !important;
}

ul.slick-dots {
    position: absolute;
    left: 50%;
    bottom: -56px;
    padding: 0;
    transform: translate(-50%, 0);
}

ul.slick-dots li {
    margin-right: 6px;
    border-color: #ffa82e;
    border: 1px solid #ffa82e;
    background: #ffa82e;
    border-radius: 50%;
    display: inline-block;
    width: 10px;
    height: 10px;
}

ul.slick-dots li button {
    display: none;
}

ul.slick-dots li.slick-active {
    border-color: #f1ddce;
    border: 1px solid #f1ddce;
    background: #f1ddce;
}

/* ============ !!section.gallery!! =========== */
section.gallery {
    padding: 50px 0px;
}

section.gallery .galleryList ul {
    padding: 0;
    margin: 0;
}

section.gallery .galleryList .gallerItem {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.gallery .galleryList .gallerItem li {
    width: 11%;
    list-style: none;
    margin: 0.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

/* ================common_spacing gray_bg=============== */
.common_spacing {
    padding: 50px 0;
}

.gray_bg {
    background: #f6f8fd;
}

.icon-box-3 {
    min-height: 264px;
    text-align: center;
}

.icon-box-3 .service-icon {
    height: 250px;
    width: 250px;
    border-width: 4px;
    border-color: rgb(223 3 67);
    background: #fff;
    position: relative;
    z-index: 10;
    margin-top: 25px;
    border-radius: 0;
    box-shadow: none;
    margin-left: 17px;
    border-radius: 6px;
    text-align: center !important;
    margin: 0 auto !important;
}

.icon-box-3 .service-icon:before {
    height: 81px;
    width: 81px;
    position: absolute;
    content: '';
    border-style: dashed;
    border-width: 2px;
    background: transparent;
    z-index: -1;
    left: -15px;
    top: -15px;
    border-radius: 6px;
}

.icon-box-3 .service-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #ffffff;
    padding: 7px;
    text-align: center !important;
}

h4.h4-md {
    font-size: 20px;
    color: #2b2c2d;
    font-weight: 500;
}

/* ================perfect-script common_spacing=============== */
.perfect-script-items1 {
    -webkit-box-shadow: 0px 5px 15px 0px rgb(21 10 82 / 20%);
    box-shadow: 0px 5px 15px 0px rgb(21 10 82 / 20%);
    padding: 25px 15px;
    border-radius: 16px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    min-height: 100%;
}

.perfect-script-items1:hover {
    transform: translateY(-10px);
}

.perfect-script-items1 .icon {
    width: 66px;
    height: 66px;
    line-height: 66px;
    position: relative;
    border-radius: 0px 50% 50% 0px;
    color: #fff;
    font-size: 44px;
    box-shadow: 3px 14px 13px 0px #0000003b;
    z-index: 9;
    float: left;
    background: var(--linear-gradient);
    margin-left: -15px;
    text-align: center;
}

.perfect-script-items1 .icon img {
    width: 44px;
    margin-top: -4px;
}

.perfect-script-items1 .content {
    display: block;
    float: left;
    width: 90%;
    padding-bottom: 25px;
    padding-left: 25px;
}

.perfect-script-items1 strong {
    color: #444456;
    font-size: 19px;
}

.content p {
    font-size: 15px;
    margin-bottom: 0;
}

/* ================features-block=============== */
.features-block {
    padding: 20px 0;
    background: #37517e;
}

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

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

.slider-logo {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

.slider-logo .slide-track {
    animation: scroll 20s linear infinite;
    display: flex;
    width: calc(250px * 8);
}

.slider-logo .client-logo-cm {
    border: 0px solid #eee;
    width: 100%;
    display: grid;
    align-content: center;
    padding: 16px;
    height: 85px;
    overflow: hidden;
    justify-content: center;
    margin: 0 8px;
    border-radius: 4px;
    background: #fff;
}


/* ================elementor-section=============== */
.elementor-section {
    padding: 50px 0;
}

.elementor-element {
    background-color: #37517e;
    transition: .3s;
    border-radius: 30px;
    padding: 10px;
}

.elementor-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 30px;
}

h2.elementor-heading-title {
    color: var(--color-white);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.elementor-button {
    background-color: #fff;
    font-size: 16px;
    fill: #2d85dc;
    color: #444456;
    border-radius: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    padding: 13px 20px 13px 40px;
    display: flex;
    align-items: center;
    gap: 35px;
}

.elementor-button i {
    font-size: 20px;
}

/* ==// elementor-element-slider //== */
.elementor-element-slider .slick-slide {
    margin: 0 10px;
}

.pp-video-container {
    background-color: #000;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}

.pp-video-play {
    color: #333;
}

.pp-video-container .pp-video-overlay {
    mix-blend-mode: normal;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    transition: all .25s linear 0s;
    z-index: 1;
}

.pp-image-overlay,
.pp-media-content,
.pp-media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.pp-video-player img.pp-video-thumb.ls-is-cached.lazyloaded {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.pp-media-content {
    justify-content: flex-end;
    align-items: flex-start;
}

.pp-video-player .pp-media-content {
    z-index: 2;
}


.pp-media-content,
.pp-video-gallery-content-over-image .pp-media-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    transition: opacity .2s ease-in-out;
}

.pp-video-content {
    text-align: left;
    padding: 20px;
}

.pp-video-player video {
    height: 100%;
    z-index: 1;
}

.pp-video-player video {
    position: absolute;
    left: 0;
    /* width: 100%; */
}

.videoPlay {
    /* max-width: 100%; */
    /* width: 100%; */
    margin: 0;
    line-height: 1;
    border: none;
}

.elementor-element-slider button.PrevArrow.slick-arrow {
    display: none !important;
}

.elementor-element-slider button.NextArrow.slick-arrow {
    display: none !important;
}

.elementor-element-slider ul.slick-dots {
    display: none !important;
}

.button-flex.justify-content-center {
    flex-wrap: wrap;
    gap: 15px;
}

/* ==== //brand-help-block// ==== */
.brand-help-block {
    padding: 50px 0;
}

.titleHeading span {
    color: #ffa82e;
}

h2.titleHeading.text-left {
    text-align: left;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
}

.accordion {
    width: 100%;
    margin: 0px auto 0;
}

.at-tab {
    display: none;
    padding: 15px;
    border-top: none;
    background-color: #fff;
}

.at-title {
    cursor: pointer;
    background-color: #f5f5f5;
    position: relative;
    transition: background-color 0.3s ease;
}

.at-title:after {
    content: "+";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: all 0.3s ease;
    font-size: 24px;
}

.at-title.active:after {
    content: "-";
}

.at-item {
    border-radius: 5px;
    margin-bottom: 20px;
}

.at-title h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 15px;
    margin: 0;
}

/* =========== //public-relations-services-company.blade CSS// ============= */
.addSectionPadding {
    padding: 50px 0;
}
.servicesSectionContainer {
    background-image: url(../images/influencer-img/banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bestContent {
    padding-left: 40px;
    padding-top: 10px;
}

.bestContent h1 {
    font-size: 50px;
    line-height: 40px;
    text-align: left;
    font-weight: bold;
    color: #eee;
    padding-bottom: 25px;
    margin-bottom: 0;
}

.bestContent h1 .sbh-subtitleTop {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 15px 0px;
    color: #eee;
    display: inline-block;
    background: #eeeeee40;
    padding: 0 10px;
    border-radius: 3px;
}

.bestContent h1 .sbh-subtitle {
    color: #ffa82e;
    font-size: 50px;
    font-weight: bold;
    margin-top: 22px;
    padding: 0;
    text-align: left;
    width: 100%;
    display: block;
    font-family: 'Inter', sans-serif;
}

.bestContent p {
    font-weight: 500;
    line-height: 29px;
    padding-right: 20px;
    text-align: left;
    color: #eee;
}

.publicRelationItem {
    padding-bottom: 20px;
    padding-left: 14px;
}

.publicRelationItem ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.publicRelationItem .publicRelationItem-ul {
    display: flex;
    align-items: center;
    gap: 26px;
}

.publicRelationItem .publicRelationItem-ul li {
    color: #eee;
    font-size: 16px;
}

.publicli-dot {
    position: relative;
}

.publicli-dot::after {
    content: "";
    position: absolute;
    top: 9px;
    left: -15px;
    width: 8px;
    height: 8px;
    background-color: #ffa82e;
    border-radius: 50%;
}

.servicesCount .servicesCountItem {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.servicesCount ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.servicesCount .servicesCountItem li {
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.servicesCount .servicesCountItem li strong {
    color: #ffa82e;
    font-size: 20px;
}

.servicesCount .servicesCountItem li p {
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    line-height: 19px;
    font-size: 14px;
}

.newsGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.newsInfo img {
    width: 100%;
    height: 430px;
    object-fit: contain;
    /* filter: brightness(0.6); */
    transition: .5s;
}

.newsInfo img:hover {
    filter: none;
    transform: scale(1.01);
}

/* --//We Can Get You Featured On// -- */
.featuredOnSection {
    background-color: #f9f9f9;
}
.featuredOnContainer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.colInnerImage {
    text-align: center;
    width: 100%;
    height: 90px;
    border-bottom: 3px solid #dad7d2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    box-shadow: 0 0px 3px #49759b40;
}

.imageInner img {
    height: 65px;
    object-fit: contain;
}

/* ---- //package-table// ----- */
.package-table {
    box-shadow: 0 0px 3px #49759b40;
    background: #fff;
    width: 100%;
    height: 400px;
    display: grid;
    align-content: center;
    padding: 0 25px;
    transition: all 0.5s;
    border-radius: 0 50px 0 50px;
}

.package-table:hover {
    border: 1px solid transparent;
    background: linear-gradient(94.99deg, #ffffff 9.28%, #ffffff 93.61%) padding-box, var(--linear-gradient) border-box;
}

.packageContent {
    text-align: center;
}

.packageIcons {
    color: #fff;
    background: var(--linear-gradient);
    line-height: 78px;
    width: 80px;
    height: 80px;
    margin: 0 auto 16px;
    border-radius: 50%;
}

.packageIcons img {
    width: 50px;
}

.packageContent p {
    font-size: 15px;
    line-height: 24px;
}

.packageContent .button-flex {
    margin-top: 25px;
}

.packageContent .button-flex .btns.btn-back a button {
    padding: 10px 30px;
}

/* ------ //ourClientServices// ------- */
.ourClientSection {
    background: #37517e;
}
.ourClientServices {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.colInnerOurImage {
    text-align: center;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid #eee; */
    border-radius: 8px;
    background: #ffffff;
}

.colInnerOurImage .imageInner img {
    height: 70px;
    object-fit: contain;
    padding: 5px;
}

.benefitsHead h2 {
    padding: 15px 30px;
    font-size: 20px;
}

.brand-help-block .why-choose-block {
    background: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
}

.newsItems {
    width: 100%;
    height: 74px;
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.newsItems img {
    height: 65px;
    object-fit: contain;
}

/* ------- */
.ourClientSection marquee:first-child .our-client-logo img {
    margin-top: 0;
}

.ourClientSection .our-client-logo img {
    width: 172px;
    margin-top: 8px;
    border: 1px solid #dcdcdc;
    height: 80px;
    object-fit: contain;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
}

.ourClientSection marquee {
    max-width: 180%;
    animation: 2s linear infinite;
}

.servicesSection p a,
.brand-help-block p a {
    color: #f19505;
}

/* -------- //@media Start with Shahim// ---------- */

@media screen and (min-width: 320px) and (max-width:567px){
    .banner-content,
    .bestContent {
        padding: 0;
        margin-top: 20px;
    }

    .add-grid-columns .col-lg-7:nth-of-type(1) {
        order: 2;
    }

    .add-grid-columns .col-lg-5:nth-of-type(2) {
        order: 1;
    }

    .banner-content h1,
    .bestContent h1,
    .bestContent h1 .sbh-subtitle {
        font-size: 32px;
        line-height: 32px;
        padding-bottom: 18px;
    }

    .bestContent h1 .sbh-subtitle {
        margin-top: 12px;
    }

    .servicesCount .servicesCountItem {
        grid-template-columns: repeat(2, 1fr);
    }

    .publicRelationItem .publicRelationItem-ul {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .banner-content h1 span,
    .bestContent h1 span {
        font-size: 13px;
        padding-bottom: 0;
    }

    .banner-content .txt p {
        line-height: 24px;
    }

    .bestContent p {
        line-height: 24px;
    }

    .newsInfo img {
        height: auto;
    }

    .influencerItem .influencerItem-ul {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .button-flex .btns.btn-back a button,
    .button-flex .btns.btn-border a button {
        padding: 8px 25px;
    }

    .button-flex .btns.btn-back a span,
    .button-flex .btns.btn-border a span {
        font-size: 12px;
    }

    .button-flex .btns.btn-border a button {
        margin-left: 10px;
    }

    .elementor-content {
        text-align: center;
        row-gap: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    h2.elementor-heading-title {
        font-size: 18px;
    }

    .elementor-button {
        padding: 8px 20px 8px 40px;
    }

    h2.titleHeading.text-left {
        text-align: center !important;
        font-size: 20px;
        line-height: 24px;
    }

    .accordion {
        margin-top: 30px;
    }

    .at-title h2 {
        font-size: 18px;
    }

    .service-inner-content {
        padding: 0 15px;
    }

    .icon-box-3 {
        margin-bottom: 30px;
    }

    .brand-help-block .px-5 {
        padding: 0 !important;
    }

    .perfect-script-items1 .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .perfect-script-items1 .icon img {
        width: 32px;
        margin-top: -8px;
    }

    .perfect-script-items1 strong {
        font-size: 16px;
    }

    .content p {
        font-size: 14px;
    }

    .videoSlider::before {
        top: -1px;
        left: -3px;
    }

    .videoSlider::after {
        left: -3px;
    }

    .common_spacing .button-flex.justify-content-center {
        justify-content: left !important;
    }

    .common_spacing .button-flex .btns.btn-back a button, 
    .common_spacing .button-flex .btns.btn-border a button {
        padding: 8px 18px;
    }

    .common_spacing .button-flex .btns.btn-border a button {
        margin-left: 0px;
    }

    .elementor-section {
        padding: 0;
    }

    .featuredOnContainer {
        grid-template-columns: repeat(2, 1fr);
    }

    .package-table {
        margin-bottom: 30px;
        padding: 0 15px;
    }

    .packageContainer .col-lg-4:last-child .package-table {
        margin-bottom: 0;
    }

    .packageIcons {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .packageIcons img {
        width: 40px;
    }

    .packageContent p {
        font-size: 14px;
    }

    .packageContent .button-flex .btns.btn-back a button {
        padding: 6px 20px;
        font-size: 15px;
    }

    .ourClientSection .our-client-logo img {
        width: 150px;
        height: 60px;
    }

    .process-block .px-5,
    .development-services .px-5 {
        padding: 0 !important;
        margin-top: 10px;
    }

    .common_spacing .row.text-center.mb-5 {
        margin-bottom: 2rem !important;
    }

    .common_spacing .button-flex {
        margin-top: 25px;
    }

    .php_acc .accordion-button {
        font-size: 14px;
    }

    .development-services .overflowhide {
        margin-top: 15px;
    }

    .pp-video-player img.pp-video-thumb.ls-is-cached.lazyloaded {
        height: 321px;
    }
}

@media screen and (min-width:567px) and (max-width:767px){
    .banner-content,
    .bestContent {
        padding: 0;
    }

    .featuredOnContainer {
        grid-template-columns: repeat(4, 1fr);
    }

    .banner-content h1,
    .bestContent h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-content h1 span,
    .bestContent h1 span {
        font-size: 14px;
        line-height: 24px;
    }

    .button-flex .btns.btn-border a button {
        margin-left: 0px;
    }

    .add-grid-columns .col-lg-7:nth-of-type(1) {
        order: 2;
    }

    .add-grid-columns .col-lg-5:nth-of-type(2) {
        order: 1;
    }

    .package-table {
        margin-bottom: 30px;
    }

    .process-block .px-5,
    .development-services .px-5 {
        padding: 0 !important;
    }

    h2.titleHeading.text-left {
        text-align: center !important;
        font-size: 20px;
        line-height: 24px;
    }

    .perfect-script-items1 {
        min-height: 200px;
    }

    .perfect-script-items1 strong {
        font-size: 17px;
    }

    .elementor-content {
        row-gap: 12px;
    }
}
/* tablate divice */
@media screen and (min-width:768px) and (max-width:992px){
    .banner-content,
    .bestContent {
        padding: 0;
        margin-bottom: 30px;
    }

    .perfect-script-items1 {
        min-height: 200px;
    }

    .perfect-script-items1 strong {
        font-size: 17px;
    }

    .elementor-content {
        row-gap: 12px;
    }

    .button-flex .btns.btn-border a button {
        margin-left: 15px;
    }
}