@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
/* @font-face {
    font-family: 'OverusedGrotesk-Black';
    src: url('../fonts/OverusedGrotesk-Black-BF64eeac181b256.ttf') format('opentype');
}

@font-face {
    font-family: 'OverusedGrotesk-Bold';
    src: url('../fonts/OverusedGrotesk-Bold-BF64eeac17f1b7f.ttf') format('opentype');
}

@font-face {
    font-family: 'OverusedGrotesk-Book';
    src: url('../fonts/OverusedGrotesk-Book-BF64eeac17ce110.ttf') format('opentype');
}

@font-face {
    font-family: 'OverusedGrotesk-ExtraBold';
    src: url('../fonts/OverusedGrotesk-ExtraBold-BF64eeac17d4c2c.ttf') format('opentype');
}

@font-face {
    font-family: 'OverusedGrotesk-Light';
    src: url('../fonts/OverusedGrotesk-Light-BF64eeac17cade6.ttf') format('opentype');
}

@font-face {
    font-family: 'OverusedGrotesk-Medium';
    src: url('../fonts/OverusedGrotesk-Medium-BF64eeac18163be.ttf') format('opentype');
} */


@font-face {
    font-family: 'NexaBold';
    src: url('../fonts/Nexa\ Bold.otf') format('opentype');
}

@font-face {
    font-family: 'NexaLight';
    src: url('../fonts/Nexa\ Light.otf') format('opentype');
}




body {
    width: 100%;
    overflow-x: hidden;
    font-family: 'NexaLight', sans-serif;
}

a {
    text-decoration: none;
}

img {
    width: 100%;
}

.common-padding {
    padding: 0px 130px;
}


.main-home-page h2 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 98.814%;
    /* 97.155px */
    letter-spacing: 0.983px;
    margin-bottom: 20px;
}

.main-home-page {
    height: 100vh;
    display: flex;
    align-items: center;
}

