body {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}
html {
    scroll-behavior: smooth;
}
.bg-dark-black {
    /*    background-color: #000;*/
}

.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: "Montserrat", serif;*/
    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: 'Colfax';*/
    font-family: "Raleway", serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

p, ul, li, a {
    /*    font-family: 'Colfax';*/
    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: #FF002A;
    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: 20px;
}

.btnphone a .box {
    width: 190px;
    height: auto;
    /* float: left; */
    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: #FF002A;
}


/*.header-section .container {
    width: 100% !important;
    max-width: 100%;
    padding: 0 100px;
}*/

.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: url(../images/tick.webp);
        width: 13px;
        height: 12px;
        position: absolute;
        content: "";
        display: block;
        left: -27px;
        top: 15px;
        background-size: contain;
        background-repeat: no-repeat;
    }
*/
.custombullit li:after {
    background-image: none;
    width: 15px;
    height: 15px;
    position: absolute;
    content: "";
    display: block;
    left: -35px;
    top: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    border: 2px solid #ff002a !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: linear-gradient( to left, hsl(350, 100%, 43%) 0%, hsl(350, 100%, 43%) 8%, hsl(350, 100%, 43%) 92%, hsl(350, 100%, 43%) 100% );
    }

    /* 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: hsl(350.12deg 100% 50%);
        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: #FF002A;
    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: #FF002A;
    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;
    /* background: linear-gradient(180deg, #363636 0%, #1b1b1b 50%, #000000 100%); */
    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: #ff0000;
    }

.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%;
    /* transform: translateY(-50%); */
}

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


section.sectionone {
    position: relative;
}

/*    section.sectionone:after {
        background-image: url(../images/bottom-line.webp);
        height: 54px;
        width: 100%;
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        z-index: 1;
    }
*/
.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 #ff0000 !important;
    border-left: 2px solid #ff0000 !important;
}

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


.btnstyles .btnphone a .box:hover {
    box-shadow: 0 5px 15px rgb(255 0 42);
    /* background: red; */
    color: #ff0000;
    border: 2px solid #ff0000;
}

.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 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
.image-container::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: rgba(255, 0, 0, 0.5);
  transform: translate(-50%, calc(-50% + var(--scrollY, 0px)));
  transition: transform 0.3s ease-out;
  z-index: 1;
} */



.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: -30px;
  right: 145px;
  width: 300px;
  height: 465px;
  background: #ff0000;
  transform: translateY(var(--scrollY, 0px));
  transition: transform 0.3s ease-out;
  z-index: 1;
} */
    .image-container::after {
        content: "";
        position: absolute;
        top: auto;
        bottom: -30px; /* Start from bottom */
        right: 145px;
        width: 300px;
        height: 465px;
        background: #ff0000;
        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 #ff0000;
    padding-top: 17px;
}



.marquee {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 100px;
    overflow-x: hidden;
    background: #ff0000;
    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: red !important;
}


.tabstyle .active span {
    color: red !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: 70%;
        height: 1.5px;
        /* width: 70%; */
        content: "";
        display: block;
        position: absolute;
        bottom: 13px;
        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: #ff002a;
        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: #ff0000;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 30px;
        margin: 0;
        padding: 6px 0 20px 0;
    }


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

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




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

h3.ctaheadings {
    text-align: right;
    color: #ff002a;
    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-left: 50px; */
    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: #ff002a;
    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: #ff002a;
    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: #ff002a !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: 60px;
                line-height: 60px;
                margin: 0;
                font-weight: 400;
                font-family: PT Sans, sans-serif;
                line-height: 87px;
                box-shadow: none;
                max-height: 60px;
                border-radius: 6px;
                background: #FFFFFF;
            }
*/
            .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: 29px;
                                background-color: rgb(255 255 255 / 29%);
                            }*/
                            .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 {
    /*    width: 100% !important;
    max-width: 100%;*/
    /*    padding: 0 100px;*/
    height: 100%;
    display: flex;
    align-items: center;
}

.ctabggray {
    background: #E6E6E6;
}

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

    .ctabggray .container .row {
        width: 100%;
    }


/*.imagenews {
    text-align: right;
}

.imagenews {
    position: absolute;
    right: 0;
    top: 0;
}
*/

.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: 45%;
}

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

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

.imagesleft img {
    width: 100%;
}

.formstyles .form-group {
    /* height: 50px; */
    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: 20px;
    z-index: 1;
    right: -20px;
    width: 40%;
}

