body {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

html {
    scroll-behavior: smooth;
}
.logo img {
    width: 200px;
}

.padding-top-bottom-15 {
    padding: 15px 0;
}

.mbold {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .m-font {
    font-family: "Raleway", serif;
    font-optical-sizing: auto;
    font-style: normal;
    line-height: normal;
}

@font-face {
    font-family: 'Colfax';
    src: url('../font/Colfax-Regular.eot');
    src: url('../font/Colfax-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Colfax-Regular.woff2') format('woff2'), url('../font/Colfax-Regular.woff') format('woff'), url('../font/Colfax-Regular.ttf') format('truetype'), url('../font/Colfax-Regular.svg#Colfax-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.colax {
    font-family: "Raleway", serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

p, ul, li, a {
    font-family: "Raleway", serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.btnstyle a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    background: #7367DB;
    font-family: "Montserrat", sans-serif;
    box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-family: "Raleway", serif;
}

    .btnstyle a:after {
        content: " ";
        width: 0%;
        height: 100%;
        background: #fff;
        position: absolute;
        transition: all 0.4s ease-in-out;
        right: 0;
    }

    .btnstyle a:hover::after {
        right: auto;
        left: 0;
        width: 100%;
    }

.btnstyle span {
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 10px 25px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    z-index: 20;
    transition: all 0.3s ease-in-out;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnstyle:hover span {
    color: #183153;
    animation: scaleUp 0.3s ease-in-out;
}

.bgsmarts .btnstyle a {
    background: #000;
}

@keyframes scaleUp {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}


.btn-stylebox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btnphone a .box {
    width: 190px;
    height: auto;
    transition: .5s linear;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 9px 10px !important;
    text-align: center;
    margin: 0 5px;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
}

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

    .btnphone a .box:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        height: 4px;
        width: 100%;
        border-bottom: 2px solid #fff !important;
        border-left: 2px solid #fff !important;
        box-sizing: border-box;
        transform: translateX(100%);
    }

    .btnphone a .box:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        border-top: 2px solid #fff !important;
        border-right: 2px solid #fff !important;
        box-sizing: border-box;
        transform: translateX(-100%);
    }

    .btnphone a .box:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0,1);
    }

        .btnphone a .box:hover:before {
            border-color: #262626;
            height: 100%;
            transform: translateX(0);
            transition: .3s transform linear, .3s height linear .3s;
        }

        .btnphone a .box:hover:after {
            border-color: #262626;
            height: 100%;
            transform: translateX(0);
            transition: .3s transform linear, .3s height linear .5s;
        }

    .btnphone a button {
        color: black;
        text-decoration: none;
        cursor: pointer;
        outline: none;
        border: none;
        background: transparent;
    }


.redcolor {
    color: #7367DB;
}

.content-header h1 {
    line-height: 55px;
    font-size: 50px;
    font-weight: 900;
}

.custombullit li {
    list-style: none;
    position: relative;
    padding: 8px 0;
    font-size: 22px;
    font-family: "Raleway", serif;
    color: #474747;
    font-weight: 500;
}

p.bigpheader {
    font-size: 23px;
    margin: 10px 0 35px 0;
}

    p.bigpheader b {
        font-weight: 900;
    }

    p.bigpheader span {
        font-size: 18px;
        font-style: italic;
        display: inline-block;
        margin-left: 10px;
    }
.custombullit li:after {
    background-image: none;
    width: 15px;
    height: 15px;
    position: absolute;
    content: "";
    display: block;
    left: -35px;
    top: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    border: 2px solid #7367DB !important;
    background: transparent;
}

.custombullit li:last-child {
    padding-bottom: 0 !important;
}

.margintop22 {
    margin-top: 22px;
}

.header-btn a.btn-red {
    padding: 3px 20px;
}


.custombullit ul {
    padding-left: 40px;
}


.header-btn .button {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    outline: none;
    cursor: pointer;
    font-family: sans-serif;
    border-radius: 0 !important;
    font-weight: bold;
}

    /* Shadow layer */
    .header-btn .button .shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255 0 0 / 25%);
        border-radius: 8px;
        transform: translateY(2px);
        transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
        border-radius: 0 !important;
    }

    /* Edge layer */
    .header-btn .button .edge {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        border-radius: 0 !important;
        background: #7367DB;
    }

    /* Front layer */
    .header-btn .button .front {
        position: relative;
        display: flex;
        border-radius: 0 !important;
        align-items: center;
        justify-content: center;
        padding: 12px 10px;
        font-size: 15px;
        color: white;
        background: #7367DB;
        border-radius: 8px;
        transform: translateY(-4px);
        transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
        font-family: "Raleway", serif;
        min-width: 200px;
    }
    /* Hover and active states */
    .header-btn .button:hover .shadow {
        transform: translateY(4px);
        transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
    }

    .header-btn .button:hover .front {
        transform: translateY(-6px);
        transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
    }

    .header-btn .button:active .shadow {
        transform: translateY(1px);
        transition: transform 34ms;
    }

    .header-btn .button:active .front {
        transform: translateY(-2px);
        transition: transform 34ms;
    }

    /* Disable text selection */
    .header-btn .button .front span {
        user-select: none;
        text-transform: uppercase;
        font-weight: 900;
    }

.header-btn a.button {
    text-decoration: none;
}



p.stylepara {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}

.formstyle .form-control {
    margin: 0;
    background-color: #7367DB;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 40px 65px 80px 65px;
    border-radius: 50px 00px 0 50px;
}

.formstyle .title {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0;
}

.formstyle .input-field {
    position: relative;
    width: 100%;
}

.formstyle .input {
    margin-top: 15px;
    width: 100%;
    outline: none;
    border-radius: 0px;
    height: 45px;
    border: 1.5px solid #ecedec;
    background: transparent;
    padding-left: 10px;
    color: #fff;
}

    .formstyle .input:focus {
        border: 1.5px solid #fff;
    }

.formstyle .input-field .label {
    position: absolute;
    top: 25px;
    left: 15px;
    color: #fff;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.formstyle .input-field .input:focus ~ .label,
.formstyle .input-field .input:valid ~ .label {
    top: 5px;
    left: 5px;
    font-size: 12px;
    color: #fff;
    background-color: #7367DB;
    padding-left: 5px;
    padding-right: 5px;
}

.formstyle .submit-btn {
    margin-top: 15px;
    height: 55px;
    background: #f2f2f2;
    border-radius: 11px;
    border: 0;
    outline: none;
    color: #000;
    background-color: #fff;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #000000;
    transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1);
    cursor: pointer;
    border-radius: 0 !important;
}

    .formstyle .submit-btn:hover {
        box-shadow: 0px 0px 0px 2px #000, 0px 0px 0px 4px #1e00003a;
        color: #7367DB;
    }

.header-section {
    position: relative;
    padding-top: 50px;
    overflow-x: hidden;
    padding-bottom: 350px;
}

.row.justify-content-end.customrowpositions {
    position: absolute;
    right: 0;
    width: 600px;
}


.header-section::after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/image2-header1.webp);
    width: 100%;
    height: 100%;
    background-size: contain;
    width: 710px;
    height: 255px;
    background-repeat: no-repeat;
    right: 0px;
    bottom: 0;
}

.img-bottomm img {
    width: 100%;
    position: relative;
    left: -88px;
}

.img-bottomm {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 36%;
}

.header-section::before {
    position: absolute;
    content: "";
    display: block;
    width: 645px;
    height: 508px;
    top: 0;
    background-image: url(../images/image-bg-banner.webp);
}


.header-section::before {
    position: absolute;
    content: "";
    display: block;
    width: 655px;
    height: 338px;
    top: 0;
    background-image: url(../images/image-bg-banner.webp);
    left: 39%;
    transform: translateX(-20%);
    animation: moveBackground 5s infinite alternate ease-in-out;
}