.home-box h4 {
    color: var(--Primary-Colour, #2D2D2D);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.192px;
    padding-top: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

.main-home-page .row>* {
    padding-right: calc(var(--bs-gutter-x)* 1.5);
}

.home-box div {
    overflow: hidden;
    border-radius: 20px;

    transition: 0.8s;
}

.home-box img {
    transition: 0.8s;
    border-radius: 20px;
}

.home-box img:hover {
    transform: scale(1.2);
    transition: 0.8s;
    border-radius: 20px;

}

.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.top-head {
    background: #FFF;

}

.head-search {
    border-radius: 10px;
    border: 1px solid #CDCDCD;
    padding: 3px 15px;
}

.head-search input {
    border: 0;
}

input:focus-visible {
    outline: 0px;

}

.top_head_btns {
    display: flex;
}

.top_head_btns button {
    border-radius: 10px;
    background: var(--Action-Colour, #ED2024);
    border: 0;
    color: white;
    font-size: 17px;
    padding: 5px 25px;
    margin-left: 20px;
}

.links_header {
    border-top: 4px solid #f4f4f4;
    border-bottom: 4px solid #f4f4f4;
    background: #FFF;
    padding: 20px 0px;
}

.links_header ul {
    padding-left: 0px;
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}

.links_header ul li {
    list-style: none;
    padding: 0px 15px;
}

.links_header ul li a {
    color: #606160;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.2px;
    font-family: 'NexaLight', sans-serif;


}

.links_header ul li a.active {
    color: var(--Action-Colour, #ED2024);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
}

.banner-vid video {
    height: 80vh;
    object-fit: cover;

}
.banner-vid  img{
    height: 80vh;
    object-fit: cover;
    width: 100%;
}


.carousel-indicators {
    justify-content: start !important;
    margin-left: 5%;
    bottom: -35px;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    padding: 0;
    border-radius: 90px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #f00;
    background-clip: padding-box;
    border: 0;
    border-top: 0;
    border-bottom: 0;
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-indicators .active {
    width: 40px;
    opacity: 1;
}

.home_2_sec h5 {
    color: #606160;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-top: 20px;
}

.home_2_sec {
    text-align: center;
    position: relative;
}

.section-pt {
    padding-top: 100px;
}

.home_2_sec::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 80%;
    background: linear-gradient(293deg, rgba(102, 102, 102, 0.00) 0%, rgba(102, 102, 102, 0.80) 50%, rgba(102, 102, 102, 0.00) 100%);
}

.laast::after {
    width: 0px !important;
}

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

.head_flex h3 {
    color: #606161;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    letter-spacing: -0.64px;
    font-family: 'NexaBold', sans-serif;


}

.head_flex a {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.count_section {
    background-image: url(../images/bg/count_bg.png);
    width: 100%;
    height: auto;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
}

.count_section h3 {
    color: #FFF;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.95px;
}

.count_section p {
    color: white;
    text-align: center;
}

.count_section h6 {
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form_bg {
    /* background-image: url(../images/bg/contact.png); */
    background-color: #232424;
    width: 100%;
    /* height: 800px; */
    /* background-size: contain; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.form_bg h3 {
    color: #FFF;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: 134%;
    /* 85.76px */
    letter-spacing: -0.64px;

}

.hed-arow img {
    width: 35px;
}

.y_btn {
    display: flex;
    background-color: white;
    padding: 4px 45px 4px 7px;
    border-radius: 90px;
    align-items: center;
    width: fit-content;
    margin-top: 50px;
    margin-left: 30px;

}

.y_btn p {
    font-size: 16px;
    color: #000;
    font-weight: bolder;
    font-family: 'NexaBold', sans-serif;
    padding-left: 20px;
    margin-bottom: 0;
    padding: 4px 40px 4px 30px;
}

.y_btn button {
    font-size: 16px;
    color: #000;
    font-weight: bolder;
    font-family: 'NexaBold', sans-serif;
    padding-left: 20px;
    margin-bottom: 0;
    padding: 4px 40px 4px 30px;
    border: 0;
    background-color: white;
}

.y_btn img {
    width: 35px;
}


.form-input input {
    border: 0;
    border-bottom: 1px solid white;
    width: 100%;
    color: white;
    background-color: transparent;
    padding: 8px 10px;
}

.form-input ::placeholder {
    color: white;
}

.form-input select {
    border: 0;
    border-bottom: 1px solid white;
    width: 100%;
    color: white;
    background-color: transparent;
    padding: 8px 10px;

}

.form-input select option {
    color: black;
}

.form-input textarea {
    border: 0;
    border-bottom: 1px solid white;
    width: 100%;
    color: white;
    background-color: transparent;
    padding: 8px 10px;
}

.form-submit-btn button {
    border-radius: 10px 0px;
    background: var(--White, #FFF);
    border: 0;
    color: black;
    padding: 7px 60px;

    color: var(--Primary-Colour, #2D2D2D);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2px;
}

.project_box {
    margin: 0px 15px;
    position: relative;
    transition: 0.7s;

}

.project_box img {
    height: 310px;
    object-fit: cover;
}

.project_box_cont {
    position: absolute;
    bottom: 9px;
    left: 16px;
    width: 94%;



}

.project_box_cont h5 {
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.386px;
    transition: 0.7s;

}

.project_box_cont a {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: end;
    letter-spacing: -0.207px;
}

.project_box:hover {
    transform: scale(0.9);
}

.project_box:hover .project_box_cont h5 {
    font-size: 28px;
    transition: 0.7s;
}

.project_box:hover .project_box_cont div {
    border-bottom: 1px solid red;
    transition: 0.4s;
}

.project_box_cont div {
    width: fit-content;
    margin-left: auto;
}

.client-box {
    margin: 0px 15px;
}

.client-box img {
    height: 154px;
    object-fit: contain;
    transform: scale(0.8);
    transition: 1s;
    /* filter: grayscale(1); */
}

.client-box img:hover {
    transform: scale(1);
    transition: 1s;
    filter: grayscale(0);
}

footer {
    background: rgba(0, 0, 0, 0.05);
    margin-top: 30px;
}

.footer-logo img {
    height: 40px;
    width: 80%;
}

.social-links h6 {
    color: #9F9F9F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.social-links svg {
    width: 50px;
}

.social-links svg:hover {
    transform: scale(1.2);
}

.quick-links h6 {
    color: #9F9F9F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 15px;
    font-family: 'NexaBo', sans-serif;

}

.quick-links p a {
    color: #9F9F9F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 3;
    letter-spacing: -0.18px;
    font-family: 'NexaBo', sans-serif;

}

.footer-btn h4 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;

}

.footer-btn button {
    background: #ED2024;
    border: 0;
    margin-top: 20px;
    width: 100%;
    padding: 10px;
    color: var(--White, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.22px;
}


.footer-bottom {
    display: flex;
}

.footer-bottom {
    color: #727272;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.slick-dots {
    text-align: left !important;
}

.slick-dots li button:before {
    color: red !important;
}

.slick-dots li {
    margin: 0 0px !important;
}

.slick-dots li.slick-active button:before {
    color: red !important;
}

.abt-sec h2 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 134%;
    /* 85.76px */
    letter-spacing: -0.64px;
    text-align: center;
}

.abt-sec video {
    /* height: 600px; */
    width: 100%;
    object-fit: cover;
}

.abt-cont h4 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    letter-spacing: -0.64px;
}


.abt-cont p {
    color: #9F9F9F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}




.containere {
    width: 100%;
    display: flex;
}

.sector_img {
    height: 75vh;
    border-radius: 20px;
    margin: 10px;
    cursor: pointer;
    color: #fff;
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: all 500ms ease-in-out;
    overflow: hidden;
}

.sector_img .sect_text {
    display: none;
}

.sector_img.active {
    flex: 5;
}

.sector_img.active .sect_text {
    display: block;
    transition: opacity 0.3s ease-in;
}


.sector_cont {
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 20px;
    justify-content: center;
    z-index: 2;
}

.sector_icon {
    margin-left: 0px;
}

.sector_img.active .sector_icon {
    margin-left: 20px;
}

.sector_icon_whit {
    background-color: #ffffff;
    padding: 10px;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

.sector_icon_whit h3 {
    color: black;
}

.sector_img:after {
    position: absolute;
    content: "";
    background-color: #72757c3b;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.sect_text {
    padding: 0px 10px;
}

.sect_text h5 {
    font-weight: 600;
    font-size: 27px;
    line-height: 33px;
    color: #FFFFFF;
}

.sect_text p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.055em;
    margin-bottom: 0;
    color: #FFFFFF;
}

.sector_img:last-child {
    margin-right: 0;
}

.sector_img:first-child {
    margin-left: 0;
}

.product-box img {
    /* height: 300px; */
    object-fit: cover;
}

.product-box h5 {
    color: var(--Black, #000);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.216px;
    padding-top: 20px;
    font-family: 'NexaLight', sans-serif;

}



.product_list_box {
    display: flex;

}

.product_list_box img {
    width: 100%;
    border-radius: 10px;
    height: 220px;
}

.product_list_box h5 {
    color: var(--Black, #000);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.216px;
    font-family: 'NexaBold', sans-serif;


}



.product_list_box p {
    color: #9F9F9F;

    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
}

.product_detail h3 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.288px;
}

.product_detail p {
    color: #9F9F9F;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.project-box {
    position: relative;
    overflow: hidden;

}

.project-box:hover .project-cont {
    transform: translateY(0%);
    transition: 0.8s;
}

.project-cont {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 30px;
    background: rgba(0, 0, 0, 0.80);
    backdrop-filter: blur(5px);
    height: 100%;
    transform: translateY(100%);
    transition: 0.8s;
}

.project-box img {
    height: 270px;
    object-fit: cover;
}

.project-cont h5 {
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    letter-spacing: -0.46px;
}

/* .project-cont h5 span{
    font-size: 20px;
} */

.project-cont p {
    color: #9F9F9F;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    padding-top: 20px;
}

.project-box h4 {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.46px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 30px;
    font-family: 'NexaBold', sans-serif;

}

.proj-det img {
    height: 500px;
    object-fit: cover;
}

.proj-det h4 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 44px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    letter-spacing: -0.46px;
    padding-top: 20px;
}

.proj-det p {
    color: #9F9F9F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.pd-row img {}

.pd-row h5 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 45px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.288px;
}

.pd-row p {
    color: #9F9F9F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.event-sec h2 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    /* 85.76px */
    letter-spacing: -0.64px;
}

.rental-box {
    display: flex;
    padding: 20px;
}

.size-box {
    border-radius: 20px;
    border: 1px solid #FFF;
    opacity: 0.5;
    background: linear-gradient(92deg, rgba(20, 19, 20, 0.60) 0.3%, rgba(102, 102, 102, 0.60) 101.3%);
    backdrop-filter: blur(2px);
    padding: 20px;
}

.events-desc h4 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    /* 85.76px */
    letter-spacing: -0.64px;
}

.events-desc p {
    color: #9F9F9F;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.tech-sec h2 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 60px;
    font-style: normal;
    font-weight: 500;

    letter-spacing: -0.64px;
}

.tech-sec h4 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    letter-spacing: -0.64px;
}

.tech-sec p {
    color: #9F9F9F;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.tech-input input {
    border: 0;
    border-bottom: 1px solid black;
    background-color: transparent;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 10px;

}

.tech-input textarea {
    border: 0;
    border-bottom: 1px solid black;
    background-color: transparent;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 10px;

}



.tech-input select {
    border: 0;
    border-bottom: 1px solid rgb(0, 0, 0);
    width: 100%;
    color: rgb(0, 0, 0);
    background-color: transparent;
    padding: 8px 10px;
    margin-top: 40px;
    padding-bottom: 10px;
}

.tech-form .form-submit-btn button {
    border-radius: 10px 0px;
    background: var(--Primary-Colour, #2D2D2D);
    border: 0;
    color: rgb(255, 255, 255);
    padding: 7px 60px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2px;
}

.intl-tel-input {
    /* margin-top: 40px; */
    margin-bottom: 10px;
    width: 100%;


}

.tech-sec span {
    color: var(--Action-Colour, #ED2024)
}

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

.cont-flex svg {
    width: 70px;
}

.cont-flex h6 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.244px;
    padding-left: 30px;
}






.whats-float {
    position: fixed;
    transform: translate(108px, 0px);
    top: 75%;
    right: 5px;
    border-radius: 33px 0px 0px 33px !important;
    padding: 9px;
    width: 150px;
    overflow: hidden;
    background-color: #25d366;
    color: #FFF;
    border-radius: 2px 0 0 2px;
    z-index: 10;
    transition: all 0.5s ease-in-out;
    vertical-align: middle;
}

.whats-float a span {
    color: white;
    font-size: 15px;
    padding-top: 12px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
    padding-left: 14px;
}

.whats-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align: center;

}

.whats-float:hover {
    color: #FFFFFF;
    transform: translate(0px, 0px);
}

.whats-float:hover i {
    transform: rotate(360deg);
}

.modal_contact {
    max-width: 95%;
    width: 100%;
}

.cont_modal {}

.cont_modal .form_bg {
    background-size: 100% 100%;
    height: auto;
}

.cont_modal .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    color: white;
}

.tech-form .intl-tel-input {
    margin-top: 45px;
}

.tech-form .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #000;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent !important;
}

.redSideButton {
    position: fixed;
    top: 50%;
    right: -52px;
    border-radius: 13px 13px 0 0;
    background: #ED2024;
    color: white;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    transform: rotate(270deg);
    font-weight: 500;
    border: none;
}

.redSideButton div {
    margin-left: 10px;
}



#exampleModal2 .modal-content {
    background: white
}

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

#exampleModal2 h3 {
    color: #FFF;
    font-size: 52px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    /* 75.891px */
    letter-spacing: -0.566px;
    display: flex;
    align-items: end;
}
#exampleModal2 h3 span{
    margin-left: 24px;
}