.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: #FF002A;
    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: #ff002a;
    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: #FF002A;
    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*/

/*.header-section.myheaderchange .container {
    width: initial;
    max-width: initial;
    padding: initial;
}*/
.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/imagerightbottom-new1.webp);
    width: 265px;
    height: 201px;
    bottom: 0 !important;
    top: inherit;
    animation: inherit;
    transform:inherit;
}*/

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

.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: #ff002a;
}


.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: #ff002a;
    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: #ff002a;
    font-weight: bold;
    font-size: 20px;
    font-family: "Raleway", serif;
    text-transform: uppercase;
    margin-bottom: 5px !important;
    display: block;
    font-weight: 900;
}


/*section.sectionone:after {
    width: 50%;
    right: 0;
    height: 50%;
    position: absolute;
    content: "";
    display: block;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    top: 0;
    background: #f9f9f9;
    z-index: -2;
}
*/


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

    section.bgsmarts .btnstyle span:hover {
        color: red;
    }

.lightgrays .nametags {
    display: none;
}

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

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

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, #ff0000, #000000, #8e0404, #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: -100px;
    bottom: 0;
    top: inherit !important;
    bottom: -180px;
}

    .charachterimage img {
        width: 100%;
    }

.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: #ff002a;
    border-style: solid;
}

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

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


.myheaderchange .formstyle .input:focus {
    border-color: #ff002a;
    border-style: solid;
    border-color: #ff000061;
    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 #ff000024, 0 1px 25px 0 #ffa5a5c4, 0 2px 4px -1px #ff000024;
}*/

.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: #ff002a;
 
    line-height: normal;
    font-size: 15px;
}






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

/*    .limited:after {
        width: 30px;
        height: 1px;
        background: #a30000;
        position: absolute;
        left: 50%;
        content: '';
        bottom: -9px;
        transform: translateX(-50%);
        z-index: 0;
    }*/
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;
}


.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: #ff002a;
    }

    .header-section.myheaderchange form.form-control:after {
        width: 5px;
        height: 70px;
        content: "";
        display: block;
        position: absolute;
        right: -1px;
        background: #ff002a;
    }
.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: 25px;
}
.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 #ff002a;
        border-left: 3px solid #ff002a;
        transition: 3s all;
    }

    .pricingbox::after {
        bottom: -3px;
        right: -3px;
        border-bottom: 3px solid #ff002a;
        border-right: 3px solid #ff002a;
        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: #ff0000 #000000
}

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

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

::-webkit-scrollbar-thumb {
    background-color: #d50101;
    border-radius: 10px;
    border: 3px solid #d50101
}
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: red;
    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: #ff002a;
    transition: 2s all;
}

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

.pricingbox:hover .upcss span {
    color: #ff0000;
}

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


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: red;
            display: block;
            content: "";
        }


        .myheaderchange .formstyle .form-control:before {
            width: 4px;
            height: 50px;
            position: absolute;
            right: -2px;
            background: red;
            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: #ff002a;
}

    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: #FF002A;
    font-size:42px;
    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: #FF002A;
    border-radius: 0;
    right: 8px;
    top: 9px;
    opacity: 1;
    width: 35px;
    height: 35px;
}

.custompopupleads .promo-cont-right-box .modal-body {
    padding: 0 50px;
}

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