@keyframes moveBackground {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(2px, -2px);
    }

    50% {
        transform: translate(-2px, 2px);
    }

    75% {
        transform: translate(1px, -1px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.content-header {
    position: relative;
    top: 38%;
}

.custombullit.ptpbnew {
    padding: 10px 0;
}


section.sectionone {
    position: relative;
}
.bgstyle {
    text-align: center;
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
    background: #F9F9F9;
    width: 310px;
    padding: 10px;
    text-align: center;
    margin: 0px auto;
}

    .bgstyle p {
        margin-bottom: 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 18px;
    }

section.sectiontwo {
    position: relative;
    bottom: 44px;
    z-index: 1;
}

.awardimage {
    width: 150px;
}

    .awardimage img {
        width: 100%;
    }

.sectionbggray {
    background: #F9F9F9;
    padding: 10px 0;
}

section.sectionthree {
    padding: 30px 0 80px 0px;
}

p.big-pera {
    font-size: 24px;
}

.btnstyles span1.box {
    border: 2px solid #000;
}



.btnstyles .btnphone a .box:before {
    border-bottom: 2px solid #7367DB !important;
    border-left: 2px solid #7367DB !important;
}

.btnstyles .btnphone a .box:after {
    border-top: 2px solid #7367DB !important;
    border-right: 2px solid #7367DB !important;
}


.btnstyles .btnphone a .box:hover {
    box-shadow: 0 5px 15px #7367DB;
    /* background: #7367DB; */
    color: #7367DB;
    border: 2px solid #7367DB;
}

.btnstyles .btnphone a .box {
    width: 200px;
    color: #000;
    padding: 12px 0px !important;
    font-size: 15px;
    line-height: 25px;
}

.mt-50px {
    margin-top: 75px;
}

.image-container {
    position: relative;
    overflow: hidden;
}


    .image-container img {
        width: 70%;
        height: 70%;
        object-fit: cover;
        position: relative;
        z-index: 2;
    }

    .image-container::after {
        content: "";
        position: absolute;
        top: auto;
        bottom: -30px; /* Start from bottom */
        right: 145px;
        width: 300px;
        height: 465px;
        background: #7367DB;
        transform: translateY(calc(-1 * var(--scrollY, 0px))); /* Reverse scroll effect */
        transition: transform 0.3s ease-out;
        z-index: 1;
    }

.image-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.paddingtop30 {
    padding-top: 30px;
}

.counters .count {
    font-size: 100px;
    letter-spacing: -5px;
    line-height: normal;
    font-weight: 700
}

span.pluss {
    position: absolute;
    left: 30px;
    font-size: 70px;
    line-height: 0px;
    top: 42%;
    transform: translateY(-48%);
    right: 0;
    width: 100%;
    left: 43%;
    font-weight: 700;
}

.counters {
    position: relative;
    width: 380px;
    margin-bottom: 20px;
}

.box-details .contents p {
    font-size: 23px;
}

.box-details .contents {
    border-top: 1px solid #7367DB;
    padding-top: 17px;
}



.marquee {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 80px;
    overflow-x: hidden;
    background: #7367DB;
    margin-top: 50px;
}

.track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 32s linear infinite;
    padding: 10px 0;
}


@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}


.marquee .content span {
    font-size: 50px;
    font-weight: bold;
    display: inline-block;
    margin: 0 100px;
    color: #fff;
}

.tabstyle button {
    background: transparent !important;
    text-align: left;
    position: relative !important;
    padding: 0;
    margin-bottom: 59px;
}

    .tabstyle button p {
        background: transparent !important;
        color: #C8C8C8 !important;
        font-size: 40px;
        font-weight: bold;
        padding-left: 30px;
        text-transform: uppercase;
        font-family: "Montserrat", serif;
        font-optical-sizing: auto;
        font-style: normal;
        line-height: normal;
        margin-bottom: 0;
    }

.tabstyle span.smallcount {
    color: #C8C8C8;
    text-align: left;
}

.tabstyle span.smallcount {
    position: absolute;
    top: -3px;
}


.tabstyle .active p {
    color: #7367DB !important;
}


.tabstyle .active span {
    color: #7367DB !important;
}

.mt-fifty {
    margin-top: 50px;
}

span.tagdiv {
    background: #E5E5E5;
    padding: 8px 15px 8px 15px;
    display: inline-block;
    border-radius: 50px;
    width: 32.7%;
    margin: 0;
    text-align: center;
    margin-bottom: 15px;
    font-size: 13px;
}

.imagecontenttab img {
    width: 100%;
}

.nametags {
    margin-top: 20px;
}

.textandbutton .header-btn {
    width: 200px;
    position: relative;
    top: 3px;
}

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

.lightgrays {
    background-color: #F9F9F9;
    padding: 100px 0;
}


.smallhead {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
}

.customlines {
    position: relative;
}

    .customlines:after {
        width: 40%;
        height: 1.5px;
        content: "";
        display: block;
        position: absolute;
        bottom: 15px;
        right: 0;
        background: #000;
    }


.tabsbox.tabstyle button {
    margin-bottom: 40px;
}


    .tabsbox.tabstyle button p {
        font-size: 15px;
        padding-left: 22px;
    }

.tabsbox.tabstyle .active p, .tabsbox.tabstyle .active span {
    color: #fe002a !important;
}

.tabsbox.tabstyle span.smallcount {
    position: absolute;
    top: -12px;
    font-size: 11px;
    font-weight: bold;
    color: #000 !important;
}

.tabsbox.tabstyle .nav {
    display: block;
    padding: 0 0 0 40px;
}

.tabsbox.tabstyle {
    width: 100%;
    position: relative;
}

    .tabsbox.tabstyle:after {
        width: 2px;
        height: 100%;
        display: block;
        content: "";
        position: absolute;
        background-color: #7367DB;
        left: 0;
        top: -21px;
    }

    .tabsbox.tabstyle button p {
        font-size: 15px;
        padding-left: 22px;
        color: #000 !important;
    }