.file-input {
    display: inline-block;
    text-align: left;
    background: #ffffff00;
    padding: 16px;
    width: 450px;
    position: relative;
    border: 1px dashed white;
    border-radius: 10px;
}

.file-input>[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.file-input>.button {
    display: inline-block;
    cursor: pointer;
    background: #ffffff;
    padding: 8px 16px;
    border-radius: 7px;
    margin-right: 8px;
}

.file-input:hover>.button {
    background: dodgerblue;
    color: white;
}

.file-input>.label {
    color: #ffffff;
    white-space: nowrap;
    opacity: .6;
}

.file-input.-chosen>.label {
    opacity: 1;
}

#exampleModal2 .btn-close {
    background: url(../images/logos/close.png) !important;
    width: 43px;
    height: 43px;
    background-repeat: no-repeat !important;
}

.package-head h3 {

    font-size: 44 px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.288px;
}

.package-form {
    border-radius: 25px;
    background: #F4F4F4;
    padding: 30px;
}

.package-form h3 {
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.288px;
}

.package-form .form-input input {
    color: #090909;
    border-bottom: 1px solid #353535;
}

.package-form ::placeholder {
    color: rgb(0, 0, 0);
}








.form-input {
    position: relative;
}

.form-input input[type="date"] {
    position: relative;
    z-index: 2;
    background-color: transparent;
}

