body {
    margin: 0px;
    padding: 0px;
    font-family: "Frutiger";
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none !important;
}

a:active {
    color: green;
}

a:hover {
    text-decoration: none !important;
}

p {
    font-family: "Frutiger";
    font-size: 18px !important;
}

.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

::-webkit-scrollbar {
    width: 5px;
    border-radius: 16px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: #ed0101 !important;
}

.custom-container {
    width: 90%;
    margin: 0 5%;
    margin: 0 auto;
}

.stickybuttons {
    position: fixed;
    right: 0;
    top: 60%;
    z-index: 9;
}

.stickybuttons ul {
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.stickybuttons ul li {
    list-style-type: none;
    text-align: end !important;    
}

/* header starts ========================================*/

.navbar-container {
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    position: fixed;
    background-color: #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: flex;
    align-items: center;
    justify-content: center !important;
}

.navbar {
    padding: 0 !important;
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
}

.navbar-logo {
    max-height: 70px;
}

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

.navbar-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

.navbar .nav-link {
    height: 100%;
    width: 130px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #1c1c1c;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.nav-item .dropdown-menu .dropdown-item.active {
    color: #e2001a;
    background-color: #ffffff;
}

.navbar .nav-link.active {
    background-color: #ed0101;
    color: #ffffff;
}

.navbar .nav-link:hover {
    background-color: #ed0101;
    color: #ffffff;
    transition: 0.2s;
}

.searchBtn {
    height: 100%;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.side-navbar .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    margin-top: -1px;
    border-radius: 0;
    /* background-color: #1c1c1cb4; */
    background-color: #ffffff;
}

.navbar .dropdown-item {
    /* color: #ffffff; */
    color: #000000;
    font-size: 18px;
    text-align: left;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #eeeeee;
}

.navbar-toggler {
    display: none;
}

.navbar .dropdown-item:hover {
    /* background-color: #e2001a; */
    color: #e2001a;
}

.socilicon img {
    border-radius: 50% !important;
    transition: 0.2s;
}

.socilicon img:hover {
    background-color: #e2001a;
    transform: scale(1.1);
    transition: 0.2s;
}

.box1Bot a:hover {
    color: #ff475d !important;
}

.mobView {
    display: none !important;
}

@media screen and (max-width: 1199px) {
    .webView {
        display: none !important;
    }

    .mobView {
        display: block !important;
    }

    .navbar-toggler {
        display: block;
    }

    .side-navbar {
        position: absolute;
        background-color: #eeeeee;
        height: calc(100vh - 90px);
        top: 90px;
        padding: 1rem;
        width: 300px;
    }

    .navbar .navbar-nav {
        width: 100%;
    }

    .navbar .navbar-nav .nav-item {
        width: 100%;
    }

    .navbar .searchBtn,
    .navbar .nav-link {
        height: 60px;
        padding: 1rem !important;
        width: 100%;
        text-decoration: none;
        justify-content: flex-start;
        transition: 0.2s;
        border-bottom: 1px solid #999999;
    }

    #sidenav {
        right: -360px;
        transition: right 0.3s ease-in-out;
    }
}

@media screen and (max-width: 600px) {
    .navbar-logo {
        max-height: 50px;
    }
}

/* ======Navbar End===================== */
/* Search Start========================= */
.searchBox {
    position: fixed;
    left: 39%;
    top: 0px;
    padding: 1rem;
    width: auto;
    height: auto;
    display: none;
    flex-direction: column;
    align-items: center;
    background-color: #0000005e;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10000;
}

.searchInput {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.searchInput img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.searchInput input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
    background: transparent;
}

.searchInput input::placeholder {
    color: #aaa;
}

#close {
    cursor: pointer;
}