.section-portfolio {
    padding: 60px 0;
}


    .section-portfolio .video-gallery {
        position: relative;
        height: 60vh;
        margin: 20px auto;
        overflow: visible; /* Changed from hidden */
    }

    .section-portfolio .video-box {
        position: absolute;
        height: 100%;
        border-radius: 15px;
        overflow: hidden;
        transition: all 0.5s ease;
        cursor: pointer;
        z-index: 1;
        transform-origin: left center; /* Smooth scaling */
        border-radius: 100px !important;
    }

        .section-portfolio .video-box:hover {
            z-index: 3; /* Higher z-index for active state */
            transform: scale(1.05); /* Slight zoom effect */
        }

    .section-portfolio .video-player {
        opacity: 0; /* Initially hidden */
        transition: opacity 0.3s ease;
    }

    .section-portfolio .video-box:hover .video-player {
        opacity: 1; /* Fade-in effect */
        display: block;
    }

    .section-portfolio .video-gallery {
        position: relative;
        height: 60vh;
        margin: 20px auto;
        overflow: visible; /* Changed from hidden */
    }

    .section-portfolio .video-box {
        position: absolute;
        height: 100%;
        border-radius: 15px;
        overflow: hidden;
        transition: all 0.5s ease;
        cursor: pointer;
        z-index: 1;
        transform-origin: left center;
    }

    .section-portfolio .thumbnail {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: opacity 0.3s ease;
    }

    .section-portfolio .video-player {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .section-portfolio .video-box:hover {
        z-index: 999 !important;
        transform: scale(1.02);
    }

        .section-portfolio .video-box:hover .thumbnail {
            opacity: 0;
        }

        .section-portfolio .video-box:hover .video-player {
            opacity: 1;
        }


/* Ensure all video galleries have same styling */
.tab-pane .video-gallery {
    position: relative;
    height: 60vh;
    margin: 20px auto;
    overflow: visible;
}

.customcta {
    background: url('../images/bgcta-new.webp');
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

    .customcta .content h2 {
        font-size: 40px;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
    }

    .customcta .content span {
        font-size: 22px;
        color: #FFF;
        font-weight: 300;
        text-transform: uppercase;
    }



    .customcta .content p {
        color: #7367DB;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 30px;
        margin: 0;
        padding: 6px 0 20px 0;
    }


    .customcta .content a.redboxtext {
        background: #7367DB;
        color: #ffff;
        padding: 10px 15px;
        font-size: 35px;
        letter-spacing: 4px;
        text-align: center;
        border: 2px solid #ffff;
        text-decoration: none;
    }

.planeimages img {
    width: 80%;
    animation: moveBackground 2s infinite alternate ease-in-out;
}

.padding-custom-topbottom {
    padding: 80px 0
}

h3.ctaheadings {
    text-align: right;
    color: #7367DB;
    margin-bottom: 0;
}

.b-bolds {
    font-weight: bold;
}


.pricingbox {
    padding: 30px;
    border: 3px solid #000000;
}

.redsection {
    background-image: url('../images/process-bg.webp');
    background-size: cover;
}

.boxprocess p {
    margin-bottom: 0;
}

.boxprocess {
    margin-bottom: 38px;
}

.redsection .content {
    padding: 50px 0 50px 60px;
}

.boxprocess .contentprocess h3 {
    color: #fff;
    font-weight: bold;
}

.boxprocess .contentprocess p {
    font-size: 17px;
    color: #fff;
}

.contentprocess {
    padding-left: 50px;
}

.boxprocess {
    display: flex;
    align-items: flex-start;
}

.redsection .content p.spacelefts {
    color: #fff;
    padding-left: 98px;
    font-weight: bold;
    font-size: 20px;
}

.number {
    background: #fff;
    border-radius: 120px;
    font-size: 20px;
    max-width: 50px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #7367DB;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.redsection .col-lg-6 .content {
    position: relative;
}

    .redsection .col-lg-6 .content:after {
        height: 86%;
        width: 1px;
        background: #fff;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 84px;
        z-index: 0;
        top: 50px;
    }

.content {
}

h4.pricetag.m-font {
    font-weight: 900;
    font-size: 40px;
    color: #7367DB;
    margin: 10px 0 20px 0;
    display: block;
}

.pricingbox h3 {
    font-weight: 900;
    font-size: 50px;
    color: #000;
    margin: 0px 0 0px 0;
    display: block;
}

.pricingbox span {
    font-size: 25px;
    line-height: normal;
    color: #7367DB !important;
}
/* counter */

.divsonemobile strong.pricefont {
    font-size: 15px !important;
    display: inline-block;
}

.countdown {
    text-transform: lowercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}

    .countdown .flip-clock-wrapper {
        text-align: left;
        position: relative;
        font-family: PT Sans, sans-serif;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        margin: 0;
        width: 100%;
    }

        .countdown .flip-clock-wrapper * {
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .countdown .flip-clock-wrapper a {
            cursor: pointer;
            text-decoration: none;
            color: #ccc;
        }

            .countdown .flip-clock-wrapper a:hover {
                color: #fff;
            }

        .countdown .flip-clock-wrapper .flip-wrapper {
            display: inline-block;
            text-align: center;
        }

            .countdown .flip-clock-wrapper .flip-wrapper + .flip-wrapper {
                margin-left: 10px;
            }

            .countdown .flip-clock-wrapper .flip-wrapper .flip {
                position: relative;
                float: none;
                list-style: none;
                width: 150px;
                height: 90px;
                line-height: 60px;
                margin: 0;
                font-weight: 400;
                font-family: PT Sans, sans-serif;
                line-height: 87px;
                box-shadow: none;
                max-height: 90px;
                border-radius: 6px;
                background: #FFFFFF;
            }

                .countdown .flip-clock-wrapper .flip-wrapper .flip li {
                    z-index: 1;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    text-decoration: none !important;
                    line-height: 53px;
                }

                    .countdown .flip-clock-wrapper .flip-wrapper .flip li:first-child {
                        z-index: 2;
                    }

                    .countdown .flip-clock-wrapper .flip-wrapper .flip li a {
                        display: block;
                        height: 100%;
                        -webkit-perspective: 200px;
                        perspective: 200px;
                        margin: 0 !important;
                        overflow: visible !important;
                        cursor: default !important;
                    }

                        .countdown .flip-clock-wrapper .flip-wrapper .flip li a div {
                            z-index: 1;
                            position: absolute;
                            left: 0;
                            width: 100%;
                            height: 50%;
                            font-size: 80px;
                            overflow: hidden;
                            outline: 1px solid transparent;
                        }

                            .countdown .flip-clock-wrapper .flip-wrapper .flip li a div .shadow {
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                z-index: 2;
                            }

                            .countdown .flip-clock-wrapper .flip-wrapper .flip li a div .counter {
                                position: absolute;
                                left: 0;
                                z-index: 1;
                                width: 100%;
                                height: 200%;
                                text-shadow: 0 1px 2px #000;
                                text-align: center;
                                border-radius: 6px;
                                color: #fff;
                                background-color: #FFFFFF;
                                font-size: 40px;
                                line-height: 90px;
                            }

                        .countdown .flip-clock-wrapper .flip-wrapper .flip li a .up {
                            -webkit-transform-origin: 50% 100%;
                            transform-origin: 50% 100%;
                            top: 0;
                        }

                            .countdown .flip-clock-wrapper .flip-wrapper .flip li a .up:after {
                                content: "";
                                position: absolute;
                                left: 0;
                                z-index: 5;
                                width: 100%;
                                height: 3px;
                                top: 44px;
                                background-color: rgb(255 255 255 / 29%);
                            }

                            .countdown .flip-clock-wrapper .flip-wrapper .flip li a .up .counter {
                                background: #FFFFFF;
                                background: linear-gradient(to bottom, #FFFFFF 0%, #323338 100%);
                                top: 0;
                                color: #000;
                            }

                        .countdown .flip-clock-wrapper .flip-wrapper .flip li a .down {
                            -webkit-transform-origin: 50% 0;
                            transform-origin: 50% 0;
                            bottom: 0;
                            border-bottom-left-radius: 6px;
                            border-bottom-right-radius: 6px;
                        }

                            .countdown .flip-clock-wrapper .flip-wrapper .flip li a .down .counter {
                                background: #323338;
                                background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 100%);
                                bottom: 0;
                                color: #000;
                            }

                    .countdown .flip-clock-wrapper .flip-wrapper .flip li.flip-clock-active {
                        z-index: 3;
                    }

                .countdown .flip-clock-wrapper .flip-wrapper .flip.play .flip-clock-before .up {
                    z-index: 2;
                    -webkit-animation: turnoff .5s cubic-bezier(.34, .13, .93, .24) both;
                    animation: turnoff .5s cubic-bezier(.34, .13, .93, .24) both;
                }

                    .countdown .flip-clock-wrapper .flip-wrapper .flip.play .flip-clock-before .up .shadow {
                        -webkit-animation: show .5s linear both;
                        animation: show .5s linear both;
                        background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0, #000 100%);
                    }

                .countdown .flip-clock-wrapper .flip-wrapper .flip.play .flip-clock-before .down .shadow {
                    -webkit-animation: show .5s linear both;
                    animation: show .5s linear both;
                    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .1) 100%);
                }

                .countdown .flip-clock-wrapper .flip-wrapper .flip.play .flip-clock-active {
                    -webkit-animation: zindex .5s .5s linear both;
                    animation: zindex .5s .5s linear both;
                    z-index: 5;
                }

                    .countdown .flip-clock-wrapper .flip-wrapper .flip.play .flip-clock-active .up .shadow {
                        background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0, #000 100%);
                        -webkit-animation: hide .5s .3s linear both;
                        animation: hide .5s .3s linear both;
                    }

                    .countdown .flip-clock-wrapper .flip-wrapper .flip.play .flip-clock-active .down {
                        z-index: 2;
                        -webkit-animation: turnon .3s .5s linear both;
                        animation: turnon .3s .5s linear both;
                    }

                        .countdown .flip-clock-wrapper .flip-wrapper .flip.play .flip-clock-active .down .shadow {
                            background: linear-gradient(to bottom, #ffffff 0, rgba(255, 255, 255, 0.1) 100%);
                            -webkit-animation: hide .5s .2s linear both;
                            animation: hide .5s .2s linear both;
                        }

            .countdown .flip-clock-wrapper .flip-wrapper .flip-clock-label {
                display: block;
                margin-top: 5px;
                font-size: 18px;
                color: #ffffff;
            }

        .countdown .flip-clock-wrapper.clearfix:after {
            content: " ";
            display: table;
            clear: both;
        }

        .countdown .flip-clock-wrapper.clearfix:before {
            content: " ";
            display: table;
        }

        .countdown .flip-clock-wrapper.clearfix {
            *zoom: 1;
        }

@-webkit-keyframes zindex {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 3;
    }

    100% {
        z-index: 4;
    }
}

@keyframes zindex {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 3;
    }

    100% {
        z-index: 4;
    }
}

