@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap");

@font-face {
    font-family: "expose-black";
    src: url("../fonts/Expose-Black.eot");
    src: url("../fonts/Expose-Black.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Expose-Black.woff2") format("woff2"),
        url("../fonts/Expose-Black.woff") format("woff"),
        url("../fonts/Expose-Black.ttf") format("truetype"),
        url("../fonts/Expose-Black.svg#Expose-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "expose-bold";
    src: url("../fonts/Expose-Bold.eot");
    src: url("../fonts/Expose-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Expose-Bold.woff2") format("woff2"),
        url("../fonts/Expose-Bold.woff") format("woff"),
        url("../fonts/Expose-Bold.ttf") format("truetype"),
        url("../fonts/Expose-Bold.svg#Expose-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "expose-medium";
    src: url("../fonts/Expose-Medium.eot");
    src: url("../fonts/Expose-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Expose-Medium.woff2") format("woff2"),
        url("../fonts/Expose-Medium.woff") format("woff"),
        url("../fonts/Expose-Medium.ttf") format("truetype"),
        url("../fonts/Expose-Medium.svg#Expose-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

:root {
    --primary: #d50508;
    --white: #fff;
    --black: #000;
    --swiper-navigation-size: 1.5rem;
}

html {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    background-color: #000;
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover,
button:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Basic Resets */
p {
    margin: 0 0 1rem;
    font-size: 1rem;
    line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Expose", sans-serif;
}

h2 {
    font-size: 4.75rem;
    font-weight: 700;
}

h3 {
    font-size: 2.75rem;
}

h2 > span,
h3 > span {
    display: block;
}

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

::placeholder {
    font-size: 1rem;
}

section {
    position: relative;
    overflow: hidden;
}

/* Basic Section Styling Starts */

.line {
    position: relative;
}

.line::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--white);
    opacity: 0.1;
}

.line::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: calc(50% - 1px);
    top: 0;
    background: var(--white);
    opacity: 0.1;
}

.line-3 {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: var(--white);
    opacity: 0.1;
}

.line-1 {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: calc(25% - 1px);
    top: 0;
    background: var(--white);
    opacity: 0.1;
}

.line-2 {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: calc(75% - 1px);
    background: var(--white);
    opacity: 0.1;
}

/* Basic Section Styling Ends */

/* Basic Section Heading Starts */

/* Basic Section Heading Ends */

/* Basic Theme Button Starts */

/* Basic Theme Button Ends */

/* Begin: Header CSS */

.main-header {
    padding: 2rem 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: left;
}

.main-header nav {
    display: flex;
    justify-content: flex-end;
}

.main-header .dropdown-menu {
    position: absolute;
    top: 100%;
    pointer-events: none;
    z-index: 333;
}

.dropdown-menu ul li:not(:last-child) {
    margin: 0;
}

.menu-Bar {
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: fixed;
    right: 15px;
    top: 0px;
    /* bottom: 0px; */
    margin: auto;
    z-index: 22;
    display: none;
}

.menu-Bar span {
    display: block;
    height: 4px;
    width: 100%;
    background: var(--primary);
    position: absolute;
    transition: all 0.6s ease 0s;
    border-radius: 100px;
}

.fixed-header .nav-item,
.fixed-header .nav-cont span {
    color: #fff !important;
}

.fixed-header .nav-cont:before {
    border-color: #fff !important;
}

.fixed-header .btnaction_style svg {
    fill: #fff !important;
}

.menu-Bar span:nth-child(1) {
    top: 0px;
}

.menu-Bar span:nth-child(2) {
    top: 8px;
    transform-origin: left center;
}

.menu-Bar span:nth-child(3) {
    top: 16px;
}

.menu-Bar.open span {
    background: rgb(255, 255, 255);
}

.menu-Bar.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 12px;
}

.menu-Bar.open span:nth-child(2) {
    width: 0px;
    opacity: 0;
}

.menuWrap {
    display: none;
}

.menu-Bar.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px;
}

.main-header .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    position: absolute;
    top: 25px;
    display: block;
    opacity: 0;
}

.dropdown-mm {
    position: relative;
}

.menu {
    font-size: 0px;
    display: inline-block;
    vertical-align: middle;
}

.menu li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 22px;
}

.menu li.last {
    margin: 0px;
}

.menu li a {
    display: block;
    font-size: 14px;
    color: rgb(238, 238, 238);
    font-weight: 400;
}

.menu li:hover a,
.menu li.active a {
    color: rgb(255, 30, 32);
}

.dropdown-menu.is-active {
    display: block !important;
    opacity: 1;
    pointer-events: all !important;
}

.submenu_sec .main-header a {
    color: #fff !important;
}

.main-header .dropdown-item {
    padding: 10px 65px 10px 15px;
    font-weight: 500;
    color: #242329;
    border-bottom: 1px solid #434343;
    line-height: 20px;
    font-size: 15px;
    text-transform: capitalize;
}