.promo-cont-right-box .modal-header.border-0 button.btn-close img {
    filter: inherit !important;
    background: #FF002A;
}
.custompopupleads .modal-header button.btn-close {
    filter: inherit !important;
    background: #FF002A;
}
.custompopupleads input[type="submit" ] {
    background: #FF002A;
    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;
    }
    @media screen and (max-width: 1920px) {
        /*    .header-section .col-lg-4 {
        position: inherit;
        height: 100%;
        right: 0;
    }

    .header-section .img-bottomm {
        position: absolute;
    }

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

    .header-section::after {
        width: 670px;
        height: 241px;
  
    }*/
        .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%;
        }

        /*            .formstyle {
                display: flex;
                justify-content: end;
            }
*/

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


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

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

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



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


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

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

        .header-section.myheaderchange:before {
            /*                width: 195px !important;
                height: 151px !important;*/
            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: 60%;
            position: absolute;
            right: 0;
            /* top: 0; */
            /* height: 100%; */
            /* display: block; */
            /* min-height: 100%; */
            /* max-height: 100%; */
            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;
        }

        /*            .content-header h1 {
                line-height: 50px;
                font-size: 50px;
                font-weight: bold;
            }*/

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

        .boxprocess {
            margin-bottom: 33px;
        }

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




    @media screen and (max-width: 1366px) {
        .contenttestimonails p {
            font-size: 23px;
        }

        /*            .formstyle .form-control {
                padding: 40px 45px 80px 45px !important;
            }*/

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

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

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

        /*    .img-bottomm img {
        width: 190%;
        left: -238px;
    }
*/



        .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: 1300px) {

        /*            .content-header h1 {
                line-height: 50px;
                font-size: 50px;
                font-weight: bold;
            }
*/

        .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;
        }
        /*            .content-header h1 {
                line-height: 50px;
                font-size: 50px;
                font-weight: bold;
            }*/

        .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: #FF002A;
        }
        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;
        }
        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: relative;
        right: 0;
        width: 100%;
    }*/
        .row.justify-content-end.customrowpositions {
            position: inherit;
            /*        right: 0;*/
            width: inherit;
            /*        display: block;
        max-width: 100%;
        justify-content: center;
        display: block;
        margin: 0px;*/
        }

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


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



        /*    .img-bottomm img {
        width: 100%;
        left: 0;
    }*/

        .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: #ff0000 !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;
            /* display: block; */
            /* max-width: 100%; */
            /* justify-content: center; */
            /* display: block; */
            /* margin: 0px; */
        }


        .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) {
    .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: #d50101;
        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;
        }
    }

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

.customleftsimage {
    text-align: center;
}
body {
    overflow-x: hidden;
}
@media screen and (max-width: 992px) {
  }

.tab-content .custombullit li {
    font-size: 15px;
    color: #212529;
}

    .tab-content .custombullit li:after {
        top: 12px;
    }


.redsection p.spacelefts {
    text-transform: uppercase;
}

.customcta + .section.padding-custom-topbottom {
    display: none;
}

section.section-portfolio img {
    width: 100%;
}


.main-header-inner-section .nav-link {
    color: #fff;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: rgb(255 255 255);
}



@media screen and (max-width:992px) {
    .promo-cont-left-box img {
        display: none;
    }
    ul.navbar-nav {
        background: #4e4e4e;
        padding: 18px;
    }
}


.navbar-toggler {

    border: var(--bs-border-width) solid rgb(255 255 255);

}

.navbar-toggler-icon {

    filter: brightness(200%) invert(100%) !important;
    opacity: 1 !important;
}





/*footer*/