@-webkit-keyframes turnon {
    0% {
        -webkit-transform: rotateX(91deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@keyframes turnon {
    0% {
        -webkit-transform: rotateX(91deg);
        transform: rotateX(91deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}

@-webkit-keyframes turnoff {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@keyframes turnoff {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.testimonialssection {
    padding-top: 80px;
    background: url('../images/background-testimonials.webp');
    background-size: 100% 100%;
}

    .testimonialssection .customlines:after {
        width: 70%;
    }

.testi-image img {
    width: 60% !important;
}

.testi-image {
    text-align: right;
    height: 100%;
    display: flex;
    align-items: self-end;
    justify-content: right;
}

.contenttestimonails h2 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 50px;
    line-height: 55px;
}

.contenttestimonails p {
    font-size: 25px;
    font-style: italic;
    width: 100%;
    margin-top: 20px;
    line-height: 40px;
}

    .contenttestimonails p + img {
        margin-top: 25px
    }

.contenttestimonails img {
    width: 250px !important;
}

.contenttestimonails {
    padding-top: 0;
    padding-bottom: 50px;
}

.logosectionarea {
    padding: 60px 0px;
    background: #F9F9F9;
}

    .logosectionarea h2 {
        text-align: center;
        font-weight: bold;
        font-size: 50px;
        margin-bottom: 30px;
    }




.ctabggray .container {

    height: 100%;
    display: flex;
    align-items: center;
}

.ctabggray {
    background: #E6E6E6;
}

    .ctabggray .contenttexts h2 {
        font-size: 50px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .ctabggray .container .row {
        width: 100%;
    }
.imagenews {
    position: absolute;
    top: 0;
    right: 0;
}

    .imagenews img {
        width: 100% !important;
    }

.ctabggray {
    position: relative;
    height: 100%;
    overflow: hidden;
}

    .ctabggray .contenttexts {
        padding: 127px 0;
    }

.footersection .customlines:after {
    width: 35%;
}

.footersection {
    padding: 80px 0 50px 0;
}

.contentfooters h2 {
    font-size: 54px;
    font-weight: bold;
    text-transform: inherit;
}

.imagesleft img {
    width: 100%;
}

.formstyles .form-group {
    margin-bottom: 18px;
}

    .formstyles .form-group input {
        height: 45px;
        border-top: 0;
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        padding-left: 0;
    }

.formstyles .header-btn {
    width: 200px !important;
}

img.posab {
    position: absolute;
    top: inherit;
    bottom: 30px;
    z-index: 1;
    right: -20px;
    width: 45%;
}

.containercustoms {
    position: relative;
}

.marquee {
    overflow: hidden !important;
}

img.d-none-desktop {
    display: none;
}

section.overflows.paddingcustombottoms {
    overflow-x: hidden;
}


/* Apply the floating animation to the image */
.floating-image {
    left: 10px;
    height: auto; /* Maintain aspect ratio */

    animation: float 6s ease-in-out infinite; /* Slower animation */

    position: absolute;
    top: 30px;
}

@keyframes float {
    0%, 100% {
        transform: translate(0, 0); /* Start and end at the center */
    }

    25% {
        transform: translate(-10px, -15px); /* Move left and up */
    }

    50% {
        transform: translate(0, -20px); /* Move up */
    }

    75% {
        transform: translate(10px, -15px); /* Move right and up */
    }
}



.modal-body .formstyle .form-control {
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    width: 100%;
}

.modal-body .formstyle .input {
    border-color: #000;
    color: #000000;
    margin-top: 0
}

.modal-body .formstyle .submit-btn:hover {
    box-shadow: 0px 0px 0px 2px #0000, 0px 0px 0px 4px #000;
    color: #fff;
    background: #000
}

.modal-body .formstyle .submit-btn {
    height: 48px;
    font-size: 16px;
    background: #7367DB;
    color: #fff;
    margin-top: 0 !important;
}

.modal-body .formstyle .input-field .input:focus ~ .label, .formstyle .input-field .input:valid ~ .label {
    color: #000;
    background-color: #fff;
}

.modal-body .formstyle .input-field .label {
    color: #000;
}

.modal-body .formstyle p.stylepara {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

    .modal-body .formstyle p.stylepara br {
        display: none;
    }

.modal-body .formstyle p.title.m-font {
    color: #7367DB;
    font-size: 15px;
    margin-bottom: 0;
    line-height: normal;
}

.modal-header {
    position: absolute;
    right: 0;
}

.modal-header {
    position: absolute;
    right: 0;
    z-index: 1;
    background: #7367DB;
    border-radius: 0;
}

    .modal-header button.btn-close {
        color: #fff !important;
        z-index: 1;
        position: relative;
        filter: invert(1);
        opacity: 1;
        padding: 0;
        left: -4px;
    }


.modal-body .formstyle {
    padding: 10px;
}

.customsmodal .modal-lg {
    max-width: 934px;
}

.modalcontents {
    background-image: url(../images/popupbackground.webp);
    width: 100%;
    height: 100%;
}

.modal-body {
    padding: 0;
}

.modalcontents h2 {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    padding: 0 50px;
}

.modalcontents {
    display: flex;
    align-items: center;
}

.modal-body .formstyle {
    padding: 10px;
    padding: 30px 30px 40px 0px;
}






/*newcss form*/

.myheaderchange .formstyle .form-control {
    border-radius: 0 !important;
    padding: 30px 38px 38px 38px;
    width: 90%;
    background-color: #ffffff;
    /*    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/

    webkit-box-shadow: 0 1px 8px 0 rgba(82, 156, 156, 0.2), 0 1px 25px 0 rgba(134, 173, 173, 0.2), 0 2px 4px -1px rgba(167, 214, 214, 0.2);
    box-shadow: 0 1px 8px 0 rgba(82, 156, 156, 0.2), 0 1px 25px 0 rgba(134, 173, 173, 0.2), 0 2px 4px -1px rgba(167, 214, 214, 0.2);
    font-family: "Raleway", serif;
}

.header-section.myheaderchange:before {
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    background-image: url(../images/fullanime-bottomcretive.webp);
    width: 285px;
    height: 221px;
    bottom: 0 !important;
    top: inherit;
    animation: inherit;
    transform: inherit;
    left: 42%;
    z-index: 1;
}

.header-section.myheaderchange::after {
    display: none
}



.myheaderchange .content-header {
    top: inherit;
}

.header-section.myheaderchange {
    position: relative;
    padding-top: 0;
    overflow-x: hidden;
    padding-bottom: 0;
    padding: 55px 0 180px 0;
}



.myheaderchange .formstyle .input-field .label {
    color: #474747;
}

.myheaderchange .formstyle .title {
    color: #7367DB;
}


.myheaderchange .formstyle .input {
    border-color: #d9d9d9;
    color: #474747;
    margin-top: 25px;
}

.myheaderchange p.stylepara {
    color: #000;
    font-size: 32px;
    margin-bottom: 0;
    font-weight: 900;
    padding-bottom: 0;
    margin-bottom: -10px;
    text-align: center;
}

    .myheaderchange p.stylepara span.redcolor {
        font-weight: 900;
    }

.myheaderchange .formstyle .input-field .input:focus ~ .label, .formstyle .input-field .input:valid ~ .label {
    color: #fff;
    background-color: #9d9d9d;
    padding: 2px 7px;
    top: 14px;
    /*    display:none;*/
}



.myheaderchange .formstyle .submit-btn {
    height: 48px;
    font-size: 16px;
    font-family: "Raleway", serif;
    background: #7367DB;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    margin: 0px auto;
    margin-top: 10px;
    font-weight: 900;
}

    .myheaderchange .formstyle .submit-btn:hover {
        background-color: #000;
        border-color: #000 !important;
    }

.myheaderchange .formstyle .input-field {
    width: 100%;
    display: inline-block;
}

.inlineforms {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.myheaderchange .formstyle select.form-select {
    height: 52px;
    border-radius: 0;
    border: 1px solid #474747;
    margin-top: 25px;
    border-color: #d9d9d9;
    color: #474747;
}

.myheaderchange .formstyle .input-field .label {
    position: absolute;
    top: 40px;
}

.input-field.fullwidths {
    width: 100% !important;
}

    .input-field.fullwidths textarea {
        height: 110px
    }


.myheaderchange .formstyle .input-field.fullwidths .input:focus ~ .label, .formstyle .input-field.fullwidths .input:valid ~ .label {
    top: 14px;
}

.myheaderchange .formstyle .input-field.fullwidths textarea {
    padding-top: 15px;
    height: 100px;
}

.header-section.myheaderchange:after {
    background: url(../images/imagerightbottom-new111.webp);
    width: 351px;
    height: 650px;
    position: absolute;
    content: "";
    right: 85px;
    bottom: 0;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.myheaderchange .formstyle .input {
    height: 52px;
}


.header-section.myheaderchange .container {
    position: relative;
}

.content-header span1 {
    color: #7367DB;
    font-weight: bold;
    font-size: 20px;
    font-family: "Raleway", serif;
    text-transform: uppercase;
    margin-bottom: 5px !important;
    display: block;
    font-weight: 900;
}

section.bgsmarts .btnstyle span {
    border: 2px solid #fff;
}

    section.bgsmarts .btnstyle span:hover {
        color: #7367DB;
    }

.lightgrays .nametags {
    display: none;
}

section.lightgrays .textandbutton p {
    margin-top: 20px;
    font-size: 20px;
}

.ctasection .customlines:after {
    width: 25%;
}

section.overflows.paddingcustombottoms {
    padding-bottom: 70px;
}

section.lightgrays .tabstyle button:last-child {
    margin-bottom: 0
}

.contentfooters .formstyles {
    margin-top: 30px;
}

.image-footerbig.mt-topcustommobile {
    margin-top: 17px;
}



section.bgsmarts:after {
    width: 57.6%;
    right: 0;
    height: 50%;
    position: absolute;
    content: "";
    display: block;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    top: 0;
    background: #000;
    z-index: -2;
    animation: gradient 15s ease infinite;
    background: linear-gradient(-45deg, #7367DB, #000000, #7367DB, #000000);
    background-size: 400% 400%;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


/*.header-section.myheaderchange:after {
}*/

.header-section.myheaderchange:after {
    display: none
}

.charachterimage {
    position: absolute;
    right: -200px;
    bottom: 0;
    top: inherit !important;
    bottom: -180px;
}

    .charachterimage img {
        width: 80%;
    }

.form-banner {
    position: relative;
}

    .form-banner:after {
        position: absolute;
        background: url(../images/image-bg-banner-news.webp);
        width: 150px;
        height: 130px;
        left: -90px;
        content: "";
        top: -31px;
        background-size: contain;
        background-repeat: no-repeat;
        animation: float 6s ease-in-out infinite; /* Slower animation */
    }

.pricingbox .custombullit li {
    font-size: 17px;
}

.image-footerbig img {
    width: 100%;
}

.myheaderchange .formstyle .submit-btn {
    margin-top: 0px;
}

.formstyle .input:focus {
    border-color: #7367DB;
    border-style: solid;
}

.myheaderchange .formstyle .input-field .input:focus ~ .label, .formstyle .input-field .input:valid ~ .label {
    color: #fff;
    background-color: #7367DB;
}

.form-control:focus {
    border-color: #7367DB;
    outline: 2;
    box-shadow: 0 0 10px 1px rgb(255 0 0 / 25%) !important;
}


.myheaderchange .formstyle .input:focus {
    border-color: #7367DB;
    border-style: solid;
    border-color: #7367DB61;
    outline: 2;
    box-shadow: 0 0 10px 1px rgb(255 0 0 / 25%) !important;
}

/*.myheaderchange .formstyle .form-control:hover {
    box-shadow: 0 1px 8px 0 #7367DB24, 0 1px 25px 0 #ffa5a5c4, 0 2px 4px -1px #7367DB24;
}*/

.myheaderchange .formstyle .form-control {
    transition: transform .3s;
}

    .myheaderchange .formstyle .form-control:hover {
        transform: scale(1.050); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        z-index: 3;
        position: relative;
    }

.limited p {
    margin-bottom: 0 !important;
    text-align: center;
    display: inline-block;
    margin: 0px auto;
    text-align: center;
    font-weight: 900;
    color: #7367DB;
    line-height: normal;
    font-size: 15px;
}






.limited {
    text-align: center;
    position: relative;
    margin-bottom: -5px;
}

section.bgsmarts:before {
    background: #f7f7f7;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
}

section.bgsmarts:before {
    /* background: rgb(242,242,242);
background: linear-gradient(183deg, rgb(242 242 242) 0%, rgba(255,255,255,1) 70%); */
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    /*    animation: gradient 5s ease infinite;
    background: linear-gradient(-45deg, #ffffff, #ededed, #ffffff, #ededed);
    background-size: 400% 400%;*/
    background: rgb(242, 242, 242);
    background: linear-gradient(179deg, rgb(217 217 217) 0%, rgba(255, 255, 255, 1) 70%);
}

section.bgsmarts {
    position: relative;
}
html body .modal-xl {
    --bs-modal-width: 1000px !important;
}

.header-section.myheaderchange form.form-control {
    position: relative;
}

    .header-section.myheaderchange form.form-control:before {
        width: 5px;
        height: 70px;
        content: "";
        display: block;
        position: absolute;
        left: -1px;
        background: #7367DB;
    }

    .header-section.myheaderchange form.form-control:after {
        width: 5px;
        height: 70px;
        content: "";
        display: block;
        position: absolute;
        right: -1px;
        background: #7367DB;
    }

.ourplanenew {
    position: relative;
    width: 160px;
}

    .ourplanenew img {
        position: absolute;
        left: 0 !important;
        width: 100%;
    }

.ourplanenew {
    position: relative;
    width: 160px;
}

    .ourplanenew img {
        position: absolute;
        left: 0 !important;
        width: 100%;
        animation: float 6s ease-in-out infinite; /* Slower animation */
    }


.ourcountsnew li {
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
    /* background: #fff; */
    border: 4px solid #fff;
    width: 140px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 900;
}

    .ourcountsnew li span {
        display: block;
        font-size: 4.5rem;
    }

    .ourcountsnew li span {
        font-size: 45px !important;
        font-weight: 900 !important;
    }

.ourcountsnew ul {
    margin-left: 0;
    padding-left: 0;
    gap: 20px;
    display: flex;
    margin-top: 10px;
    margin-bottom: 30px;
}

.redsection .content p {
    position: relative;
}

    .redsection .content p.spacelefts::after {
        width: 70%;
        height: 2px;
        background: #fff;
        position: absolute;
        right: -37%;
        content: "";
        top: 50%;
    }

.customcta .header-btn {
    width: 83.5%;
}

.bgsmarts .padding-top-bottom-15 {
    padding-top: 15px;
}

.contenttestimonails h2 br {
    display: none;
}

.testi-image {
    position: absolute;
    bottom: -50px;
}


.pricingbox {
    position: relative;
    transition: 3s all;
}

    .pricingbox::before, .pricingbox::after {
        display: block;
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
    }

    .pricingbox::before {
        top: -3px;
        left: -3px;
        border-top: 3px solid #7367DB;
        border-left: 3px solid #7367DB;
        transition: 3s all;
    }

    .pricingbox::after {
        bottom: -3px;
        right: -3px;
        border-bottom: 3px solid #7367DB;
        border-right: 3px solid #7367DB;
        transition: 3s all;
    }

    .pricingbox:hover::before, .pricingbox:hover::after {
        width: 100.5%;
        height: 100.5%;
    }

    .pricingbox:hover {
        -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 0, 43, 0.9));
        -moz-box-shadow: 0px 0px 20px 0px rgba(255, 0, 43, 0.9);
        box-shadow: 0px 0px 20px 0px rgba(255, 0, 43, 0.9);
        transition: 2s all;
        transform: scale(1.02);
    }

.upcss {
    z-index: 11;
    position: relative;
    min-height: 480px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #7367DB #000000
}

::-webkit-scrollbar {
    width: 16px
}

::-webkit-scrollbar-track {
    background: #000
}

::-webkit-scrollbar-thumb {
    background-color: #7367DB;
    border-radius: 10px;
    border: 3px solid #7367DB
}

span.smalltesti {
    display: block;
    margin-bottom: 20px;
    color: #ff002b;
    font-weight: 500;
}

.sectionthree .btnstyles .btnphone a .box {
    width: 250px;
}


/*body {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><circle cx="12" cy="12" r="5" fill="red" stroke="white" stroke-width="2"/></svg>') 12 12, auto;
}*/


body {
    cursor: url('your-cursor-image.png') 16 16, auto;
}
/*.custom-cursor {
    width: 20px;
    height: 20px;
    background-color: #7367DB;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
}*/


.contenttestimonails {
    /*    min-height: 532px;*/
    transition: 2s all;
}

.pricingbox:hover ul li {
    color: #fb0029;
    transition: 2s all;
}

.pricingbox:hover h3 {
    color: #7367DB;
    transition: 2s all;
}

.pricingbox:hover span {
    font-size: 25px;
    line-height: normal;
    transition: 2s all;
}

.pricingbox:hover .upcss span {
    color: #7367DB;
}

.pricingbox:hover .btnstyles .btnphone a .box {
    background: #7367DB;
    color: #fff;
    border-color: #7367DB;
}


p.ournewtextgenrated {
    font-size: 15px;
    font-family: "Raleway", serif;
    font-weight: 600;
    margin-bottom: 0;
    transition: 2s all;
}

.pricingbox:hover p.ournewtextgenrated {
    color: #fb0029;
    transition: 2s all;
}


.pricingbox .btndflex {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.pricingbox .custombullit li:after {
    width: 12px;
    height: 12px;
    content: "";
    display: block;
    left: -35px;
    top: 14px;
}


/*.pricingbox .custombullit li {
    height: 60px;
}*/
.pricingbox .custombullit.ptpbnew {
    margin-top: 10px;
}

.pricingbox ul li:last-child {
    height: auto;
}

.contenttestimonails h2 {
    display: none;
}

/*.custombullit.ptpbnew ul li:nth-child(2) {
    height: inherit;
}

.custombullit.ptpbnew ul li:nth-child(5) {
    height: inherit;
}*/

.testi-image::after {
    background: url(../images/testimonails.webp);
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.modal-body .formstyle .input-field.mt-2 {
    margin: 20px 0px 10px 0 !important;
}

.contentfooters .form-control.offborder {
    border: 0;
}

.modal-body .formstyle .input-field .input:focus ~ .label, .modal-body .formstyle .input-field .input:valid ~ .label {
    top: 4px
}

.myheaderchange .formstyle {
}

    .myheaderchange .formstyle .form-control {
        position: relative;
    }

        .myheaderchange .formstyle .form-control:after {
            width: 4px;
            height: 50px;
            position: absolute;
            left: -2px;
            background: #7367DB;
            display: block;
            content: "";
        }


        .myheaderchange .formstyle .form-control:before {
            width: 4px;
            height: 50px;
            position: absolute;
            right: -2px;
            background: #7367DB;
            display: block;
            content: "";
        }

.formstyle label.label {
    display: none;
}



.myheaderchange .iti {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

.flexpricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

    .flexpricing h3 {
        display: flex;
        align-items: anchor-center;
    }

    .flexpricing sup {
        font-size: 15px;
        margin-left: 10px;
    }

.flexpricing {
    margin-top: 15px;
}

p.ournewtextgenrated {
    margin-top: 5px;
}

.pricefont {
    font-family: "Montserrat", serif;
}

.content-header .custombullit.ptpbnew {
    padding-top: 10px;
}

h3.pricefont {
    color: #7367DB;
}

    h3.pricefont sup {
        color: #000;
    }

.divsonemobile span {
    color: #000 !important;
}



/*Promotion Popup CSS*/
.promotion-cont-row {
    display: flex;
}

.promo-cont-left-box {
    width: 40%;
}

.promo-cont-right-box {
    width: 60%;
}

.promotion-cont-row {
    display: flex;
    background: #fff;
}

.promo-cont-right-box .service-banner-form {
    background: transparent;
}

div#loadspopup .modal-content {
    border-radius: 0px;
    /*    border: 5px solid #FFDC16;*/
}

div#loadspopup h5 {
    text-align: left;
    color: #7367DB;
    font-size: 35px;
    margin: 0 0 0px 0;
    font-weight: 900;
}

div#loadspopup input.form-control {
    background: #fff;
    height: 55px;
    border-radius: 0;
    background: #fff;
}

div#loadspopup .col-md-12 {
    margin-bottom: 15px !important
}

div#loadspopup textarea {
    background: #fff;
    height: 150px;
    border-radius: 0;
    background: #fff;
    /*    margin-top: 15px;*/
}

div#loadspopup button.btn-close {
    position: absolute;
    background: #7367DB;
    border-radius: 0;
    right: 8px;
    top: 8px;
    opacity: 1;
    width: 35px;
    height: 35px;
}
.logo a img {
    width: 100%;
    max-width: 100px;
    height: auto;
}
.custompopupleads .promo-cont-right-box .modal-body {
    padding: 0 50px;
}

span.font-textleadpopup {
    font-size: 25px;
    font-weight: 700;
    color: #7367DB;
}

.promo-cont-right-box .modal-header.border-0 button.btn-close img {
    filter: inherit !important;
    background: #7367DB;
}

.custompopupleads .modal-header button.btn-close {
    filter: inherit !important;
    background: #7367DB;
}

.custompopupleads input[type="submit" ] {
    background: #7367DB;
    border-radius: 0;
    border: 0;
    padding: 10px 35px !important;
    font-weight: 500;
    text-transform: uppercase;
}

.custompopupleads .promotion-cont-row {
    align-items: center;
}

.custompopupleads .modal-header {
    top: 0;
}

span.font-textleadpopup {
    margin-bottom: 5px;
    display: block;
}

.custompopupleads p.mynewtextforms {
    text-align: left;
    margin-bottom: 20px;
}

.spacetbs {
    padding: 30px 0;
}
/*Promotion Popup CSS*/

.myheaderchange .formstyle .inlineforms .input-field:nth-child(1) input {
    margin-top: 10px
}

p.mynewtextforms {
    text-align: center;
    margin-bottom: 0;
}

a.scroll-up-sticky-bar {
    display: none !important;
}

.header-page .btn-stylebox .btnphone {
    display: none;
}

.custompopupleads p.mynewtextforms {
    text-align: left;
    font-weight: 600;
}

    .custompopupleads p.mynewtextforms strong {
        font-weight: 900;
    }
.bottomlines ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #7367DB;
    font-weight: 700;
}

.bottomlines ul {
    display: flex;
    justify-content: center;
    list-style: none;
    color: #fff;
    gap: 18px;
    margin: 0;
    padding: 5px 0 19px 0;
}
section.sectionthree .container .containercustoms .image-container {
    pointer-events: none;
}
.boxprocess .contentprocess h4 {
    color: #fff;
    font-weight: 700
}

.marquee .content h5 {
    font-size: 50px;
    font-weight: 700;
    display: inline-block;
    margin: 0 100px;
    color: #fff;
}
@media screen and (max-width: 1920px) {

    .img-bottomm img {
        left: -122px;
    }


    .header-section::before {
        left: 37%;
    }

    .img-bottomm {
        width: 26%;
    }

        .img-bottomm img {
            width: 149%;
            left: -102px;
        }


    .header-section::before {
        left: 39%;
    }


    .formstyle .submit-btn {
        height: 48px;
        font-size: 16px;
    }



    .header-section::after {
        width: 660px;
        height: 237px;
    }
}





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

    .img-bottomm img {
        width: 154%;
        left: -143px;
    }

    .header-section::before {
        left: 36%;
    }


    .ctabggray .contenttexts h2 {
        font-size: 40px;
    }
}



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

    .img-bottomm img {
        width: 162%;
        left: -193px;
    }


    .header-section::before {
        left: 33%;
    }
}


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

    .formstyle .form-control {
        width: 90%;
    }

    .img-bottomm img {
        width: 152%;
        left: -107px;
    }


    .header-section::before {
        left: 37%;
    }

    .header-section {
        padding-bottom: 290px;
    }

    .content-header {
        top: 30%;
    }



    .header-section::after {
        width: 610px;
        height: 221px;
    }
}


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

    .imagenews {
        position: absolute;
        top: inherit;
        right: 0;
        width: 50%;
        bottom: 0px !important;
    }

    .header-section.myheaderchange:before {
        left: 36%;
    }

    .image-container-plane.floating-image img {
        width: 60%;
    }
}

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

    .img-bottomm img {
        width: 160%;
        left: -147px;
    }

    .header-section::before {
        left: 35%;
    }







    .ctabggray .contenttexts h2 {
        font-size: 40px;
    }



    .imagenews {
        width: 50%;
        position: absolute;
        right: 0;
        bottom: -17px;
    }
}




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


    .image-container-plane.floating-image {
        display: none
    }

    .formstyle .submit-btn {
        height: 40px;
    }


    .header-section::before {
        left: 32%;
        top: 30px;
    }
}