.searchResults {
    margin-top: 15px;
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    width: 100%;
    max-width: 600px;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.searchResult {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    transition: background 0.3s ease;
    cursor: pointer;
}

.searchResult:hover {
    background: #f8f8f8;
}

.searchResult p {
    font-size: 14px;
    margin: 5px 0 0;
    color: #666;
}

.searchBox .searchInput img:last-of-type {
    margin-left: 10px;
}

.searchResults::-webkit-scrollbar {
    width: 6px;
}

.searchResults::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.searchResults::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

.searchBox.active {
    display: flex;
}

@media screen and (max-width: 1440px) {
    .searchBox {
        left: calc(50% - 200px);
        top: 90px;
    }

    .featureEnquiryNow {
        font-size: 16px !important;
        padding: 10px 40px !important;
    }
}

@media screen and (max-width: 1199px) {
    .searchBox {
        left: calc(50% - 250px);
    }
}

@media screen and (max-width: 600px) {
    .searchBox {
        left: auto;
        width: 100%;
    }
}

/* Search End============================ */
.GoTop {
    position: fixed;
    z-index: 9;
    bottom: 20px;
    right: 20px;
}

.red {
    color: #ed0101;
}

.navdesk {
    padding: 60px 0 20px 0px;
}

.registerBtn a {
    display: block;
    margin: 0 auto;
}

.last {
    border-bottom: none !important;
}

.btn-custom {
    background: #eb2024 !important;
    color: #ffffff;
    padding: 5px 10px;
}

/* header ends */

/* section 1 starts */
.sec1 {
    padding: 0px;
    margin: 0px;
}

.bannerText {
    position: absolute;
    z-index: 2;
    top: 35%;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 80%;
    text-align: right;
}

.bannerText h2, .bannerText h1 {
    color: #ffffff;
    font-family: "Frutiger";
    font-size: 64px;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
}

.bannerText h2 span:first-child {
    color: #ed0101;
}

.bannerText ul {
    margin: 40px 0 0 0;
    padding: 0;
}

.bannerText ul li {
    list-style-type: none;
    transition: 0.3s;
    display: inline-block;
    padding: 10px 50px;
    background: #e2001a;
    margin-right: 20px;
}

.bannerText ul li:hover {
    background: #ed0101;
}

.bannerText ul li a {
    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    display: inline-block;
}

.home_banner .slick-prev {
    top: 46%;
    position: absolute;
    left: 20px;
    z-index: 9;
    content: "";
    border: none;
    width: 56px;
    height: 56px;
    background: none;
    font-size: 0;
    background: url("../../assets/images/prev.svg") no-repeat center center !important;
    background-size: cover !important;
}

.home_banner .slick-next {
    top: 46%;
    position: absolute;
    right: 20px;
    z-index: 9;
    content: "";
    border: none;
    width: 56px;
    height: 56px;
    background: none;
    font-size: 0;
    background: url("../../assets/images/next.svg") no-repeat center center !important;
    background-size: cover !important;
}

/* .home_banner .slick-next{ top: 40%; position: absolute; right: 20px; z-index: 9; } */

/* section 1 ends */

/* sec 2 starts */
.sec2 {
    padding: 60px 0px;
    color: #1c1c1c;
}

.sec2 a {
    background: #ffffff;
    display: block;
    max-width: 200px;
    border: 2px #000000 solid;
    border-radius: 30px;
    padding: 10px 10px;
    text-align: center;
    font-weight: bold;
    color: #eb2024 !important;
    transition: 0.3s;
    margin-bottom: 40px;
}

.sec2 a:hover {
    background: #000000;
    border: 2px #fff solid;
}

.sec2 p {
    font-optical-sizing: auto;
    font-size: 18px !important;
    font-weight: 500;
    max-width: 90%;
    font-style: normal;
    padding-bottom: 15px;
    font-variation-settings: "wdth" 100;
}

.sec2Left {
    padding-top: 20px;
}

.sec2Left h2 {
    font-size: 64px;
    max-width: 700px;
    font-weight: 600;
    line-height: 100%;
    padding-bottom: 15px;
}

.sec2Left h2 span {
    color: #1c1c1c;
    display: block;
    padding-bottom: 5px;
    font-weight: normal;
}

/* sec 2 ends */

/* sec 5 starts */
.sec5 {
    padding: 30px 0px;
}

.sec5 h2 {
    font-size: 72px;
    font-weight: 500;
    margin-bottom: 40px;
    display: block;
    text-align: center;
}

/* .sec5 h1{ font-size: 64px; font-weight: 500; margin-bottom: 40px; } */

.box1 {
    border-radius: 20px;
    background: #fff;
    margin-bottom: 50px;
    box-shadow: 0px 23px 80px 0px rgba(0, 0, 0, 0.07),
        0px 9.609px 33.422px 0px rgba(0, 0, 0, 0.05),
        0px 5.137px 17.869px 0px rgba(0, 0, 0, 0.04),
        0px 2.88px 10.017px 0px rgba(0, 0, 0, 0.04),
        0px 1.53px 5.32px 0px rgba(0, 0, 0, 0.03),
        0px 0.636px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.box1Top {
    border-radius: 30px;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
}

.box1 .box1Top {
    border-radius: 0;
    background: none;
    margin-bottom: 20px;
    box-shadow: none;
}

.box1 .box1Top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box1Bot {
    padding: 0 15px 40px 15px;
    text-align: center;
}

/* .box1Bot img{ margin: 0 auto 20px auto !important; display: block; } */
.box1Bot h3 {
    text-align: center;
    color: #e2001a;
    font-family: "Frutiger";
    font-weight: bold;
    font-size: 32px;
}

.box1Bot a {
    color: #e2001a;
    font-weight: bold;
    text-align: center;
    font-family: "Frutiger";
    font-size: 20px;
    text-decoration-line: underline;
    text-transform: uppercase;
}

.box1Bot a:hover {
    color: #e2001a;
}

.box1Bot p {
    font-size: 18px !important;
    width: 90%;
    margin: 15px auto 30px auto;
    height: 80px;
    overflow: auto;
    padding: 0 10px 10px 10px;
}

/* sec 5 ends */

/* footer starts */
.footer {
    position: relative;
    padding: 60px 0 60px 0px;
    background: #353535;
    font-family: "Frutiger";
}

.footer h2 {
    color: #ffffff;
    padding-bottom: 12px;
    font-size: 26px;
    position: relative;
    margin-bottom: 30px;
    font-weight: 700;
}

.footer h2:after {
    content: "";
    height: 2px;
    background-color: white;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 160px;
}

/* .focusareas h2:after{ height: 0 !important; } */
.footer ul {
    padding: 0 0 20px 0px;
}

.footer ul li {
    list-style-type: none;
    padding-bottom: 10px;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
}

.footer ul li a {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
}

.viewmap {
    color: #e2001a !important;
    text-decoration: underline;
}

.focusareas {
    text-align: right;
}

.footer ul li a:hover {
    color: #ed0101;
}

.footer p {
    color: #ffffff;
    padding-bottom: 30px;
    font-size: 16px;
}

.footerMid ul li {
    background: url("../../assets/images/location.png") no-repeat 10px top;
    padding: 0 45px 10px 45px;
    font-weight: bold;
}

.footerMid ul li:nth-child(2) {
    background: none;
    font-weight: normal;
    padding-bottom: 15px;
}

.footerMid ul li:nth-child(3) {
    background: url("../../assets/images/phone-call.png") no-repeat 10px top;
    font-weight: normal;
}

.footerMid ul li:nth-child(3) a {
    text-decoration: underline;
}

.footerMid ul li:nth-child(4) {
    background: url("../../assets/images/email.png") no-repeat left top;
    font-weight: normal;
    padding-top: 5px;
}

.footerMid ul li:nth-child(4) a {
    text-decoration: underline;
}

.footerbot {
    padding: 10px 0px;
    color: #fff;
    background: #2b2b2b;
    text-align: center;
    font-family: "Frutiger";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 22px; /* 110% */
}

.socilicon li {
    background: none !important;
    padding: 0 5px !important;
    display: inline-block;
    font-weight: bold;
}

/* footer ends */

@media only screen and (max-width: 1800px) {
    .bannerText h2, .bannerText h1 {
        font-size: 60px;
    }

    .sec2 p {
        max-width: 100%;
    }

    .sec5 h2 {
        font-size: 64px;
    }
}

@media only screen and (max-width: 1650px) {
    .bannerText h2, .bannerText h1 {
        font-size: 54px;
    }

    .footer h2 {
        font-size: 19px;
        width: 230px;
    }

    .sec2Left h2 {
        font-size: 52px;
        padding-bottom: 20px;
    }

    .sec2 {
        padding: 60px 0 60px 0px;
    }

    .sec5 h2 {
        font-size: 60px;
    }

    .sec2 .paraScroll {
        max-width: 100%;
        height: 350px;
        overflow: auto;
    }
}

@media only screen and (max-width: 1500px) {
    .sec2 .paraScroll {
        height: 300px;
    }
}

@media only screen and (max-width: 1366px) {
    .sec2Left h2 {
        font-size: 40px;
    }

    .sec5 h2 {
        font-size: 54px;
    }

    /* fonts sizes */
    .bannerText h2, .bannerText h1 {
        font-size: 54px;
    }

    .sec2Left h2 {
        font-size: 46px;
    }

    .sec5 h4 {
        font-size: 36px;
    }

    .sec5 h1 {
        font-size: 48px;
    }

    .sec6 h1 {
        font-size: 214px;
    }

    .sec6 h4 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1270px) {
    .bannerText h2, .bannerText h1 {
        font-size: 52px;
    }

    .bannerText h2, .bannerText h1 {
        font-size: 46px;
    }

    .footer {
        padding: 90px 0 70px 0px;
    }

    .footerlogo {
        display: none;
    }

    .sec5 h2 {
        font-size: 48px;
    }

    .sec2 .paraScroll {
        height: 250px;
    }
}

@media only screen and (max-width: 1199.98px) {
    .footerMid {
        border-left: none;
        padding-left: 15px !important;
    }

    .footerRight ul {
        padding: 0;
    }

    .footerRight ul li {
        padding: 6px 6px;
        display: inline-block;
    }

    .logo1 div,
    .logo2 div {
        margin: 0 10px !important;
    }

    /* fonts sizes */
    .bannerText h2, .bannerText h1 {
        font-size: 36px;
        padding-left: 5%;
    }

    .bannerText ul {
        padding-left: 5%;
    }

    .sec2Left h2 {
        font-size: 38px;
    }

    .sec5 h2 {
        font-size: 42px;
    }

    .sec5 h4 {
        font-size: 36px;
    }

    .sec5 h1 {
        font-size: 48px;
    }

    .sec6 h1 {
        font-size: 214px;
    }
}

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

    /* .header {
        padding: 0 0 20px 0px;
    } */
    /* fonts sizes */
    .bannerText h2, .bannerText h1 {
        font-size: 38px;
    }

    .bannerText ul li {
        padding: 10px 30px;
    }

    .sec2Left h2 {
        font-size: 38px;
    }

    .sec5 h4 {
        font-size: 32px;
    }

    .sec5 h1 {
        font-size: 40px;
    }

    .sec2 img {
        margin-bottom: 30px;
    }

    .sec2 {
        padding: 60px 0 30px 0px;
    }

    .sec2 .paraScroll {
        height: 200px;
    }
}

@media screen and (max-width: 991px) {
    .sec2 .paraScroll {
        height: auto;
    }
}

@media only screen and (max-width: 900px) {
    .bannerText h2, .bannerText h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .newsBoxOuter {
        margin-bottom: 40px;
    }

    /* fonts sizes */
    .bannerPic {
        height: auto;
    }

    .bannerText h2, .bannerText h1 {
        font-size: 36px;
    }

    .bannerText ul li {
        padding: 5px 20px;
        margin-bottom: 10px;
    }

    .bannerText ul li a {
        font-size: 18px;
    }

    .sec2 {
        padding: 30px 0 60px 0px;
    }

    .sec2 p {
        max-width: 100%;
        height: auto !important;
    }

    .sec2Left h2 {
        font-size: 28px;
        max-width: 84%;
    }

    .footer {
        padding: 40px 0 30px 0px !important;
    }

    .home_banner .slick-prev {
        top: 50%;
    }

    .home_banner .slick-next {
        top: 50%;
    }

    .logo img {
        max-width: 228px;
    }

    .footerbot {
        font-size: 16px;
    }

    .footer h2 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .home_banner .slick-next {
        top: 41%;
        height: 24px;
        width: 24px;
    }

    .home_banner .slick-prev {
        top: 41%;
        height: 24px;
        width: 24px;
    }
}

@media only screen and (max-width: 520px) {
    .bannerPic {
        height: auto;
    }

    .bannerText h2, .bannerText h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .sec2 {
        padding: 30px 0px;
    }

    .footer {
        padding: 40px 0 30px 0px !important;
    }

    .bannerText ul {
        margin-top: 20px;
    }

    .sec5 h2 {
        font-size: 32px;
    }

    .focusareas img {
        max-width: 250px;
    }

    .bannerText ul li a {
        font-size: 16px;
    }

    /* .focusareas img{ width: 300px !important; } */
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    font-family: "Frutiger";
}

.mt90px {
    margin-top: 80px !important;
}

/* ================================== */
.inquereForm {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    overflow-y: auto;
    display: none;
    justify-content: center;
    align-items: center;
    background: #00000056;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.inquereForm.active {
    display: flex;
}

.inquereForm .contact-form {
    width: 100%;
    max-width: 400px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.inquereForm .contact-form .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inquereForm .contact-form button {
    display: block;
    background-color: #e2001a;
    border: none;
    height: 45px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    width: 100%;
}

.disp {
    display: block;
}

.disp1 {
    display: none;
}

@media screen and (max-width: 991px) {
    .stickybuttons {
        background-color: #e2001a;
        top: auto;
        right: auto;
        width: 100%;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .stickybuttons ul {
        display: flex;
        width: 80%;
        justify-content: space-between;
    }

    .footerbot {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 767px) {
    .custom-css {
        display: flex;
    }

    .disp {
        display: none;
    }

    .disp1 {
        display: block;
    }
}

.enquireNowBtn {
    width: 200px;
    height: 50px;
    border-radius: 30px;
    background-color: #e2001a;
    color: #f3f3f3;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.enquireNowBtn:hover {
    color: #f3f3f3;
}

.featureEnquiryNow {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    border-radius: 8px;
    background: #E2001A;
    padding: 20px 40px;
    border: none;
    box-shadow: 0 0 14px -3px rgb(226 0 26);
}

.featureEnquiryNow:hover {
    color: #E2001A;
    background: #fff;
}