.dropdown-menu li:nth-child(7) .dropdown-item {
    border-bottom: 0 !important;
}

.main-header nav ul {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

.main-header nav ul li:not(:last-child) {
    margin: 0 3.9rem 0 0;
}

.dropdown-menu li {
    margin: 0 !important;
}

.main-header nav ul li a {
    font-size: 1.0625rem;
    color: var(--white);
    font-family: "Expose", sans-serif;
    font-weight: 400;
    position: relative;
}

.main-header .nav-cont {
    color: var(--primary);
    --cta-pill-size: 2.8rem;
    position: relative;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    height: var(--cta-pill-size);
    padding: 0 calc(var(--cta-pill-size) / 2.8);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        border 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        border 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-header .nav-cont:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-radius: var(--cta-pill-size);
    background: transparent;
    -webkit-transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        border 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        border 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-header .btnaction_style {
    position: relative;
    overflow: hidden;
    -webkit-transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-header .btnaction_style svg {
    width: calc(var(--cta-pill-size) / 2.5);
    fill: var(--primary);
}

.main-header .btnaction_style svg:last-child {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(calc(var(--cta-pill-size) * -1));
    transform: translateX(calc(var(--cta-pill-size) * -1));
}

.main-header .nav-cont span {
    color: var(--white);
    position: relative;
    margin: 0 0 0 1rem;
    -webkit-transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-header .nav-cont .hover_number {
    position: absolute;
    left: 0;
    top: 0;
    width: var(--cta-pill-size);
    height: var(--cta-pill-size);
}

.main-header .nav-cont:hover:before {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    width: var(--cta-pill-size);
    animation: number-pulse 2s infinite;
}

.main-header .nav-cont:hover .btnaction_style svg:last-child {
    fill: var(--white);
}

.main-header .nav-cont:hover svg:first-child {
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-header .nav-cont:hover svg:last-child {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.main-header nav ul li a:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--black);
    transition: all 0.3s ease-out;
}

.main-header nav ul li:hover > a:before,
.main-header nav ul li.active > a:before{
    width: 70%;
    background: var(--primary);
}
.main-header .dropdown-menu li a.dropdown-item:before{ bottom: 0; }
.main-header .dropdown-menu li:hover a.dropdown-item:before { width: 100%; }


.main-header nav ul li:hover > a,
.main-header nav ul li.active > a {
    color: var(--primary);
}

@keyframes number-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(213, 5, 8, 1);
        box-shadow: 0 0 0 0 rgb(213, 5, 8);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(213, 5, 8, 0);
        box-shadow: 0 0 0 15px rgba(213, 5, 8, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(213, 5, 8, 0);
        box-shadow: 0 0 0 0 rgba(213, 5, 8, 0);
    }
}

.main-banner,
.iconicSec,
.packagesSec,
.bgpattren {
    background: url(../images/bg_pattren.jpg) repeat #000;
    z-index: 1;
}

.main-banner {
    min-height: 100vh;
}

.container.line {
    position: absolute;
}

.navbarbg {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: background 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
    transition: background 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
    transition: background 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
    transition: background 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.6s cubic-bezier(0.87, 0, 0.13, 1),
        -webkit-transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}

.navbarbg.navbarshow {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: rgb(15, 15, 15);
}

.container.line {
    min-height: 100%;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    z-index: -1;
    left: 0;
    right: 0;
}

.main-banner .content {
    position: absolute;
}

.main-banner .content,
.iconicSec .content,
.packagesSec .content,
.main-footer .content {
    position: relative;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-banner .content {
    min-height: 100vh;
}

.main-banner .content .bannerHeading {
    font-family: "expose-regular", sans-serif, Serif;
    font-size: 11.4375rem;
    color: var(--white);
    line-height: 149px;
    text-transform: uppercase;
}

.main-banner .content .bannerImg {
    position: absolute;
    right: 3rem;
    bottom: 0;
    top: 7rem;
    margin: 0;
    z-index: -1;
}

.main-banner .content .bannerImg img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-banner .content .bannerHeading.colored {
    font-family: "expose-black", sans-serif, Serif;
    display: inline-block;
    color: var(--primary);
    font-size: 12.125rem;
}

.main-banner .content .bannerHeading ~ p {
    display: inline-block;
    width: 25%;
    color: var(--white);
    margin: 0;
    font-size: 0.9375rem;
}

.main-banner .container .row [class*="col-"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 2rem;
}

.main-banner .content .bannerHeading ~ p a {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-top: 2rem;
    position: absolute;
    color: var(--white);
}

.main-banner .content .bannerHeading ~ p a:hover {
    background-color: #fff;
}

.main-banner .content .bannerHeading ~ p a:hover i {
    color: var(--black);
}

.bigHeadings {
    position: absolute;
    inset: 0;
}

.bigHeadings * {
    font-family: "expose-black", sans-serif, Serif;
    font-size: 28.0625rem;
    line-height: 0.6;
    -webkit-text-stroke-width: 1px;
    color: transparent;
    -webkit-text-stroke-color: rgb(0 0 0 / 10%);
    text-transform: uppercase;
}

.aboutSec {
    padding: 6rem 0;
    background: var(--white);
}

.aboutSec .mainHeading {
    font-family: "expose-bold", sans-serif, Serif;
    font-size: 5.625rem;
    text-align: center;
    width: 50%;
    margin: auto;
    color: var(--primary);
}

.bigHeadings .rightBigHeading {
    text-align: right;
    margin-top: 10rem;
}

.aboutSec > img {
    position: absolute;
    z-index: 1;
}

.aboutSec .triangle {
    top: 0;
    left: 75%;
    transform: translateX(-75%);
}

.aboutSec .circle {
    top: 35%;
    left: 75%;
    transform: translate(-75%, -35%);
}

.aboutSec .halfCircle {
    top: 25%;
    left: 25%;
    transform: translate(-25%, -25%);
}

.aboutSec .leftHeading {
    width: 28%;
    font-size: 3.75rem;
}

.aboutSec .rightPara {
    width: 25%;
    margin-left: auto;
    margin-top: 5rem;
}

.aboutSec .rightPara p {
    text-align: left;
}

.aboutSec .rightPara h4 {
    font-size: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.themeBtn {
    font-family: "expose-bold", sans-serif, Serif;
    color: var(--primary);
    align-items: center;
    gap: 1rem;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
}

.themeBtn span {
    border: 1px solid var(--primary);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.themeBtn:hover {
    gap: 0.5rem;
    color: var(--primary);
}

.themeBtn:hover span {
    background-color: var(--primary);
    color: var(--white);
}

.iconicSec .content .row {
    background-color: #010020;
    height: 80vh;
    align-items: center;
    margin: 2rem 0;
}

.iconicSec h2 {
    font-family: "expose-black", sans-serif, Serif;
    color: var(--white);
    font-size: 4.6875rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    line-height: inherit;
}

.iconicSec p {
    color: var(--white);
    overflow: hidden;
    text-shadow: 1px 1px 1px #000;
}

.iconicSec .themeBtn,
.iconicSec .themeBtn span,
.iconicSec .themeBtn:hover span {
    color: var(--white);
    overflow: hidden;
}

.iconicSec .themeBtn:hover span i {
    color: var(--black);
}

.iconicSec .contentArea {
    padding-left: 5rem;
}

.ctaSec [class*="col-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    background: #d50508;
}

.ctaSec [class*="col-"]:nth-child(2) {
    background: var(--white);
}

.ctaSec [class*="col-"] a {
    font-family: "expose-regular", sans-serif, Serif;
    display: inline-block;
    background: var(--white);
    border-radius: 30px;
    padding: 0.5rem 3rem;
    color: var(--primary);
    font-size: 2rem;
}
.ctaSec [class*="col-"] a:hover{ color: var(--primary) !important; }

.ctaSec > img {
    position: absolute;
}

.ctaSec .triangle {
    top: 10%;
    left: 60%;
    transform: translate(-60%, -10%);
}

.ctaSec .circle {
    top: 70%;
    left: 93%;
    transform: translate(-93%, -70%);
}

.ctaSec .halfCircle {
    top: 90%;
    left: 30%;
    transform: translate(-30%, -90%);
}

.projectSec {
    padding: 6rem 0 3rem;
    background: var(--white);
}

.projectSec .swiper-slide a img {
    height: 700px;
    object-fit: cover;
    width: calc(100% - 1rem);
    margin: auto;
}

.projectSec .container-fluid,
.company-logo-sec .container-fluid {
    padding: 0;
}

.companySlider .swiper-slide-active:before,
.companySlider .swiper-slide-active:after {
    display: none;
}

.projectSec .swiper-slide-active:before,
.projectSec .swiper-slide-active:after {
    content: "";
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(25deg, #fff, var(--primary) 50%, #fff) 1%;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
}

.projectSec .swiper-slide-active:after {
    right: 0;
}

.projectSwiper .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnCont {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.btnCont .swiper-button-prev,
.btnCont .swiper-button-next {
    font-family: "expose-bold", sans-serif, Serif;
    position: static;
    border: 1px solid var(--primary);
    text-transform: uppercase;
    padding: 0.5rem 1.5rem;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: auto;
    height: auto;
    margin: 0;
    color: var(--primary);
    font-size: 1.125rem;
}

.btnCont *::after {
    content: none;
}

.btnCont .swiper-button-next {
    background: var(--primary);
    color: #fff;
}

.upperCut,
.bottomCut {
    position: absolute;
    z-index: 111;
    top: 0;
    left: 0;
    right: 0;
    fill: #fff;
}

.bottomCut {
    top: auto;
    bottom: 50px;
    transform: rotate(180deg);
}

.secHeading {
    font-family: "expose-bold", sans-serif, Serif;
    font-size: 5.625rem;
    margin: 0 0 1rem;
    text-align: center;
    text-transform: uppercase;
}

.companySlider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.companySlider {
    margin-top: 5rem;
}

.packagesSec {
    padding: 0 0 6rem 0;
    position: relative;
    z-index: 1;
}

.about-banner {
    background-image: url(../images/about-us/banner-bg.png);
}

.packageBox {
    position: relative;
    margin-top: -40px;
}

.packageBox:before {
    content: "";
    background: rgb(26, 4, 11);
    background: -moz-linear-gradient(
        top,
        rgba(26, 4, 11, 1) 0%,
        rgba(26, 4, 11, 1) 0%,
        rgba(77, 5, 9, 1) 50%,
        rgba(199, 0, 0, 1) 99%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(26, 4, 11, 1) 0%,
        rgba(26, 4, 11, 1) 0%,
        rgba(77, 5, 9, 1) 50%,
        rgba(199, 0, 0, 1) 99%
    );
    background: linear-gradient(
        to bottom,
        rgba(26, 4, 11, 1) 0%,
        rgba(26, 4, 11, 1) 0%,
        rgba(77, 5, 9, 1) 50%,
        rgba(199, 0, 0, 1) 99%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a040b', endColorstr='#c70000', GradientType=0);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
}

/* .packagesSec .container.line{
   min-height: 100%;
 } */

.packageBox .head {
    padding: 5rem;
    background: var(--primary);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: -moz-linear-gradient(top, rgba(209,18,21,1) 0%, rgba(209,18,21,1) 62%, rgba(209,18,21,0.8) 68%, rgba(209,18,21,0) 100%);
    background: -webkit-linear-gradient(top, rgba(209,18,21,1) 0%,rgba(209,18,21,1) 62%,rgba(209,18,21,0.8) 68%,rgba(209,18,21,0) 100%);
    background: linear-gradient(to bottom, rgba(209,18,21,1) 0%,rgba(209,18,21,1) 62%,rgba(209,18,21,0.8) 68%,rgba(209,18,21,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11215', endColorstr='#00d11215',GradientType=0 );
}

.packageBox .head h4 {
    font-size: 2.875rem;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: center;
    color: var(--white);
    position: relative;
    z-index: 1;
}

.packageBox .head h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    border-radius: 100%;
    z-index: -1;
    background: -moz-linear-gradient(
        143deg,
        rgba(181, 7, 10, 1) 0%,
        rgba(181, 7, 10, 1) 1%,
        rgb(201 25 28) 62%,
        rgb(213 5 8) 68%,
        #d50508 100%
    );
    background: -webkit-linear-gradient(
        143deg,
        rgba(181, 7, 10, 1) 0%,
        rgba(181, 7, 10, 1) 1%,
        rgb(201 25 28) 62%,
        rgb(213 5 8) 68%,
        #d50508 100%
    );
    background: linear-gradient(
        143deg,
        rgba(181, 7, 10, 1) 0%,
        rgba(181, 7, 10, 1) 1%,
        rgb(201 25 28) 62%,
        rgb(213 5 8) 68%,
        #d50508 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5070a', endColorstr='#00b5070a', GradientType=1);
    width: 85px;
    height: 85px;
    z-index: -1;
}

.packageBox .head h4 span {
    font-size: 4.5rem;
    font-weight: 700;
    margin: 1.5rem 0 0;
    display: block;
    position: relative;
}

.packageBox .head h4 span:before,
.packageBox .head h4 span:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -4rem;
    width: 50px;
    height: 2px;
    background: var(--white);
}

.packageBox .head h4 span:after {
    right: -4rem;
    left: initial;
    width: 50px;
    height: 2px;
}

.packageBox .head h4 span sup {
    font-size: 1.25rem;
    font-weight: 600;
    left: -0.5rem;
    top: -1.6em;
}

.packageBox .listpackages {
    text-align: center;
    padding: 1rem 0;
}

.packageBox .listpackages ul li {
    color: #fff;
    padding: 10px 0;
}

.packageBox .listpackages ul li i {
    color: var(--primary);
    margin-right: 10px;
}

.packageBox .listpackages .orderBtn {
    margin-top: 2rem;
    display: inline-block;
    padding: 16px 90px 16px 30px;
    border-radius: 50px;
    background: #d5050840;
    color: var(--white);
    border-color: #d5050840;
}

.btn-hover,
.btn-active {
    background-color: var(--primary);
    position: relative;
    overflow: hidden;
    z-index: 0;
    font-size: 17px;
    color: var(--black);
    font-weight: 600;
    border: 1px solid var(--black);
    border-color: var(--primary);
    padding: 14px 30px;
    display: inline-block;
    transition: ease all 0.5s;
}

.btn-hover span,
.btn-active span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--black);
    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.btn-hover:hover {
    color: #ffffff !important;
    transform: scale(1.05);
}

.btn-hover:hover span,
.btn-active:hover span {
    width: 225%;
    height: 562.5px;
}

.listpackages .odicon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid var(--primary);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.listpackages .odicon i {
    color: var(--primary);
}

.packagesSlider .btnCont .swiper-button-prev {
    border-color: var(--white);
    color: var(--white);
}

.mm_process {
    background: var(--white);
    padding: 5rem 0;
}

.slideVerticle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.slideVerticle .items {
    width: 100%;
    min-height: 580px;
    background: url(../images/process-pattren.png) var(--primary);
    text-align: center;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    margin: 1rem;
}

.slideVerticle .items {
    padding: 2rem 2rem;
    color: var(--white);
}

.slideVerticle .items .icons {
    margin-bottom: 3rem;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slideVerticle .items h3 {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--white);
}

.slideVerticle .items h3 strong {
    display: block;
}

.slideVerticle .items.blackbox {
    background: url(../images/process-pattren.png) #0d0d0d;
}

.testimonial-slider {
    padding: 0 0 4rem;
}

.testomonialss-mm {
    padding: 5rem 0;
}

.testim_people {
    position: relative;
}

.picborder {
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    width: 450px;
    height: 590px;
    border-color: var(--white);
    position: absolute;
    top: 4rem;
    right: 3rem;
    z-index: -1;
}

.testomonialss-mm .items {
}

.testomonialss-mm .items h2 {
    font-size: 4.063rem;
    margin-bottom: 2rem;
    color: var(--white);
}

.testomonialss-mm .items p {
    color: var(--white);
}

.btntestim {
    position: absolute;
    right: 13.5rem;
    bottom: 10rem;
}
.packages-tabs{ position: relative; }
.packages-tabs .swiper-button-prev,
.packages-tabs .swiper-button-next {
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: #fff;
}

.packages-tabs .swiper-button-next:after,
.packages-tabs .swiper-button-prev:after {
    display: none;
}

.packages-tabs .swiper-button-prev {
    left: 90px;
}

.packages-tabs .swiper-button-next {
    right: 90px;
}

.packages-tabs .swiper-button-prev:hover,
.packages-tabs .swiper-button-next:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.btntestim {
    position: absolute;
    right: 13.5rem;
    bottom: 10rem;
}

.btntestim .swiper-button-prev,
.btntestim .swiper-button-next {
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: #fff;
}

.btntestim .swiper-button-next:after,
.btntestim .swiper-button-prev:after {
    display: none;
}

.btntestim .swiper-button-prev {
    left: initial;
    right: 70px;
}

.btntestim .swiper-button-next {
    right: 0;
}

.btntestim .swiper-button-prev:hover,
.btntestim .swiper-button-next:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.lets_talksec {
    padding: 5rem 0 2rem;
    background: var(--white);
}

.lets_talksec h2,
.lets_talksec h2 a {
    font-size: 22.125rem;
    color: var(--black);
    position: relative;
}

.svgarrow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.svgarrow svg {
    width: 10rem;
    height: 10rem;
}

.cursoractive {
    position: relative;
}

#cursorarrow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: none;
}

.bg-images {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 0;
}

.pages-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 647px;
}

.company-logo-sec {
    background-color: transparent;
    background-image: url(../images/porfolio/companylogo-bg.png);
}

.company-logo-sec .companySlider {
    margin-top: 0;
}

.our-storey-sec {
    background-image: url(../images/about-us/our-storey-bg.png);
}

.portfolio-bnner {
    background-image: url(../images/porfolio/banner-img.png);
}

.porfolio-project .projectSec {
    padding: 5rem 0 !important;
}
.nav-portfolio {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 0 1rem;
}
.nav-portfolio .active {
    background-color: var(--primary);
    padding: 10px 15px;
    color: var(--white);
}
.nav-portfolio a {
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 10px;
    color: var(--black);
    font-size: 1.125rem;
}

.pages-bnr-hgd {
    font-size: 7.75rem;
    font-weight: 700;
    color: var(--white);
    text-align: center;
}

.storey-sec-h2 {
    font-size: 5.632rem;
    text-transform: uppercase;
}

.storey-sec-h3 {
    font-size: 1.575rem;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 2rem;
}

.storey-sec-p {
    color: #666666;
    padding-right: 7%;
    margin-bottom: 0;
}

.our-storey-img {
    padding: 2rem 0;
    display: block;
    margin: auto;
    margin-top: -5rem;
}

.main-footer {
    position: relative;
}

.clinet-view-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clinet-view-ul li {
    display: block;
}

.clinet-view {
    background-color: var(--white);
    padding-bottom: 5rem;
}

.clinet-view-ul h4 {
    font-size: 65px;
    text-align: center;
    font-weight: 500;
}

.clinet-view-ul p {
    text-align: center;
    color: #040404;
    font-weight: 600px;
    font-weight: 600;
}

.sec-hdg {
    font-size: 90px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #000;
}

.packages-bg {
    background-image: url(../images/packages-bg.png);
}

.sec-p {
    color: #666666;
}

.awards {
    padding: 5rem 0;
    background-color: #fff;
}

.awards .clinet-view-ul {
    padding: 3rem 0;
}

.awards .clinet-view-ul img {
    filter: grayscale(1);
    transition: all 0.3s ease-in-out;
    margin: auto;
}

.awards .clinet-view-ul img:hover {
    filter: none;
}

.sec-hading {
    text-align: center;
}

.contact-us {
    background-image: url(../images/contact-us/banner-bg.png);
}

.contact-sec {
    background-image: url(../images/contact-us/contact-bg.png);
}

.content-area h2 {
    font-size: 0.813rem;
    color: #000;
    margin-bottom: 0.4rem;
}

.content-area p {
    margin-bottom: 0;
    color: #d50508;
    font-size: 1.125rem;
}

.content-area {
    margin-left: 1rem;
}

.details-box {
    box-shadow: 0.358px 0.934px 62px 0px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    border: 1.5px solid rgb(244, 244, 244);
    border-radius: 26px;
    padding: 2rem;
    width: 300px;
    height: 170px;
}

.contact-bg1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.contact-form {
    background-color: #fff;
    position: relative;
    padding: 5rem 0 6rem;
}

.chat-with-area {
    background-color: #d50508;
    border-radius: 30px;
    padding: 2rem 1.5rem;
    text-align: center;
    width: 285px;
}

.chat-with-area * {
    color: #fff;
}

.chat-with-area h5 {
    margin: 1.5rem 0;
    font-size: 1.25rem;
}

.chat-with-area p {
    font-size: 0.938rem;
    margin-bottom: 1.5rem;
}

.chat-btn {
    background-color: rgb(255, 255, 255);
    box-shadow: -9.259px 14.257px 57px 0px rgba(213, 5, 8, 0.11);
    font-weight: 600;
    color: #d50508;
    border-radius: 24px;
    font-size: 1.125rem;
    padding: 0.6rem 1.8rem;
}

.contect-form-img {
    position: absolute;
    left: 0;
    top: 12rem;
    bottom: 0;
    width: 40%;
    right: 20.3%;
    margin: auto;
}

.details-p,
.details-p a {
    font-size: 0.938rem;
    color: #666666;
    margin: 1rem 0 0;
    line-height: 30px;
}

.contact-details-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* contact-us-from */
.footer-form {
    background-image: url(../images/footer-form-bg.png);
}

.footer-area-form h1 {
    font-size: 47px;
    color: #000;
    font-weight: 600;
    margin-bottom: 2rem;
}

.footer-form-input .form-group input,
.footer-form-input .form-group textarea {
    background-color: rgb(248, 248, 248);
    border: 0;
    outline: 0;
    padding-left: 20px;
    margin-bottom: 1.5rem;
    box-shadow: none;
    border-radius: 27px;
    font-size: 15px;
    color: #999999;
    height: 55px;
}

.footer-form-input .form-group input::placeholder,
.footer-form-input .form-group textarea::placeholder {
    color: #999999;
}

.footer-form-input .form-group textarea {
    height: 183px;
    padding: 25px 0 0px 30px;
}

.footer-form-btn {
    width: 100%;
    height: 53px;
    background-color: rgb(213, 5, 8);
    box-shadow: -9.259px 14.257px 57px 0px rgba(213, 5, 8, 0.11);
    border-radius: 26.5px;
    padding: 1rem 2.1rem;
    font-style: 18px;
    color: #fff;
    text-transform: uppercase;
}

.big-logo {
    background-image: url(../images/services-page/stading-bg.png);
    background-position: left;
}

.animated-logo .banner-img {
    object-fit: cover;
    width: 85%;
    height: auto;
}

.iconic-logo .banner-img {
    width: 86%;
}

.service-awards {
    padding: 0;
}

.service-awards .awards {
    background-image: url(../images/services-page/3d-logo/awards-bg.png);
}

.pograes-sec {
    padding: 5rem 0;
    background-color: var(--white);
}

.srvs-compny .companySlider {
    margin-top: 0;
    padding: 4rem 0;
}

.pograes-area h3 {
    font-size: 1.625rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 1rem;
}

.pograes-area p {
    color: #666666;
    margin-bottom: 0;
}
.service-ul {
    display: flex;
    /* align-items: center; */
    margin-top: 3rem;
    gap: 20px;
}
.pogras-img {
    display: none;
}
.number-img {
    position: relative;
}
.number-img {
    /* background-image: url(../images/progras-number.png);
    background-size: cover;
    background-position: center; */
    display: flex;
    height: 300px;
    align-items: center;
    justify-content: space-around;
}
.progras-number {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.pograes1-icon {
    margin-left: 2rem;
}
/* contact-us-from */
.services-banner {
    background-image: url(../images/services-page/services-banner-bg.png);
    background-color: #fff;
    height: 1100px;
    position: relative;
    padding: 9.3rem 0 5rem;
}

.banner-area {
    margin-left: 8rem;
}

.black-logo {
    display: none;
}

.services-h3 {
    font-size: 22px;
    color: #000;
    margin-left: -60px;
}

.services-h3 img {
    margin-left: 1.5rem;
}

.services-h1 {
    font-size: 15.375rem;
    font-weight: 800;
    color: #000;
    z-index: 2;
    position: relative;
}

.banner-img {
    position: absolute;
    right: 0;
    margin-top: -11.79rem;
    width: 78.5%;
    z-index: 1;
}

.services-h2 {
    color: #000;
    background-image: -webkit-linear-gradient(270deg, #000 56.5%, #fff 43.5%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    margin-left: 8rem;
}

.srvs-compny {
    background-color: #fff;
}

.big-logo-img {
    margin-left: auto;
    display: block;
}

.big-logo-content h1 {
    font-size: 5.632rem;
    color: var(--white);
    margin-top: 3rem;
    font-weight: 600;
}

.big-logo-content p {
    color: var(--white);
    padding: 6rem 9rem 0 12rem;
}

.big-logo-get {
    margin-top: 1rem;
    font-size: 1.125rem;
}

.big-logo-get span {
    width: 50px;
    height: 50px;
}

/* popup from */
.form-error {
    display: none;
}

.popup-img {
    height: 100%;
}

input.error {
    border-color: #dd3b18 !important;
}

#entry-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.entry-box {
    width: 82%;
    max-width: 910px;
    background-image: url(../images/popup-bg.png);
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
    padding: 50px;
    overflow-x: auto;
    height: 100%;
    pointer-events: auto;
    background-color: #fff;
}

.checked-input h2 {
    font-size: 1rem;
    color: #7d7d7d;
    margin-left: 10px;
}

.checked-radio {
    width: 16px;
    height: 16px;
}

.checked-input {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.popup-form-btn {
    background-color: rgb(213, 5, 8);
    box-shadow: -9.259px 14.257px 57px 0px rgba(213, 5, 8, 0.11);
    width: 387px;
    height: 53px;
    border-radius: 26.5px;
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem;
    border: none;
}

.area-code {
    width: 131px !important;
}

.phone-number {
    width: 28vw !important;
}

.popup-hdg p {
    font-size: 26.86px;
    color: #000;
    text-transform: uppercase;
}

.popup-hdg {
    display: grid;
    justify-content: end;
}

.popup-hdg h1 {
    font-size: 53.73px;
    text-transform: uppercase;
    color: #000;
}

.popup-border-bottom {
    border: 1px solid #d50508;
    width: 95%;
    margin: 2rem auto;
    display: block;
}

.popup-hdg span {
    color: #d50508;
}

.entry-box-imgs img {
    position: absolute;
}

.popup-before {
    bottom: 0;
    left: 0;
}

.popup-after {
    right: 0;
    top: 0;
}

.entry-box h3 {
    text-align: left;
    color: var(--white-color);
    font-size: var(--fontsize43);
}

.entry-box .footer-area-form p {
    font-size: var(--fontsize16);
    text-align: left;
}

.entry-box .leadForm {
    padding: 1rem 0 0;
}

.entry-box .footer-form-btn {
    font-size: var(--fontsize20) !important;
}

.form-control.error {
    border-color: red !important;
}

label.error {
    display: none !important;
}

a#entry-box_close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9;
}

.popup-form-input label {
    color: #7d7d7d;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
}

.popup-form-input h3 {
    font-size: 14px;
    color: #7d7d7d;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.popup-form-input .form-control {
    background-color: rgb(243, 243, 243);
    height: 56px;
    border-radius: 28px;
    outline: none;
    box-shadow: none;
    border: 0;
    width: 208px;
    text-shadow: 1px 1px 1px #000;
}

.email-input {
    width: 28vw !important;
}

.popup-form-input .input-fildes:last-child {
    margin-left: 25px;
}

.popup-form-input .form-group {
    display: flex;
    align-items: center;
}

.popup-form-input {
    margin-bottom: 2.5rem;
}

/* popup */
.main-footer h1 {
    line-height: 16.875rem;
    font-size: 21.875rem;
    color: var(--white);
    text-transform: uppercase;
    margin-top: 1rem;
}

.rightlinks .linksitems {
    margin-bottom: 5rem;
    color: var(--white);
}

.rightlinks .linksitems p {
    font-size: 1.063rem;
}

.rightlinks .linksitems a {
    color: var(--white);
}

.rightlinks .linksitems a:hover {
    color: var(--primary);
}

.rightlinks .linksitems p a.underlinelink {
    text-decoration: underline !important;
}

.rightlinks .linksitems p a:hover {
    color: var(--primary);
}

.foothead {
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 0px;
    text-transform: uppercase;
    font-size: 1.563rem;
}

.foothead:before {
    /* content: "";
    position: absolute;
    width: 12px;
    height: 18px;
    left: 0;
    background: var(--primary);
    top: 0;
    bottom: 0;
    margin: auto;
    animation: fadeopacity infinite 1s; */
}

.largefont {
    font-size: 2.438rem;
}

.rightlinks .linksitems p.font25 {
    font-size: 1.563rem;
}

.rightlinks .linksitems p.address {
    padding-right: 180px;
}

.copydiv {
    padding-top: 10rem;
    padding-bottom: 1rem;
}

.copydiv p {
    color: var(--white);
}

.socialicons ul {
    display: flex;
    align-items: center;
}

.socialicons ul li {
    margin-right: 10px !important;
}

.socialicons ul li a {
    border: 1px solid var(--white);
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
}

.socialicons ul li a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.copydiv ul {
    display: flex;
    align-items: center;
}

.fixed-header .white-logo {
    display: block !important;
}

.fixed-header .black-logo {
    display: none !important;
}

.drowp-down-web {
    z-index: 2;
}

.copydiv ul a {
    color: var(--white);
}

.copydiv ul a:hover {
    color: var(--primary);
}

.copydiv ul li:first-child {
    margin-right: 2rem;
}

.copydiv ul.navfooter {
    justify-content: flex-end;
}

.copydiv .foothead:before {
    animation: fadeopacity infinite 1.2s;
}

@keyframes fadeopacity {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

.iconicSec {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}

.iconicSec section {
    position: absolute;
    height: 80vh;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    will-change: clip-path;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -75%);
}

/*.iconicSec section:not(:first-of-type) {*/
/*    position: absolute;*/
/*    !* top: 0; *!*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

.iconicSec .line-wrapper {
    overflow: hidden;
}

.iconicSec .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*.iconicSec .bg::before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0,0,0,0.5);*/
/*}*/
.packages-tabs .nav-tabs {
    display: none;
}
.services-page-project .swiper-slide a img {
    height: 100%;
}
.packagesSec .btntestim {
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: -1;
}
.packagesSec .btntestim .swiper-button-prev {
    left: 30rem;
    right: auto;
}
.packagesSec .btntestim .swiper-button-next {
    right: 3rem;
}




.footerform {
    padding: 4rem 0 8rem;
    background: #fff;
}
footer {
    background-color: #000;
    padding: 60px 0 130px;
    position: relative;
}
.footer-links-box p {
    font-size: 14px;
    color: #727272;
    font-weight: 500;
    padding: 20px 0 0;
}
.get-in-touch-box {
    margin-top: 40px;
}
.get-in-touch-box h5 {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 0 0 10px;
}
.get-in-touch-box a,
.get-in-touch-box p {
    font-size: 14px;
    color: #727272;
    font-weight: 500;
    padding: 0 0 3px;
    font-family: Poppins, sans-serif;
}
.footer-links-box h4 {
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 30px;
    margin: 0;
}
.footer-left-box p,
.footer-links-box h4 {
    color: #fff;
}
.footer-links-box li {
    padding: 0 0 15px;
    display: flex;
}
.footer-links-box li i {
    color: #737373;
    font-size: 14px;
}
.footer-links-box li a {
    font-size: 14px;
    color: #737373;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    padding: 0 0 0 15px;
}
.footer-links-box li a:hover {
    color: #a429f6;
}
.ser-footer > a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 0;
}

.ser-footer > a,
.sidenav a {
    text-transform: capitalize;
}
.ser-footer > ul {
    padding-top: 24px;
}
.foot-bot-links a,
.footer-links-box h4,
.footer-links-box li a,
.get-in-touch-box h5,
.navbar-list-box a {
    text-transform: capitalize;
}
.footer-copyright {
    background-color: #212121;
    padding: 25px 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px;
}
.footer-bottom-box,
.nav-main-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-left-box,
.live-chat-btn-box,
.number-box,
.slider-contact-sec .live-chat-btn-box,
.who-we-btn-box {
    display: flex;
    align-items: center;
}
.footer-left-box p {
    font-size: 14px;
    padding: 0;
    margin: 0;
}
.foot-bot-links a {
    color: rgb(213, 5, 8);
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-family: Poppins, sans-serif;
}
.foot-bot-links a:first-child {
    border-right: 2px solid rgb(213, 5, 8);
    padding-right: 7px;
}

.contact-form-box {
    max-width: 795px;
}
.contact-form-box .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 1.075rem 0.75rem;
    border: 1px solid #d9d9d9;
    margin-bottom: 15px;
    height: initial;
}
.contact-form-box textarea.form-control {
    resize: none;
}
.contact-form-box .form-control:focus {
    box-shadow: none;
    border: 1px solid #000;
}

.contact-form-box .popup-form-btn{     
    width: 210px;
    height: 55px; }

    .heading-2.absolute {

        margin-bottom: 2rem;
    }

    .entry-box{ height: initial; padding: 20px 50px; }
    .popup-border-bottom{     margin: 1rem auto; }
    .popup-hdg h1{     font-size: 45.03px; }
    .popup-form-input{     margin-bottom: 1.5rem; }
    .popup-hdg p {
        font-size: 18.86px;
    }
    .poup-logo{ max-width: 260px; }