@media screen and (max-width: 1420px) {
    .img-bottomm img {
        width: 180%;
        left: -217px;
    }



    .header-section::before {
        height: 280px;
        left: 31%;
        width: 521px;
        top: 0;
    }

    .img-bottomm img {
        width: 170%;
        left: -178px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
        padding: 0 45px;
    }

    .boxprocess {
        margin-bottom: 33px;
    }

    .customlines:after {
        width: 45%;
    }
}




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

    .contenttestimonails p {
        font-size: 23px;
    }

    html body .boxprocess {
        margin-bottom: 20px !important;
    }

    .redsection .content {
        padding: 40px 0 40px 60px;
    }

    .formstyle .form-control {
        width: 80%;
    }

    .header-section::before {
        height: 280px;
        left: 30%;
        width: 521px;
    }

    .img-bottomm img {
        width: 170%;
        left: -178px;
    }

    .counters .count {
        font-size: 80px;
    }

    .counters {
        width: 100%;
    }

    .image-footerbig img {
        width: 100%;
    }
}

@media screen and (max-width: 1320px) {
    .myheaderchange p.stylepara {
        font-size: 28px;
    }


    .sectionthree p.big-pera {
        font-size: 22px;
    }
}
@media screen and (max-width:1440px) {
    div#loadspopup textarea {
        height: 100px !important;
    }
}

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

    .img-bottomm img {
        width: 171%;
        left: -188px;
    }

    .header-section {
        padding-bottom: 260px;
    }

        .header-section::after {
            width: 446px;
            height: 161px;
        }


        .header-section::before {
            top: 11px;
            height: 265px;
            left: 30%;
            width: 511px;
        }

    .awardimage img {
        width: 80%;
    }
}

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

    p.ournewtextgenrated {
        font-size: 12px;
    }

    .pricingbox .custombullit li {
        font-size: 15px;
    }

    .box-details .contents p {
        font-size: 22px;
    }
}


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


    .sectionthree p.big-pera {
        font-size: 20px;
    }
}