.placeholder {
    position: absolute;
    top: 17px;
    left: 0;
    padding: 12px;
    color: #fff;
    pointer-events: none;
    z-index: 1;
}

/* 
.form-input input[type="date"]:not(:placeholder-shown) + .placeholder {
    display: none;
} */




.product-detail-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-detail-flex h6 {
    color: #999999 !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.132px;
    font-family: 'NexaLight', sans-serif;

}

.product-detail-flex p {
    color: #999999 !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.132px;
    font-family: 'NexaLight', sans-serif;

    padding-right: 20px;
}

.pr-det-img {
    height: 100%;

}

.pr-det-img img {
    /* height: 500px; */
    object-fit: cover;
    border-radius: 25px;

}

.package-form .form-input select {
    border-bottom: 1px solid black;
    color: black;
    height: 100%;
}

.submButn button {
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    background-color: white;
    border-radius: 7px 0 7px 0;
    border: none;
    padding: 8px 80px;

}

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

.sizeInput label {
    color: white;
    white-space: nowrap;
}

.sizeInput input {
    margin-left: 25px;
}

.sizeHeight {
    position: relative;
}

.sizeHeight span {
    position: absolute;
    right: 10px;
    color: white;
    bottom: 5px;
}

.CustomFile {
    width: 100%;
    border: 2px dashed grey;
    padding: 20px;
    position: relative;
}

