* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* Media Queries  */

@media only screen and (min-width: 1500px) and (max-width: 2000px) {
    .mobile-enquery-number {
        display: none !important;
    }
    .main-image-carousel {
        height: 800px;
    }
    .nav-flex-icons {
        margin-right: 107px;
    }
    .timeline-horizontal {
        list-style: none;
        padding: 100px !important;
        position: relative;
    }
    .timeline-column {
        padding: 100px !important;
    }
    .timeline {
        padding-left: 146px;
    }
    .timeline .arrows {
        display: none;
    }
    .our-projects-main-heading {
        margin-bottom: 50px;
        font-weight: bolder;
        font-size: 40px !important;
    }
    .about-paragraph-column h1 {
        font-size: 20px !important;
        color: #797878;
    }
    .about-paragraph-column p {
        font-size: 17px !important;
        color: #797878;
    }
}


/* --------------------------------------Laptop 13 inches---------------------------------  */

@media only screen and (min-width: 1300px) and (max-width: 1499px) {
    .nav-flex-icons {
        margin-right: 107px;
    }
    .mobile-enquery-number {
        display: none !important;
    }
    .main-image-carousel {
        height: 800px;
    }
    .about-paragraph-column {
        width: 38%;
        background-color: rgb(245, 244, 243);
        height: 256px;
        padding: 28px;
        margin-top: 75px !important;
        margin-left: -75px;
        border-radius: 15px;
        box-shadow: 0 5px 10px rgb(130 131 126 / 88%), 0 7px 14px rgb(238 235 34 / 10%) !important;
    }
    .about-image {
        margin-left: 80px;
    }
    /* .about-paragraph-column {
        height: 272px;
        padding: 28px;
        margin-top: 58px !important;
    } */
    .about-column-heading {
        font-size: 15px !important;
    }
    .about-paragraph-column p {
        font-size: 14px !important;
        color: #797878;
    }
    /* --------------------------Award Winning Starts here ----------------------- */
    .award-winning-image {
        width: 100%;
        height: 675px;
    }
    .award-winning-column {
        padding-top: 137px !important;
        background-color: black !important;
        padding: 40px;
        margin-left: -12px;
    }
    .award-winning-paragraph {
        text-align: justify;
        color: #7b818f;
        font-size: 16px;
    }
    /* ------------------------------------- Our Projects Section Starts here ------------  */
    .our-projects-container-1 {
        padding-left: 31px !important;
        /* margin-top: 50px !important; */
    }
    .our-projects-main-heading {
        margin-bottom: 50px;
        font-weight: bolder;
        font-size: 40px !important;
    }
    .our-projects-container-2 {
        padding-left: 31px;
    }
    .flip-card {
        background-color: transparent;
        width: 333px;
        height: 241px !important;
        border: 10px solid #dc354566 !important;
        perspective: 1000px;
    }
    .project-images {
        height: 233px !important;
        width: 326px!important;
    }
    /* ------------------------------------- Our Process Section Starts here ------------  */
    .timeline {
        padding-left: 0px;
    }
    /* ------------------------------------- Career Section Starts here ------------  */
    .career-section-main-container {
        padding-left: 103px;
    }
    .career-section-image {
        height: 300px;
        margin-left: 26px;
    }
    .career-section-button {
        /* padding: -4px 0px !important; */
        width: 49%;
    }
    /* ------------------------------------- Testimonial Section Starts here ------------  */
    .testimonial-carousel {
        margin-top: 120px;
        height: 557px !important;
    }
    /* ------------------------------------- Clientele Section Starts here ------------  */
    .clientele-slide-image {
        height: 241px !important;
    }
    .career-section-text-container {
        padding-left: 250px;
        padding-top: 65px;
    }
}


/* ---------------------------------Tab Responsive 768px--------------------------------------  */