@media screen and (max-width: 1235px) {
    .myheaderchange p.stylepara {
        font-size: 28px;
    }

    .box-details .contents p {
        font-size: 20px;
    }


    .contenttestimonails p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .header-section::before {
        background-size: contain;
        top: 130px;
        height: 227px;
        left: 34%;
        width: 421px;
    }

    .sectionthree p.big-pera {
        font-size: 19px;
    }


    .myheaderchange p.stylepara {
        color: #000;
        font-size: 27px;
    }
}





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

    .myheaderchange .custombullit li {
        list-style: none;
        position: relative;
        padding: 8px 0;
        font-size: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .img-bottomm img {
        width: 161%;
        left: -178px;
    }

    .header-section {
        position: relative;
        padding-top: 30px;
    }



        .header-section::before {
            background-size: contain;
            top: 70px;
            height: 227px;
            left: 30%;
            width: 421px;
        }


    .formstyle .input {
        margin-top: 10px;
    }

    .formstyle .input-field .label {
        position: absolute;
        top: 20px;
        left: 9px;
    }


    .tabstyle button p {
        font-size: 30px;
    }



    span.tagdiv {
        width: 31.7%;
    }

    .box-details .contents p {
        font-size: 19px;
    }



    span.pluss {
        left: 50%;
    }
}

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


    .contenttestimonails p {
        font-size: 18px;
    }

    .header-btn .button .front {
        font-size: 13px !important;
        padding: 12px 12px;
    }

    .myheaderchange p.stylepara {
        color: #000;
        font-size: 24px;
    }

    .box-details .contents p {
        font-size: 17px;
    }


    .content-header h1 {
        line-height: 55px;
        font-size: 40px;
        font-weight: 900;
    }

    .btnstyles .btnphone a .box {
        padding: 9px 10px !important;
        font-size: 13px;
        width: auto;
    }

    p.bigpheader {
        font-size: 20px;
        margin: 10px 0 35px 0;
    }
}

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

    .myheaderchange .custombullit li {
        font-size: 18px;
    }
}

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

    .formstyle .form-control {
        width: 72%;
    }

    .img-bottomm img {
        width: 161%;
        left: -150px;
    }

    p.bigpheader {
        font-size: 19px;
        margin: 10px 0 35px 0;
    }

    .custombullit li {
        font-size: 20px;
    }

    .myheaderchange p.stylepara {
        color: #000;
        font-size: 23px;
    }

    .redsection .content p.spacelefts::after {
        width: 10%;
    }


    .pricingbox {
        padding: 30px 15px 30px 15px;
    }
}