.CustomFile input {
    border-bottom: none;
    opacity: 0;
}

.CustomFile label {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
}

.CustomFile label p {
    margin-bottom: 0;
    color: white;
    font-size: 15.044px;
}

.CustomFile label div {
    border-radius: 5px;
    background: #E3E3E3;
    border: none;
    padding: 8px 15px;
    color: var(--Primary-Colour, #2D2D2D);
    font-size: 15.044px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.projevYlogo {
    height: 60px;
    width: auto;
    padding-bottom: 5px;
    margin-right: 15px;
}

.projHead {
    display: flex;
    justify-content: center;
    line-height: 1 !important;
    margin-bottom: 20px;
    align-items: end;
}

.client-slider .slick-dots {
    position: inherit;
    margin-top: 10px;
    display: none !important;
}

.head_flex h3 svg {
    width: 40px;
    height: fit-content;
}

.abt-cont h4 svg {
    width: 50px;
    height: fit-content !important;
}

.footer-buttons {
    display: flex;
    justify-content: space-between;
}

.uae-btn {
    width: 48%;
}

.ksa-btn {
    width: 48%;

}

.ksa-btn button {
    background: #2d2d2d;
}

.w-48 {
    width: 48%;
}

.why-svg {
    width: 150px !important;

}

.why-logo {
    width: 340px !important;
    margin-left: 30px;

}

.why-flex {
    display: flex;
}

.project-slider .slick-dots {
    display: none !important;
}

.hed-arow {
    display: flex;
}

.hed-arow svg {
    height: 50px;
    width: 45px;
    margin-left: 20px;
}



.top-head.fixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition-duration: 1s;
}

.top-head.fixedHeader .top-header {
    display: none;
    transition: 1s;

}

.product_Det_flex {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_Det_flex h5 {
    font-size: 17px;
    color: #999999
}

.product_Det_flex .pd-a {
    color: #ED2024;
    border: 1px solid #ED2024;
    border-radius: 7px;
    padding: 3px 10px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-left: 10px;
    font-size: 14px;
    padding: 8px 20px;
}

.product_Det_flex button {
    background-color: #ED2024;
    color: white;
    padding: 8px 15px;
    border: 0px;
    border-radius: 7px;
}

.product_Det_flex button i {
    color: white;
    padding-right: 5px;
}


.abt-image img {
    margin-top: 30px;
    border-radius: 25px;
    height: 704px;
    object-fit: cover;
}



.abt-reach h3 {
    color: #0C0D0C;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.abt-reach h3 .span-1 {
    color: #FF2F17;
}

.abt-reach h3 .span-2 {
    color: #929D9B;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.abt-reach p {
    color: #1E1F1F;
    font-size: 19px;
    font-style: normal;
    font-weight: 200;

    line-height: 36px;
    text-align: center;
}

.journy_row h3 {
    font-size: 42px;
    text-align: left;
    padding-top: 100px;

}

.abt-pt {
    padding-top: 70px;
}

.journy_row p {
    color: #1E1F1F;
    font-size: 19px;
    font-style: normal;
    font-weight: 200;

    line-height: 36px;
    text-align: left;
    padding-top: 30px;
}


.team_Strengh_sec {
    background-color: #2B2C2C
}

.team_Strengh_sec h2 {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    font-family: 'NexaBold', sans-serif;

}

.team_Strengh_sec h4 {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding-top: 20px;
    line-height: normal;
    padding-bottom: 20px;
    padding-top: 40px;
}

.sectors-row {
    padding-top: 125px;
}

.sectors_svg_icons h4 {
    font-size: 17px;
    font-family: 'NexaLight', sans-serif;
    color: #a8a8a8;
    padding-bottom: 10px;
    letter-spacing: 5px;
}

.red-line {
    width: 48px;
    height: 8px;
    background-color: #ED2024;
}

.team_Strengh_sec p {
    color: #A9B2B1;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}


.vision_Sec {
    background-image: url(../images/index/vision.png);
    background-position: 100% 100%;
    width: 100%;
    background-size: 100% 100%;
}

.team_svgs svg {
    width: 45px;
}

.vision_Sec h3 {
    color: #0C0D0C;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.vision_Sec h3 span {
    color: #FF2F17;
    font-size: 45px;
}

.vision_Sec p {
    color: #1E1F1F;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    text-align: center;
}

/* .vision_Sec h4 {
    color: #FF2F17;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
} */

.vision-box {
    background-color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 50px 50px 0px 50px;
    border-radius: 20px;
    margin-top: 50px;
    position: relative;
    height: 100%;
}

.vision-box::after {
    position: absolute;
    left: 0;
    bottom: -5px;
    content: "";
    width: 84px;
    height: 12px;
    border-radius: 90px;
    background-color: #bbbbbb;
    margin: auto;
    right: 0;
}

.vision_Sec h2 {
    color: #1E1F1F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 145px;

    text-align: center;
}

.industry_Sec {
    background-color: #343737;
}

.industry_Sec h3 {
    color: #FFF;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.industry_Sec p {
    color: #AEB8B6;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.indestry_flex {
    display: flex;
}

.indestry_flex h4 {
    color: #AEB8B6;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    padding-top: 20px;

}

.indestry_flex h5 {
    color: #FF2F17;
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

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

.video_index {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    background: white;
}

.video_index video {
    width: 100%;
    height: 100vh;
}

.home_2_sec img {
    width: 45px;
}

.home_2_sec a {
    color: #ED2024;
}

.count_sectionss {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ed20243b;
    margin-top: 30px;
    background: #FAFAFA;


}

.counter_box {
    border-radius: 0px 0px 30px 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 100%;
    background-color: white;

}

.head {
    padding: 5px;
    width: 100%;
    background-color: #ED2024;

}

.counter_box .body {
    padding: 40px 20px;
}

.counter_box .body h3 {
    font-size: 38px;
    color: #ED2024;
    font-family: 'NexaBold', sans-serif;
    text-align: center;
    position: relative;
}
.counter_box .body h3 span{
    position: absolute;
    top: -14px;
}

.counter_box .body h5 {
    font-size: 19px;
    color: #0a0a0a;
    font-family: 'NexaBold', sans-serif;
    text-align: center;
}

.counter_box .body p {
    font-size: 15px;
    color: #0a0a0a;
    font-family: 'NexaLight', sans-serif;
    text-align: center;
}

.why-section h4 {
    font-size: 50px;
    color: #ED2024;
    font-family: 'NexaBold', sans-serif;
    position: relative;
    width: fit-content;
}

.why-section h4::after {
    position: absolute;
    content: "";
    right: -81px !important;
    bottom: 10px;
    width: 83px;
    height: 1px;
    background-color: #ED2024;
}

.why_Section h6 {
    font-size: 14px;
    font-family: 'NexaLight', sans-serif;
    font-weight: 200;
    color: rgb(85, 85, 85);
    line-height: 2;

}

.why_Box {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
    height: 100%;
}

.why_Box img {
    width: 50px;
}

.why_Box h6 {
    font-size: 15px;
    font-weight: 200;
    padding-top: 15px;
    font-family: 'NexaLight', sans-serif;
    font-style: italic;
}

.why_Box h5 {
    font-size: 17px;
    font-weight: 600;
    font-family: 'NexaBold', sans-serif;
    color: #717171;
}

.why_Box p {
    font-size: 12px;
    font-weight: 200;
    padding-top: 15px;
    font-family: 'NexaLight', sans-serif;
    color: #717171;
    line-height: 2;
}

.head_new_arow {
    display: flex;
    align-items: center;
    color: #606161;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    letter-spacing: -0.64px;
    font-family: 'NexaBold', sans-serif;
}

.head_new_arow img {
    width: 35px;
    margin-left: 20px;
}

.footer_line {
    position: relative;
    width: fit-content;
    font-size: 16px;
    color: #717171;
    font-family: 'NexaBold', sans-serif;
    line-height: 12px;
    margin-bottom: 0;

}
.line_area {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}
.line_area .footer_ln {
    width: 100%;
    height: 1px;
    background-color: #717171;
    margin-left: 10px;
}
.locate_new {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.locate_new img {
    height: 23px;
    width: 50px;
    display: flex;
    flex-shrink: 0;
}

.locate_new p {
    color: #9F9F9F;
    font-size: 14px;
    font-family: 'NexaBo', sans-serif;
    margin-bottom: 0;
}

.main_small {
    height: 15px !important;

}

.abt-sec p {
    text-align: center;
    line-height: 2;
    color: #717171;
    font-family: 'NexaLight', sans-serif;
    font-size: 16px;

}

.border-top-red {
    border-top: 1px solid red;
    margin-bottom: 10px;
    display: none;
}

.border-bottom-red {
    border-top: 1px solid red;
    margin-top: 10px;
    display: none;
}

.rental-box h4 {
    font-size: 25px;
    font-weight: 700;
    color: #717171;
    font-family: 'NexaBold', sans-serif;
}

.rental-box p {
    font-size: 15px;
    color: #717171;
    font-family: 'NexaLight', sans-serif;
    line-height: 30px;

}


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

.tech_btn_flex {}

.tech_btn_flex p {
    padding: 0 20px;
    margin: 0;
}

.wtsp-icon i {
    /* font-size: 35px;
    padding-left: 16px;
    color: black; */
}

.wtsp-icon {
    /* color: black; */
}

.ABT_ROWW h4 {
    font-size: 35px;
    font-family: 'NexaBold', sans-serif;
}

.ABT_ROWW h4 span {
    color: #ED2024;
    font-family: 'NexaBold', sans-serif;

}

.font_small {
    font-size: 20px;
    font-family: 'NexaLight', sans-serif !important;
    color: #999999 !important;

}

.ABT_ROWW p {
    font-size: 17px;
    font-family: 'NexaLight', sans-serif;
    color: #565656;
    line-height: 2;
    text-align: left;
    padding-top: 20px;

}


.team_Strengh_sec p {
    font-size: 14px;

}

.sectors_svg_icons h5 {
    font-size: 25px;
    color: #ED2024;
    font-family: 'NexaBold', sans-serif;
    letter-spacing: 4px;
}


.sectors_svg_icons svg {
    width: 75px;
}

.arow_Sec_col {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.y_quote-Sec h4 {
    font-size: 47px;
    font-family: 'NexaBold', sans-serif;
    color: white;
    text-align: center;
    padding-bottom: 10px;
}

.y_quote-Sec p {
    font-size: 18px;
    font-family: 'NexaLight', sans-serif;
    color: white;
    text-align: center;
    font-weight: 200;
}

.y-img {
    text-align: center;
    padding: 50px;
}

.y-img img {
    width: 60%;
}

.vision_section {
    background-color: #f9f9f9;
}

.vision_head h3 {
    font-size: 47px;
    font-family: 'NexaBold', sans-serif;
    color: #606161;
    text-align: left;
    margin-bottom: 0;
}

.vision_head h3 span {
    color: #ED2024;
    ;
}

.vision_head {
    display: flex;
}

.vision_head img {
    width: 45px;
    margin-left: 20px;

}

.vision_section p {
    color: #212121;
    font-size: 18px;
    line-height: 2;
}



.vi_box {
    height: 100%;
}

.v_box_cont p {
    color: #212121;
    font-size: 15px;
    line-height: 2;
}

.v_box_cont {
    background-color: white;
    padding: 30px;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    height: calc(100% - 100px);
    position: relative;
}

.v_box_cont::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    width: 40px;
    height: 9px;
    background-color: #ED2024;
    right: 0;
    margin: auto;
}

.y_w h5 {
    font-size: 20px;
    font-weight: 600;
    font-family: 'NexaBold', sans-serif;
    text-align: center;

}

.y_w {
    padding-top: 75px;
}


.head-Line_contact {
    display: flex;
    align-items: end;
}

.head-Line_contact .li {
    width: 100%;
    width: 100%;
    height: 1px;
    background: red;
}

.head-Line_contact h3 {
    width: fit-content;
    font-size: 47px;
    font-family: 'NexaBold', sans-serif;
    color: #606161;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0px;
    line-height: 31px;
}

.location_new {
    display: flex;
}

.location_new p {
    font-size: 16px;
    font-family: 'NexaLight', sans-serif;
    color: #606161;
    margin-left: 20px;
}

.Pdet_sec {
    background-color: #FAF9FA;
}

.p_detail_head h3 {
    font-family: 'NexaBold', sans-serif;
    font-size: 40px;
    color: #595959;

}

.product-detail-flex p {
    text-align: end;
}

/* footer {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
} */

.quotaion_div {
    display: flex;
}

.y_quote-Sec h4 {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}


.offer_sec {
    background-color: #2B2C2C;
}

.offer_sec h3 {
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    font-family: 'NexaBold', sans-serif;
}

.offer_sec p {
    font-size: 18px;
    font-family: 'NexaLight', sans-serif;
    color: #ffffff;
    line-height: 2;
    text-align: left;
    padding-top: 20px;
}

.offering_col .offfer-Line {
    width: 20px;
    height: 20px;
    background-color: #ED2024;
}
.offering_col{
    width: 75%;
}
.offering_col h5 {
    color: #FFF;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    font-family: 'NexaBold', sans-serif;
    padding-top: 20px;
}
.offering_col p{
    font-size: 16px;
    font-family: 'NexaLight', sans-serif;
    color: #ffffff;
    line-height: 2;
    text-align: left;
    padding-top: 20px;
}
.focus_sec h4{
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    font-family: 'NexaBold', sans-serif;
    padding-top: 20px;
}
.focus_sec p{
    font-size: 17px;
    font-family: 'NexaLight', sans-serif;
    color: #000000;
    line-height: 2;
    text-align: left;
    padding-top: 20px;
}
.focus_box{
    width: 80%;

}
.focus_col{
    position: relative;
}
.focus_col::after{
    position: absolute;
    content: "";
    top: 0;
    right: 39px;
    width: 2px;
    height: 100%;
    background: linear-gradient(45deg, #f4f1f1, #7d7b7b, #f7f7f7);
}
.faciliti_sec h3{
    color: #0e0e0e;
    font-size: 35px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    font-family: 'NexaBold', sans-serif;
    padding-top: 20px; 
}
.dubai_box{
    background-color: #ededed;
    padding: 50px;
}
/* .dubai_box h3{
    color: #0e0e0e;
    font-size: 35px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    font-family: 'NexaBold', sans-serif;
    padding-top: 20px; 
}
.dubai_box p{
    font-size: 17px;
    font-family: 'NexaLight', sans-serif;
    color: #000000;
    line-height: 2;
    text-align: center;
    padding-top: 20px;
} */
.riyad_box{
    background-color: #dcdcdc;
    padding: 50px;
    height: 100%;
}

.riyad_box h3{
    color: #0e0e0e;
    font-size: 35px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    font-family: 'NexaBold', sans-serif;
    padding-top: 20px; 
}
.riyad_box p{
    font-size: 17px;
    font-family: 'NexaLight', sans-serif;
    color: #000000;
    line-height: 2;
    text-align: center;
    padding-top: 20px;
}
.vis_head_p{
    text-align: left !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.add_img img{
    width: 100%;
    height: auto;
}

.alert-primary{
    background: #ed2024;
    color: white;
    font-size: 19px;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 350px;
    border-radius: 10px !important;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 7px;
    right: 6px;
    z-index: 2;
    padding: 1.25rem 1rem;
    background: white;
    color: black;
    opacity: 1;
    width: 20px;
    height: 20px;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.pr_detail_sec table{
    border: none !important; 
}
.pr_detail_sec .table-bordered>:not(caption)>*{
    border: none !important; 

}
.pr_detail_sec .table-bordered>:not(caption)>*>*{
    border: none !important; 

}



.form_bg .col-lg-4{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wtspBtn{
    border-radius: 10px 0px;
    background: var(--Primary-Colour, #2D2D2D);
    border: 0;
    color: rgb(255, 255, 255);
    padding: 7px 39px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2px;
    width: fit-content;
}
.vi_box_h4{
    font-size: 20px;
    font-weight: 600;
    font-family: 'NexaBold', sans-serif;
    color: #ED2024;
    text-align: center;
    height: 80px;
}
.locationHead{
    font-weight: 600;
    color: #616060bd;
    margin-bottom: 20px;
}
.focus_col:last-child.focus_col::after{
    display: none;
}


.NEW_UAE h5{
    font-size: 13px;
    font-weight: 600;
    color: grey;
}
.new_h5{
    font-size: 13px;
    font-weight: 600;
    color: grey;
}
.indivual_line::after{
    right: -440px !important;
    bottom: 8px;
    width: 438px;
}


.new_facility h3{
    color: #0e0e0e;
    font-size: 23px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    font-family: 'NexaBold', sans-serif;
    padding-top: 20px;
}
.new_facility h5{
    text-align: center;
    color: #ed2024;
}

.pr-flexx{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pr_detail_sec{
    padding-top: 10px;
}
.new_center{
    background-color: #b8b8b8;
}
.new_center h3{
color: white;
}

.new_center hr{
    background-color: white;
}