@media only screen and (min-width: 1024px) and (max-width: 1299px) {
    /* ---------------------------------Top Navbar--------------------------------------  */
    .enquiry-button-top-nav {
        margin-left: 16px;
        margin-top: 10px;
    }
    .nav-flex-icons {
        margin-right: 67px;
    }
    .mobile-enquery-number {
        display: none !important;
    }
    /* ---------------------------------Top Navbar--------------------------------------  */
    .logo {
        height: 79px;
        margin-left: -15px;
    }
    /* ---------------------------------About Us Section--------------------------------------  */
    .about-image {
        height: 303px;
        margin-left: 50px;
    }
    .about-paragraph-column {
        height: 352px;
        margin-top: 78px !important;
        margin-left: -55px;
        padding: 13px;
    }
    /* ---------------------------------Award Winning Section--------------------------------------  */
    .award-winning-image {
        height: 543px;
    }
    .award-winning-column {
        padding-top: 35px !important;
    }
    .award-winning-paragraph-heading {
        font-size: 30px;
        font-weight: bolder;
        margin-bottom: 50px;
    }
    .award-winning-paragraph {
        font-size: 15px;
    }
    .award-winning-button {
        width: 57%;
    }
    /* ---------------------------------Our Project Section--------------------------------------  */
    .our-projects-main-container {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .flip-card {
        height: 222px;
        width: 280px;
    }
    .project-images {
        height: 222px !important;
        width: 280px !important;
    }
    .our-projects-main-heading {
        margin-bottom: 70px !important;
        font-weight: bolder !important;
        font-style: 40px;
    }
    .our-projects-button {
        padding: 17px 62px;
    }
    /* ---------------------------------Timeline Section--------------------------------------  */
    .timeline {
        padding-left: 24px;
    }
    /* ---------------------------------Career Section--------------------------------------  */
    .career-section-image {
        height: 264px;
        margin-left: 23px;
    }
    .career-section-text-container {
        padding-left: 205px;
        padding-top: 56px;
        padding-bottom: 54px;
    }
    .career-section-column2 {
        margin-left: 50px;
    }
    .career-section-button {
        width: 50%;
    }
    /* ---------------------------------Clientele Section--------------------------------------  */
    .clientele-slide-image {
        height: 143px !important;
    }
    /* ---------------------------------Contact Form Section--------------------------------------  */
    .form-row-contact {
        padding-top: 111px;
        padding: 42px;
    }
    .form-row-main {
        padding: 121px 20px;
    }
    .mobile-footer-links {
        margin-left: -50px;
    }
    .mobile-footer-icons {
        margin-left: -27px;
    }
    .footer-copyright {
        margin-left: 18px;
    }
}


/* ---------------------------------Tab Responsive 768px--------------------------------------  */

@media only screen and (min-width: 501px) and (max-width: 1023px) {
    /* ---------------------------------Top Navbar--------------------------------------  */
    .enquiry-button-top-nav {
        margin: auto;
        margin-top: 10px;
    }
    /* .mobile-enquery-number {
        display: none;
    } */
    /* ---------------------------------About Us Section--------------------------------------  */
    .about-image {
        height: 303px;
        margin-left: 50px;
    }
    .about-paragraph-column {
        height: 352px;
        margin-top: 78px !important;
        margin-left: -55px;
        padding: 13px;
    }
    /* ---------------------------------Award Winning Section--------------------------------------  */
    .award-winning-image {
        height: 543px;
    }
    .award-winning-column {
        padding-top: 35px !important;
    }
    .award-winning-paragraph-heading {
        font-size: 30px;
        font-weight: bolder;
        margin-bottom: 50px;
    }
    .award-winning-paragraph {
        font-size: 15px;
    }
    .award-winning-button {
        width: 70%;
    }
    /* ---------------------------------Our Project Section--------------------------------------  */
    .flip-card {
        height: 157px;
        width: 206px;
    }
    .our-projects-main-container {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .project-images {
        height: 152px !important;
        width: 200px !important;
    }
    .our-projects-main-heading {
        margin-bottom: 50px !important;
        font-weight: bolder !important;
    }
    .our-projects-button {
        padding: 17px 62px;
    }
    /* ---------------------------------Timeline Section--------------------------------------  */
    .timeline {
        padding-left: 24px;
    }
    /* ---------------------------------Career Section--------------------------------------  */
    .career-section-image {
        height: 264px;
        margin-left: 23px;
    }
    .career-section-text-container {
        padding-left: 205px;
        padding-top: 56px;
        padding-bottom: 54px;
    }
    .career-section-column2 {
        margin-left: 50px;
    }
    .career-section-button {
        width: 69%;
    }
    /* ---------------------------------Clientele Section--------------------------------------  */
    .clientele-slide-image {
        height: 143px !important;
    }
    /* ---------------------------------Contact Form Section--------------------------------------  */
    .form-row-contact {
        padding-top: 111px;
        padding: 42px;
    }
    .form-row-main {
        padding: 121px 20px;
    }
    .mobile-footer-links {
        margin-left: -50px;
    }
    .mobile-footer-icons {
        margin-left: -27px;
    }
    .footer-copyright {
        margin-left: 18px;
    }
}


/* -----------------------------------------------------------------------  */

@media only screen and (min-width: 200px) and (max-width: 500px) {
    body {
        overflow-x: hidden !important;
    }
    html {
        overflow-x: hidden !important;
    }
    /* --------------------------------------Top Navbar---------------------------------  */
    .top-navbar-social-icons {
        display: none;
    }
    .top-nav-container-number {
        display: none;
        /* margin-left: -125px;
        letter-spacing: 1px; */
    }
    .top-nav-container-second {
        display: none;
    }
    .main-nav-container {
        width: 100% !important;
        padding: 11px 8px !important;
    }
    .enquiry-button-top-nav {
        margin: auto;
        margin-top: 14px;
    }
    .mobile-enquery-number {
        color: rgb(248, 244, 242);
        margin: auto !important;
        font-size: 19px !important;
        letter-spacing: 3px;
    }
    /* --------------------------------------logo styling---------------------------------  */
    .logo {
        height: 48px;
    }
    .main-image-carousel {
        height: 250px;
    }
    /* -----------------------------------First Contact Stripe------------------------------------  */
    .first-contact-stripe-submit-button {
        margin-top: 20px;
    }
    .first-contact-stripe-sub-heading {
        margin-bottom: 20px;
    }
    /* -----------------------------------About Section------------------------------------  */
    .about-image {
        margin-left: 2px;
    }
    .about-paragraph-column {
        height: 420px;
        padding: 35px;
        margin-top: 58px !important;
        margin-left: 18px;
        width: 90%;
    }
    .about-read-more {
        margin-bottom: 10px;
    }
    .award-winning-column {
        padding-top: 69px !important;
        margin-left: 0px;
        width: 97% !important;
    }
    .award-winning-paragraph {
        font-size: 15px;
    }
    .award-winning-button {
        width: 90%;
        margin-left: 17px;
    }
    /* ---------------------------------Our Services Section--------------------------------------  */
    .our-projects-main-container {
        background-color: #e7f3b3f0 !important;
    }
    .our-services-container-1 {
        margin-top: 20px !important;
        padding-left: 31px;
    }
    .our-projects-main-heading {
        margin-bottom: 50px;
        font-weight: bolder;
    }
    /* ---------------------------------Project Section--------------------------------------  */
    .our-projects-main-container {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .project-images {
        height: 189px !important;
        width: 250px!important;
    }
    .our-projects-container-2 {
        margin-top: 15px !important;
    }
    .flip-card {
        background-color: transparent;
        width: 250px;
        height: 189px;
        border: 10px solid #f1f1f1;
        perspective: 1000px;
        /* Remove this if you don't want the 3D effect */
    }
    .projects-column-mobile {
        margin-left: 50px;
    }
    .projects-mobile-cards {
        margin-top: 40px !important;
    }
    /* ---------------------------------Career Section--------------------------------------  */
    .career-section-main-container {
        margin-top: 45px;
    }
    .career-section-text-container {
        padding-left: 33px;
        padding-top: 86px;
        padding-bottom: 69px;
    }
    /* .timeline {
        padding-left: 0px !important
    } */
    .career-section-paragraph {
        font-weight: normal;
        color: white;
        padding-right: 9px;
    }
    .career-section-image {
        height: 254px !important;
        margin-left: 45px;
    }
    .career-section-button {
        width: 90%;
    }
    /* ---------------------------------Testimonial Section--------------------------------------  */
    .testimonial-carousel {
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }
    .textimonial-slider-main-container {
        padding-bottom: 100px !important;
    }
    .textimonial-mobile-hider {
        display: none !important;
    }
    .testimonial-paragraph {
        font-size: 12px !important;
    }
    .textimonial-mobile-hider {
        display: none !important;
    }
    .clientele-slide-image {
        height: 172px !important;
    }
    /* ---------------------------------Contact Section--------------------------------------  */
    .form-row-contact-heading {
        font-size: 40px;
        font-weight: bolder;
        letter-spacing: 3px !important;
    }
    .contact-form-input {
        padding: 20px 10px;
        border-radius: 10px;
        border: 1px solid orange;
        width: 100%;
    }
    .mobile-enquiry-setting {
        padding: 0px !important;
    }
    #inputGroupFileAddon04 {
        display: none;
    }
    /* ---------------------------------Footer Section--------------------------------------  */
    .mobile-footer-links {
        /* margin-left: -36px; */
        display: flex !important;
        flex-direction: column !important;
        margin: auto !important;
        justify-content: center;
    }
    .mobile-footer-icons {
        margin-left: -43px;
    }
    .footer-main-links {
        margin-left: 0px !important;
        text-decoration: none !important;
        font-size: 22px !important;
        color: white;
        margin-top: 30px !important;
        /* text-align: center !important; */
    }
    .footer-links-bullets {
        margin-top: 10px;
        text-align: center;
        margin-left: -15px;
    }
    .footer-social-links {
        list-style: none;
        font-size: 16px !important;
        margin-top: 24px !important;
        margin-left: 13px !important;
    }
    .footer-main-container {
        padding-top: 62px !important;
        padding-bottom: 41px !important;
        background-color: black;
    }
    .footer-copyright {
        color: grey;
        text-align: center !important;
        margin-top: 24px !important;
        font-size: 13px !important;
        margin-left: 2px !important;
    }
}


/* -----------------------------------------------------------------------  */