@media screen and (max-width:991px) {
    .promo-cont-right-box .modal-header.border-0 button.btn-close img {
        width: 18px;
    }

    .custompopupleads p.mynewtextforms strong {
        color: #fff;
    }

    .custompopupleads p.mynewtextforms {
        color: #fff;
    }

    .promotion-cont-row {
        display: flex;
        background: #7367DB;
    }

    div#loadspopup h5 {
        color: #fff;
    }

    span.font-textleadpopup {
        color: #fff;
    }

    .custompopupleads input[type="submit" ] {
        background: #000;
        color: #fff;
    }

    .header-page .btn-stylebox .btnphone {
        display: block;
    }

    div#loadspopup textarea {
        background: #fff;
        height: 80px;
        /* margin-top: 15px; */
    }

    .col-12.text-center.pt-3 p {
        display: none;
    }

    .row.customrow-reverse {
        flex-direction: column-reverse;
        display: flex;
    }


    .header-section.myheaderchange {
        padding: 0px 0 250px 0;
    }

    p.mynewtextforms {
        margin-top: 7px;
    }


    .custompopupleads .promotion-cont-row .promo-cont-left-box {
        position: absolute;
        width: 100%;
        display: block;
        top: 0;
        opacity: 0.1;
    }

    .spacetbs {
        padding: inherit !important;
    }

    div#loadspopup h5 {
        font-size: 22px !important;
    }

    span.font-textleadpopup {
        font-size: 18px;
    }

    .custompopupleads .promo-cont-right-box .modal-body {
        /* padding: 0 0; */
        width: 100% !important;
    }

    .promo-cont-right-box {
        width: 100%;
    }

        .promo-cont-right-box .service-banner-form {
            background: transparent;
        }

    .custompopupleads .promo-cont-right-box .modal-body {
        padding: 20px 30px;
    }

    .custompopupleads .promotion-cont-row {
        position: relative;
    }

    .modal.show .modal-dialog {
        max-width: 100%;
    }

    div#loadspopup h5 {
        font-size: 32px;
    }

    .upcss {
        min-height: inherit;
    }

    .iti__flag {
        background-image: url(../images/flags@2x.png) !important;
    }

    .pricingbox .custombullit li {
        height: inherit;
    }

    .pricingbox .btndflex {
        position: inherit;
    }

    .pricingbox {
        padding: 30px 30px 30px 30px
    }

    .contenttestimonails {
        min-height: inherit;
    }

    .lightgrays .customlines:after {
        display: none;
    }

    .customcta .header-btn {
        width: 100%;
    }

    .header-section.myheaderchange:before {
        left: 0;
    }

    .modal-body .formstyle {
        padding: 0 0px 0px 0px;
    }

    .image-container-plane {
        display: none !important;
    }

    .modalcontents {
        background-image: none;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #e9002a !important;
    }

        .modalcontents h2 {
            color: #fff;
            font-size: 25px;
            font-weight: bold;
            padding: 0 50px;
            padding: 15px 20px;
            MARGIN-BOTTOM: 0;
        }

            .modalcontents h2 br {
                display: none
            }

    .modal-body .formstyle .form-control {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .header-page .btn-stylebox .ourplanenew {
        display: none;
    }

    .logo img {
        width: 150px;
        text-align: left;
        display: block;
    }

    .content-header {
        top: 0;
        /* transform: translateY(-50%); */
    }

    .row.justify-content-end.customrowpositions {
        position: inherit;
        /*        right: 0;*/
        width: inherit;

    }

    .formstyle {
        display: flex;
        justify-content: left;
        margin: 30px 0;
    }


        .formstyle .form-control {
            padding: 30px 35px 40px 35px !important;
            border-radius: 0;
            margin: 0 0px;
        }

    .contentarea.paddingtop30 .btnphone.mt-50px {
        margin-top: 30px;
    }

    .formstyle .form-control {
        width: 100%;
    }


    .img-bottomm img {
        width: 100%;
        left: inherit;
        right: 0 !important;
    }

    .img-bottomm {
        width: 38%;
        right: 0;
    }

    body {
        overflow-x: hidden
    }

    .overflows {
        overflow-x: hidden !important
    }

    section.sectionthree .contentarea.paddingtop30 {
        padding-top: 0 !important;
        padding-bottom: 30px;
    }

    section.sectionthree {
        padding: 0px 0 80px 0px;
    }

    .box-details .contents p {
        font-size: 24px;
    }

    span.pluss {
        left: 150px;
    }

    .paddingcustombottoms {
        padding-bottom: 50px
    }

    .tabstyle span.smallcount {
        display: none
    }

    .tabstyle button p {
        font-size: 20px;
        padding-left: 0;
    }

    .tabstyle button {
        margin-bottom: 10px;
        display: inline-block;
    }

    .mt-fifty {
        margin-top: 10px;
    }

        .mt-fifty .tab-content {
            margin-top: 30px;
        }

    div#v-pills-tabContent {
    }

    .mt-fifty {
    }

        .mt-fifty .tab-content {
            margin-top: 30px;
        }

    div#v-pills-tab {
    }

    .mt-fifty .flex-column {
    }

    .mt {
    }

    .mt-fifty .flex-column {
        display: inline-block;
        text-align: center;
        padding: 0 0px !important;
    }

        .mt-fifty .flex-column button {
            margin: 0 10px;
            margin-bottom: 16px;
        }



    .customlines:after {
        width: 60%;
        bottom: 11px;
    }

    .tabsbox.tabstyle:after {
        display: none
    }

    .tabsbox.tabstyle .nav {
        padding: 0 0 0 0;
    }

    .tabsbox.tabstyle button p {
        padding-left: 0;
    }

    .tabsbox.tabstyle li.nav-item {
        display: inline-block;
        text-align: center;
        margin: 0 10px;
    }

    .tabsbox.tabstyle {
        text-align: center;
        margin-top: 30px;
    }

    .ctasection .justify-content-end {
        justify-content: start !important;
    }

    h3.ctaheadings {
        text-align: left;
    }

    .ctasection .content {
        margin-top: 30px;
    }

    .section-portfolio {
        padding: 60px 0 0 0;
    }



    .planeimages img {
        width: 200px;
        margin-bottom: 30px;
    }

    .section.padding-custom-topbottom .d-flex.justify-content-end {
        justify-content: start !important;
    }

    .mtb {
        margin: 30px 0;
    }

    .imagesleft {
        text-align: center;
    }



    .d-none-mobiles {
        display: none
    }

    img.d-none-desktop {
        display: block;
    }


    .header-section::after {
        background-image: url(../images/mobile-image-left.webp);
        width: 276px;
        height: 271px;
        right: inherit;
    }

    .testimonialssection .testi-image .owl-carousel .owl-item img {
        display: block;
        width: 30% !important;
    }

    .testi-image img {
        width: 30% !important;
    }


    .testi-image {
        text-align: right;
        justify-content: end;
        display: flex;
        width: 100%;
        position: inherit;
    }

    .contenttestimonails {
        padding-bottom: 0;
    }

    .imagesleft {
        position: absolute;
        right: 0;
        justify-content: end;
        display: flex;
        max-width: 100%;
        object-fit: cover !important;
        /* max-height: 100%; */
        min-width: 100%;
        opacity: 0.2;
        bottom: 0;
    }

    .redsection {
        overflow: hidden !important;
        position: relative;
    }

    .imagesleft img {
        width: 100%;
        text-align: center;
        margin: 0px auto;
    }

    .imagenews {
        width: 100%;
        position: inherit !important;
        bottom: -17px;
    }

    .ctabggray .contenttexts {
        padding: 57px 0 20px 0;
    }

    section.lightgrays p.redcolor.smallhead.m-font.mbold {
        margin-bottom: 30px;
        text-align: center;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
    }


    .tab-pane .video-gallery {
        height: 40vh;
    }

    .ctabggray .contenttexts h2 {
        font-size: 24px;
    }

    .ctabggray .container {
        width: 100% !important;
        max-width: 100%;
        padding: 0 20px;
    }

    .customcta .content a.redboxtext {
        font-size: 18px;
    }

    .redsection .content {
        /* padding-left: 50px; */
        padding: 40px 0 40px 0;
    }

    .redsection .col-lg-6 .content:after {
        height: 86%;
        width: 1px;
        background: #fff;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 25px;
        z-index: 0;
        top: 50px;
    }

    .contenttestimonails h2 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 50px;
        line-height: 55px;
    }

    .testimonialssection .customlines:after {
        width: 30%;
    }

    .customlines:after {
        width: 30%;
        bottom: 11px;
    }

    .header-section .col-lg-3 .row > * {
        padding-right: 0;
        padding-left: 0;
        margin: 0 !important;
    }

    .header-section .container {
        padding: 0 20px;
    }


    .row.justify-content-end.customrowpositions {
        width: auto !important;
    }

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

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        padding: 0 20px;
    }



    span.tagdiv {
        padding: 8px 12px 8px 12px;
        font-size: 11px;
    }

    .pricingbox h3 {
        margin: 0px 0 10px 0;
    }


    h4.pricetag.m-font {
        margin: 5px 0 15px 0;
    }

    .redsection .content p.spacelefts {
        padding-left: 73px;
    }

    .contentprocess {
        padding-left: 22px;
    }

    .contenttestimonails {
        padding-top: 20px;
    }

    .mt-topcustommobile {
        margin-top: 40px
    }

    .footersection {
        padding-bottom: 0;
    }

    .myheaderchange .formstyle .form-control {
        width: 80%;
    }

    .section.padding-custom-topbottom .content p {
        margin-bottom: 40px !important;
    }

    .form-banner:after {
        right: 0 !important;
        left: inherit !important;
        content: "";
        top: -50px;
    }


    section.bgsmarts:after {
        width: 27.6%;
    }

    .testi-image {
        display: none;
    }


    .modal-dialog.modal-dialog-centered.modal-xl {
        max-width: 90%;
    }

    .header-page .btn-stylebox .btnphone a span1 {
        background: #7367DB !important;
        margin: 0;
    }
}



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

    .img-bottomm {
        width: 52% !important;
        right: 0;
    }
}