.main-loop-slider-inner-section {
    padding: 35px 0;
    width: 100%;
    display: inline-block;
    background: #000;
    pointer-events: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

    .main-loop-slider-inner-section .swiper-wrapper {
        transition-timing-function: linear !important;
    }

        .main-loop-slider-inner-section .swiper-wrapper .swiper-slide {
            transition: 0.3s all;
            width: auto !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .main-loop-slider-inner-section .swiper-wrapper .swiper-slide h3 {
                margin: 0;
                color: #fff;
            }

.footer {
    background: #000;
}

    .footer .logo-widget.wfull img {
        width: 100% !important;
        height: auto !important;
        filter: brightness(0) invert(1);
    }

    .footer .main-footer-form-box {
        padding: 100px 0;
    }

        .footer .main-footer-form-box .main-contact-inner-section {
            display: flex;
            gap: 50px;
        }

    .footer .main-contact-inner-section .contact-left-box {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: start;
    }

    .footer .contact-left-box .call-box {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .footer .call-box img {
        filter: brightness(0) invert(1);
    }

@media (max-width: 480px) {
    .footer .call-box img {
        max-width: 40px;
    }

    .footer .call-box p {
        font-size: 15px;
    }
}

.footer .call-box p {
    font-style: italic;
    font-size: 25px;
    font-weight: 600;
}

.footer .contact-right-box {
    width: 50%;
}

    .footer .contact-right-box h3 {
        color: #fff;
    }

@media (max-width: 991px) {
    .footer .main-contact-inner-section {
        margin-top: 0;
        flex-direction: column;
    }

    .footer .contact-left-box,
    .footer .contact-right-box {
        width: 100%;
    }

    .footer .main-footer-form-box {
        padding: 50px 0;
    }
}

.footer .sec-footertop {
    position: relative;
}

.footer .footer-content {
    padding: 100px 0 0;
    position: relative;
}

@media(max-width: 991px) {
    .footer .footer-content {
        padding-top: 50px;
    }
}

.footer .sec-footertop h5 {
    margin-bottom: 0;
    padding-top: 15px;
}

.footer .logo-widget a {
    display: inline-block;
}

.footer .logo-widget img {
    height: 70px;
}

@media (max-width:575px) {
    .footer .logo-widget img {
        height: 30px;
    }
}

.footer .logo-widget p {
    font-size: 16px;
    color: #fff;
    margin: 25px 0 0 0;
}

.footer .link-widget h5 {
    font-size: 20px;
    color: #F4F4F4;
    font-weight: 600;
    padding-top: 0;
}

    .footer .link-widget h5 span {
        color: #ccc;
    }

@media (max-width:991px) {
    .footer .link-widget h5 {
        margin: 20px 0 12px 0;
    }
}

.footer .link-widget p {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.footer .link-widget ul {
    padding: 20px 0 0;
}

    .footer .link-widget ul li {
        margin-bottom: 10px;
        line-height: 26px;
        display: block;
        width: 100%;
    }

        .footer .link-widget ul li a {
            font-size: 16px;
            color: #F4F4F4;
            display: inline-block;
            font-weight: 400;
            text-decoration:none
        }

            .footer .link-widget ul li a:hover,
            .footer .link-widget ul li a.is--active {
                color: #ccc;
                transition: 0.3s ease-in-out;
            }

        .footer .link-widget ul li.is--active a {
            color: #ff9900;
        }

.footer .foot-form {
    position: relative;
    margin: 20px 0 0;
}

    .footer .foot-form input {
        background-color: transparent;
        border-bottom: 1px solid #fff;
        border-radius: 0;
        padding: 0;
        font-size: 13px;
        font-weight: 300;
    }

        .footer .foot-form input:focus {
            background-color: transparent;
            border-bottom: 1px solid #fff;
        }

    .footer .foot-form .btnsub {
        background: none;
        border: 0;
        box-shadow: none;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

.footer .sec-copyright {
    padding: 40px 0;
}

.footer .fflex {
    flex-direction: column;
}

.footer .sec-copyright p {
    font-size: 16px;
    color: #fff;
    margin: 10px 0 0;
    text-transform: capitalize;
    font-weight: 400;
}

@media(max-width: 991px) {
    .footer .sec-copyright {
        padding: 20px 0;
    }
}

@media(max-width: 767px) {
    .footer .fflex {
        flex-direction: column;
    }

    .footer .sec-copyright p {
        text-align: center;
    }

    .footer .copyright-links {
        margin-left: 0;
        margin-top: 10px;
    }
}

.footer .copyright-links {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .footer .copyright-links li {
        padding-left: 12px;
        margin-left: 12px;
        border-left: 1px solid #fff;
    }

        .footer .copyright-links li:first-child {
            padding-left: 0;
            margin-left: 0;
            border-left: none;
        }

        .footer .copyright-links li a {
            font-size: 16px;
            color: #fff;
            display: block;
            font-weight: 500;
        }

            .footer .copyright-links li a:hover {
                color: #ccc;
            }

@media(max-width: 1366px) {
    .footer .copyright-links li a {
        font-size: 11px;
    }
}

.footer .copyright-links li.is--active {
    color: #ff9900;
}

.footer .link-bullits {
    display: flex;
    flex-wrap: wrap;
}

    .footer .link-bullits li a:hover {
        color: #FEA22A !important;
    }

    .footer .link-bullits li a span {
        display: block;
    }

    .footer .link-bullits.ct-details li a span {
        display: block;
    }

    .footer .link-bullits.flex-list li {
        width: 50% !important;
    }


@media(max-width: 1300px) {
    .ctabggray .contenttexts h2 {
        font-size: 28px;
    }
}
    @media (max-width: 575px) {
        .footer .link-bullits {
        margin-top: 0;
    }
}

.footer .cards-area {
    display: inline-flex;
    margin-top: 10px;
}

    .footer .cards-area li {
        margin: 0 5px;
    }

        .footer .cards-area li:first-child {
            margin-left: 0;
        }

        .footer .cards-area li:last-child {
            margin-right: 0;
        }

.footer .fspx-22 {
    font-size: 22px;
}

.footer .top-title h3 {
    font-size: 30px;
}

.footer .top-title p {
    font-size: 20px;
}

.footer .service-bullits li a {
    font-size: 35px;
    color: #F4F4F4;
    font-weight: 600;
    margin: 0 0 12px 0;
}

    .footer .service-bullits li a span {
        color: #ccc;
        position: relative;
    }