@media screen and (max-width:574px) {
    .myheaderchange .formstyle {
        margin-top: 0;
    }

    p.bigpheader {
        margin: 10px 0 13px 0 !important;
    }

    div#loadspopup h5 {
        font-size: 22px;
    }

    .custombullit.ptpbnew +
    p.bigpheader {
        font-size: 15px;
    }

    .myheaderchange p.stylepara {
        font-size: 24px !important;
    }

    .header-page .btn-stylebox .btnphone a span1 {
        font-size: 14px;
        width: 150px;
    }

    .modal-dialog.modal-dialog-centered.modal-xl {
        max-width: 100%;
    }

    .header-page .row.d-flex.align-items-center .col-lg-6 {
        width: 50%;
    }

    .contentfooters .formstyles .form-group input {
        width: 100%;
    }

    .modal-body .formstyle p.stylepara {
        font-size: 17px;
    }

    .modalcontents h2 {
        font-size: 13px;
    }

    .marquee {
        height: 60px;
    }

    .customcta .header-btn {
        width: 100%;
    }

    .marquee .content span {
        font-size: 23px;
    }

    .content-header h1 {
        line-height: 35px;
        font-size: 35px;
        font-weight: 900;
    }

    .row.justify-content-end.customrowpositions {
        position: INITIAL;
        /* right: 0; */
        width: auto;
    }


    .header-btn .button .front {
        padding: 12px 18px;
    }

    .btnstyles .btnphone a .box {
        width: inherit !important;
        padding: 9px 9px !important;
    }

    .customcta .content span {
        font-size: 13px;
    }

    .contenttestimonails h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .contenttestimonails p {
        font-size: 20px;
        font-style: italic;
        width: 100%;
        margin-top: 20px;
        line-height: 39px;
    }

    .logosectionarea h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .contentfooters h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .footersection .customlines:after {
        width: 10%;
    }

    .section-portfolio .video-box {
        border-radius: 50px !important;
    }

    .tabstyle button p {
        font-size: 17px;
        padding-left: 0;
    }

    .tab-pane .video-gallery {
        height: 26vh;
    }


    .textandbutton .header-btn {
        width: 130px !important;
    }

    .btnstyles .btnphone a .box {
        font-size: 13px !important;
    }

    .header-btn .button .front {
        font-size: 13px !important;
    }

    .charachterimage {
        position: absolute;
        right: -30px;
        bottom: 0;
        top: inherit !important;
        bottom: -250px;
        width: 34%;
    }

    .myheaderchange .formstyle .form-control {
        width: 100%;
    }

    section.bgsmarts:after {
        width: 10%;
    }

    .lightgrays .customlines:after {
        display: none
    }

    .ctasection .customlines:after {
        width: 100%;
        bottom: -39px;
    }

    .testimonialssection .customlines:after {
        width: 10%;
    }

    .contenttestimonails h2 br {
        display: none
    }


    .form-banner:after {
        right: 0;
        width: 70px;
        height: 60px;
        left: inherit;
        content: "";
        top: 0;
    }

    .header-section.myheaderchange:before {
        width: 235px !important;
        height: 193px !important;
    }

    .customlines:after {
        width: 15%;
    }

    .footersection .customlines:after {
        width: 100%;
        top: 60px;
    }



    .ourcountsnew li {
        padding: 5px;
        border: 3px solid #fff;
        width: 90px;
        font-size: 10px;
        color: #fff;
        font-weight: 900;
    }

        .ourcountsnew li span {
            font-size: 30px !important;
            font-weight: 900 !important;
        }

    .btndflex {
        gap: 10px;
    }


    .header-section.myheaderchange .btnstyles .btnphone a .box {
        width: 175px !important;
    }

    .header-section.myheaderchange {
        padding: 15px 0 250px 0;
    }

    .btnstyles .btnphone a .box {
        font-size: 11px !important;
    }

    .header-btn .button .front {
        font-size: 11px !important;
    }

    .lightgrays .textandbutton .header-btn {
        width: inherit !important;
    }


    .lightgrays .header-btn .button .front {
        min-width: 100%;
    }


    .pricingbox .btnstyles .btnphone a .box {
        padding: 9px 19px !important;
    }
}


@media screen and (max-width: 480px) {
    .btn-stylebox {
        gap: 5px;
    }
    .marquee .content h5 {
        font-size: 35px;
    }
    .customsmodal p.stylepara {
        margin-bottom: 5px !important;
        font-size: 18px !important;
    }

    a.scroll-up-sticky-bar {
        display: block !important;
    }

    .fixed-btm {
        display: none !important;
    }

    .customsmodal .modal-body .formstyle .submit-btn {
        margin-top: 10px !important;
        display: block;
        height: 40px;
        width: 100px !important;
        display: block;
        margin: 0px auto;
        margin-bottom: 3px;
    }

    .customsmodal .col-12.d-none + input + p {
        display: none !important;
    }

    .customsmodal .formstyle {
        margin: 15px 0;
    }

    a.scroll-up-sticky-bar {
        flex-direction: row-reverse;
    }

    .scroll-up-sticky-bar {
        justify-content: start;
        gap: 20px;
    }



    .scroll-up-sticky-bar {
        padding: 15px;
        background: #7367DB;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99;
        text-decoration: none
    }

    a.scroll-up-sticky-bar span {
        color: #fff !important;
        font-weight: bold;
        font-size: 13px;
    }

    a.scroll-up-sticky-bar svg {
        color: #fff !important;
        fill: #fff;
        width: 10px;
    }

    .scroll-up-sticky-bar {
        justify-content: start;
        gap: 20px;
    }
}


@media screen and (max-width:466px) {
    .myheaderchange p.stylepara {
        font-size: 22px !important;
    }
}

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

    .header-btn .button .front {
        min-width: 150px;
    }

    .myheaderchange p.stylepara {
        font-size: 20px !important;
    }

    .sectionthree .btnstyles .btnphone a .box {
        width: 200px !important;
        padding: 9px 10px !important;
    }

    .textandbutton .header-btn {
        width: inherit !important;
    }
}


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

    .myheaderchange p.stylepara {
        font-size: 19px !important;
    }
}

@media screen and (max-width:392px) {
    .formstyle .form-control {
        padding: 20px !important;
    }


    .myheaderchange .formstyle .submit-btn {
        font-size: 15px;
        width: 150px;
        margin-top: 10px;
        height: 40px;
        margin-top: 0px !important;
    }

    .myheaderchange p.stylepara {
        margin-bottom: -15px;
    }

    .pricingbox h3 {
        font-size: 40px;
    }
}


.footersection .formstyles .header-btn span {
    width: 100%;
    text-align: center;
}

    .footersection .formstyles .header-btn span input {
        width: 100%;
        text-align: center;
        padding: 10px 10px;
        font-weight: bold;
    }

.footersection .formstyles .header-btn .front {
    padding: 0;
    transform: translateY(0px);
}


.footersection .formstyles .header-btn .button .shadow {
    display: none;
}