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

body {
    background-color: #101010 !important;
}

/* nav start */
.navbar {
    background: #101010;
    position: fixed !important;
    width: 100%;
    box-shadow: 0px 0px 10px 0px #454545;
    z-index: 1;
}

.navbar-brand img {
    width: 190px;
    height: auto;
}

.navbar-nav .nav-link {
    color: #cccccc !important;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: orange !important;
}

.navbar-nav .active {
    color: orange !important;
    font-weight: bold;
}

/* Button styles with smooth hover effect */
.b-a-call {
    background-color: white;
    border-radius: 50px;
    padding: 10px 20px;
    transition: background-color 0.5s ease, color 0.5s ease;
    /* Smooth transition */
}

.b-a-call a {
    color: #000000;
}

.b-a-call a:hover {
    text-decoration: none;
    color: #ffffff !important;
}

.b-a-call:hover {
    background-color: #FF9E0E;
    border: none;
    text-decoration: none;
}

/* nav end */
/* first section start */

.first_section {
    background-image: url(../IMG/dot.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.first-left {
    /* background-image: url(../IMG/round-left.png); */
    width: 100%;
}

.first_s_t {
    text-align: -webkit-center;
    padding-top: 150px;
}

.first_s_t h2 {
    font-size: 62px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

.first_s_t p {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    width: 84%;
}

.title_text {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    text-transform: capitalize;
}

/* first image section start */
/* Container and Slider Setup */
.first-project_image {
    text-align: center;
}

.first-project_image img {
    max-width: 1030px;
    height: 602px;
    border-radius: 20px;
    margin-top: 35px;
    margin-bottom: 130px;
}

/* first image section end */
/* first section End */
/* second section start */
.onr-img img {
    max-width: 100%;
    height: 100%;
    margin-top: -40px;
}

.about_onr-img img {
    max-width: 400px;
    height: 100%;
    margin-top: -70px;
}

/* .onr-bio h3 {
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 30px;
} */
.main_title {
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.onr-bio p {
    font-size: 20px;
    width: 100%;
    color: #ffffff;
    margin-bottom: 43px;
}

.onr-about-button:hover {
    /* box-shadow: 0 0 10px 10px rgb(255, 255, 255); */
    transition: all 0.3s ease-in-out;
    border: 2px solid #fff;
}

.onr-about-button {
    max-width: 140px;
    height: 56px;
    background-color: #FF7A00;
    border-radius: 110px;
    text-align: center;
    /* align-items: center;
    display: flex;
    justify-self: center; */
}

.onr-about-button a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
}

.form-control::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #fff;
}

.form-control::placeholder {
    color: #fff;
}

.onr-about-button a:hover {
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;

}

/* second section end */
/* services section start */
section.hero_sec {
    padding-top: 120px;
}

.hero_sec p {
    font-size: 18px;
    color: #FFFFFF;
}

.services_section {
    padding-top: 130px;
}

.meet_section {
    padding-top: 130px;
}

.services_lable a {
    background-color: #8B3200;
    color: #ffffff;
    border: 1px solid #FF7A00;
    border-radius: 60px;
    padding: 7px 8px;
    font-weight: 600;
}

.services_lable a:hover {
    color: #ffffff;
    text-decoration: none;

}

.services_lables a {
    background-color: #8B3200;
    color: #ffffff;
    border: 1px solid #FF7A00;
    border-radius: 60px;
    padding: 7px 8px;
    font-weight: 600;
}

.services_lables a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* Parth */
.service-card {
    padding: 15px 24px 15px 24px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #ffffff;
}

.service-card h4 {
    color: #ffffff;
}

.service-card ul {
    list-style: none;
    padding-left: 0;
}

.service-card ul li {
    display: flex;
    align-items: center;
    color: #ffffff7c;
}

.service-card ul li::before {
    content: '✔️';
    margin-right: 8px;
    color: #ffa500;
    border: 2px solid #ffa500;
    border-radius: 50%;
    padding: 5px;
    font-size: 7px;
    margin-bottom: 7px;
}

.view-all {
    color: #ffa500;
    text-align: right;
    margin-bottom: 20px;
}

.btn-servi {
    background-color: #8B3200;
    border: 2px solid #FF7A00;
    padding: 10px;
    border-radius: 35px;
    text-decoration: none;
    color: #fff;
}

.service_boxs {
    border: 1px solid #fff;
    border-radius: 22px;
    padding: 15px;
}

.service_boxs p span {
    font-size: 18px;
    color: #FF7A00;
}

.service_boxs h4 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.service_boxs p {
    font-size: 18px;
    color: #FFFFFF;
}

.service_boxs i {
    color: #FF7A00;
}

.view_box {
    width: 100%;
    border: 1px solid #FF7A00;
    border-radius: 35px;
    padding: 10px 0;
    text-align: center;
}

.view_box a {
    font-size: 16px;
    color: #fff;
}

/* Parth */
/* .services_lable h2 {
    color: #ffffff;
    width: 531px;
    height: 152px;
    margin-top: 15px;
    font-size: 42px;
} */

.services_lable {
    height: 150px;
}

.services-button {
    margin-top: 75px;
}

.services-button a {
    font-size: 18px;
    color: #FF7A00;
}

.services-button a:hover {
    text-decoration: none;
    color: #ffffff;
}

.services_lables {
    height: auto;
}

.services-buttons {
    margin-top: 0px;
}

.services-buttons a {
    font-size: 18px;
    color: #FF7A00;
}

.services-buttons a:hover {
    text-decoration: none;
    color: #ffffff;
}

.services-section {
    border: 2px solid #ffffff;
    border-radius: 22px;
    max-width: 400px;
    max-height: 243px;
    margin-bottom: 60px;
    padding: 15px;
    text-align: left;
}

.services-section:hover {
    /* background-color: #ff8000;
    transition: background-color 0.5s ease; */
    background: #161616;
    border: 1px solid #000000;
    box-shadow: 0 0 30px 10px rgb(255, 147, 31);
    transition: all 0.6s ease-in-out;
}

.services-section-1 {
    width: 328px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    position: relative;
    color: #fff;
}

.services-section-1 h4 {
    color: #ffffff;
}

.services-section-1 p {
    color: #ffffff;
}

.services-section-1 p i {
    font-size: 24px;
    color: #FF7A00;
}

/* services section end */
/* our project  section start */
.our-project-img {
    max-width: 610px;
    margin-top: 20px;
}

.our-project-img img {
    border-radius: 20px;
    width: 100%;
    height: 608px;
    object-fit: cover;
}

.project-used {}

.services_lable p {
    font-size: 18px;
    color: #a0a0a0;
}

.project-used p {
    color: #ffffff;
    background-color: #282828;
    padding: 8px 15px;
    margin: 15px;
    border-radius: 60px;
    margin-left: 0px;
}

.our-project {
    display: flex;
}

.our-project-a a {
    color: #FF7A00;
    font-size: 18px;
}

.our-project-a i {
    color: #FF7A00;
    font-size: 18px;
}

.our-project-a a:hover {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
}

.our-project-name h3 {
    color: #ffffff;
}

/* Parth */
.stats {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.stat-item {
    margin: 0 20px;
    text-align: center;
}

.stat-item h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}

.stat-item small {
    display: block;
    color: #bbb;
    margin-top: 5px;
    font-size: 14px;
}

.stat-item .icon {
    font-size: 1.5rem;
    color: #ffa500;
}

.divider {
    color: #ffa500;
    font-size: 1.5rem;
    margin: 0 10px;
}

/* Parth */
/* our project section end */

/* why us section start */
.why_us_section {
    padding-top: 130px;
}

.why_us_text p {
    font-size: 18px;
    margin-top: 50px;
    color: #ffffff50;
}

.star_text {
    text-align: center;
}

.star_text h3 {
    color: #ffffff;
    font-size: 62px;
}

.star_text p {
    color: #ffffff50;
}

/* why us section end */
/* General Styles */
.ready-to-tra {
    margin-top: 130px;
}

.ready-text h2 {
    color: #ffffff;
    font-size: 40px;
}

.ready-text p {
    font-size: 20px;
    color: #ffffff90;
}

/* Button Container Styles */
.button-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: #ff8000;
    color: white;
    font-size: 24px;
    border-radius: 50%;
    transition: width 0.4s ease-in-out, border-radius 0.5s ease-in-out;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.cta-button:hover {
    padding-right: 20px;
}

.arrow {
    font-size: 50px;
    transition: transform 0.5s ease-in-out;
    margin-left: 90%;
    margin-top: -1px;
}

.text {
    margin-left: 10px;
    opacity: 0;
    white-space: nowrap;
    transition: opacity 0.5s ease-in-out;
    font-size: 18px;
}

/* Hover Effect */
.cta-button:hover {
    width: 220px;
    border-radius: 50px;
    text-decoration: none;
}

.cta-button:hover .arrow {
    transform: translateX(10px);
    font-size: 46px;
    margin-left: 0px;
    color: #ffffff;
    margin-right: 6px;
}

.cta-button:hover .text {
    opacity: 1;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
}

.cost_review {
    display: flex;
    margin-top: 30px;
}

.review_cos {
    background-color: #1a1a1a;
    border-radius: 20px;
    padding: 22px;
    height: 100%;
}

.review_cos p {
    color: #ffffff50;
}

.img_text h4 {
    color: #ffffff;
}

.img_review img {
    width: 66px;
    height: 66px;
    border-radius: 13px;
    margin-right: 15px;
}

.star_review {
    display: flex;
    justify-content: flex-start;
    align-items: self-start;
}

.star {
    font-size: 27px;
    /* Adjust size of stars */
    color: #FF7A00;
    margin: 0 5px;
    /* Add spacing between stars */
}

.blink {
    animation: blink 2s infinite;
    /* Slow blinking animation */
}

/* home page end */
/* about us start */
.ceo_div img {
    width: 330px;
    height: 400px;
    border-radius: 30px;
}

.ceo_text h4 {
    font-size: 30px;
    font-weight: 700;
    color: #FF7A00;
}

.ceo_text p {
    font-size: 26px;
    color: #fff;
}

.team_img {
    width: 285px;
    height: 330px;
}

.team_img img {
    width: 100%;
    height: 100%;
    border-radius: 22px;
}


.our_team_box {
    display: grid;
    justify-content: center;
}

.our_team_box h5 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.our_team_box p {
    font-size: 18px;
    color: #fff;
}

.expand_title {
    font-size: 68px;
    font-weight: 700;
    /* background: linear-gradient(180deg, #FFFFFF 0%, rgba(0, 0, 0, 0) 100%); */
    background: linear-gradient(rgb(255, 255, 255), rgb(0, 0, 0));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about_us {}

.about_bio {
    display: flex;
    padding-top: 164px;
}

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

/* abous us end */

/* Contact US Start */
.service_boxs {
    height: 200px;
}

.cont_box {
    height: 230px;
}

.cont_box i {
    font-size: 26px !important;
}

.cont_box h5 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
}

.cont_box p a {
    font-size: 18px;
    color: #ffffff88;
    text-decoration: none;
}

.get_boxs h4 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-top: 30px;
}


/* form start */
.form-label {
    font-size: 18px;
    color: #ffffff;
}

.form-control {
    background-color: transparent !important;
    border-radius: 50px !important;
    text-transform: capitalize;
    color: #fff !important;
}

input::placeholder {
    color: #ffffff88 !important;
}

#inputAddress {
    height: 150px !important;
}

.btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #FF7A00 !important;
    border-color: #ffffff !important;
}

.textarea_box {
    width: 100%;
    height: 150px;
    border-radius: 20px;
    padding: 10px;
    background-color: transparent;
    color: #fff;
    text-transform: capitalize;
}

/* form end */



/* footer start */

.footer {
    color: #fff;
}

.footer h5 {
    font-weight: 600;
    margin-bottom: 1rem;
}

.footer p,
.footer a {
    color: #bbbbbb;
}

.fa {
    color: #888888;
}

.footer a:hover {
    color: #ffffff;
}

.footer-logo img {
    max-width: 160px;
}

/* Social Media Icons */
.footer .list-inline-item a {
    font-size: 18px;
    color: #bbbbbb;
}

.footer .list-inline-item a:hover {
    color: #fff;
}

.hr-footer {
    border: 1px solid #888888;
    border-radius: 40px;
}

.last-icon {
    text-align: right;
}

.last-icon i:hover {
    color: #ffffff;
}

.left-center-text {
    text-align: left;
}

.mobile-view {
    display: none;
}

.list-unstyled li a:hover {
    color: #ffffff;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* our career */
.serch_input {
    width: 350px !important;
    padding: 15px !important;
}

.serch_bar {
    background-color: #FF7A00 !important;
    color: #fff !important;
    border: transparent !important;
    border-radius: 50px !important;
}

/* our career */
/* Responsive Styling */

@media (min-width: 1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1600px !important;
    }
}

@media (min-width: 1500px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px !important;
    }
}


@media (max-width: 1500px) {

    .services-section {
        max-width: 352px;
        margin: 12px;
        padding: 15px;
        text-align: left;
    }

    .team_img {
        width: 100%;
        height: 290px;
    }

    .onr-img img {
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    .services-section {
        max-width: 350px;
        margin-bottom: 20px;
        padding: 15px;
        text-align: left;
    }

    .services-section-1 p {
        color: #ffffff;
        text-wrap: nowrap;
        font-size: 14px;
    }

    .onr-bio p {
        font-size: 18px;
    }

    .services-button {
        margin-top: 72px;
    }

    .services-button a {
        font-size: 17px;
    }

    .team_img {
        width: 100%;
        height: 250px;
    }

    .service_boxs h4 {
        font-size: 25px;
    }

    .service_boxs p {
        font-size: 16px;
    }

    .our-project-img img {
        height: 450px;
        width: 450px;
    }

    .cont_box {
        height: 180px;
    }
}

@media (max-width: 1024px) {
    .services-section {
        max-width: 295px;
        margin-bottom: 15px;
        padding: 15px;
        text-align: left;
    }

    .services-section-1 {
        width: 310px;
    }

    .about_onr-img img {
        margin-top: 0px;
    }
}

@media (max-width: 1000px) {
    .left-center-text {
        text-align: center;
    }

    .last-icon {
        text-align: center;
    }

    .mobile-view {
        display: block;
        max-width: 250px !important;
        display: inline;
    }

    .web-view {
        display: none;
    }

}

/* Media Queries for Responsiveness */
@media (max-width: 992px) {
    .ready-text h2 {
        font-size: 32px;
    }

    .ready-text p {
        font-size: 18px;
    }

    .cta-button {
        width: 80px;
        height: 80px;
    }

    .arrow {
        font-size: 44px;
        margin-left: 74px;
    }

    .text {
        font-size: 16px;
    }

    .cta-button:hover {
        width: 200px;
        text-align: center;
        padding-right: 20px;
    }

    .our-project {
        display: block;
    }

    .first-project_image img {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }

    .cost_review {
        display: block;
        margin-top: 30px;
    }

    .review_cos {
        margin-top: 30px;
    }

    .onr-img {
        display: flex;
        justify-content: center;
    }

    .about_onr-img {
        display: flex;
        justify-content: center;
    }

    .services-button {
        margin-top: 0;
    }

    /* .our-project-img {
        margin-top: 20px;
    } */

    .services_section {
        padding-top: 70px;
    }

    .services-section {
        max-width: 336px;
    }

    ul.navbar-nav.mx-auto {
        text-align: center;
        background-color: #282828;
        border-radius: 20px;
    }

    .b-a-call {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 11px;
    }

    .services_lable {
        height: auto;
    }

    .team_img {
        width: 100%;
        height: 380px;
    }

    .service_boxs h4 {
        font-size: 20px;
    }

    .onr-img img {
        max-width: 60%;
    }

    .service_boxs {
        height: 180px;
    }

    .our-project-name {
        margin-top: 20px;
    }

}

@media (max-width: 768px) {
    .first_section {
        /* background-image: none; */
    }

    .first_s_t {
        padding-top: 100px;
    }

    .first_s_t h2 {
        font-size: 52px;
    }

    .ready-text h2 {
        font-size: 28px;
    }

    .main_title {
        font-size: 44px;
    }

    .about_bio {
        padding-top: 80px;
    }

    .team_img {
        width: auto;
        height: auto;
    }

    .team_img img {
        width: 285px;
        height: 330px;
    }

    .expand_title {
        font-size: 58px;
    }

    .ready-text p {
        font-size: 16px;
    }

    .cta-button {
        width: 70px;
        height: 70px;
    }

    .arrow {
        font-size: 40px;
    }

    .text {
        font-size: 14px;
    }

    .cta-button:hover {
        width: 211px;
    }

    .ready-text {
        text-align: center;
    }

    .footer {
        text-align: center;
    }

    .footer .list-inline-item {
        margin: 5px;
    }

    .footer-logo img {
        margin-bottom: 20px;
    }

    .services-section {
        max-width: 536px !important;
        margin: 12px;
        padding: 15px;
        text-align: left;
        width: 500px;
    }

    .services_section {
        padding-top: 80px;
    }

    .ready-to-tra {
        margin-top: 80px;
    }

    .mobile_ready {
        margin-top: 0;
    }

    .our-project .col-lg-6.col-md-12 {
        margin: 30px 0;
    }

    .title_text {
        font-size: 28px;
    }

    .why_us_text p {
        margin-top: 0;
    }

    .service_boxs {
        height: 230px;
    }

    .cont_box {
        height: 200px;
    }

    .services_section .pt-sm-2 {
        padding-top: 0px !important;
    }
}

@media (max-width: 576px) {
    .ready-text h2 {
        font-size: 24px;
    }

    .ready-text p {
        font-size: 14px;
    }

    .cta-button {
        width: 60px;
        height: 60px;
    }

    .cta-button:hover .arrow {
        transform: translateX(10px);
        font-size: 32px;
        margin-left: 5px;
    }

    .arrow {
        font-size: 32px;
        margin-left: 77px;
    }

    .text {
        font-size: 16px !important;
    }

    .cta-button:hover {
        width: 140px;
    }

    /* .services_lable h2 {
        width: 100%;
        height: 152px;
        font-size: 42px;
    } */

    .first_s_t p {
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        width: 100%;
    }

    .first_s_t {
        text-align: -webkit-center;
        /* margin-top: 100px; */
    }

    .navbar-brand img {
        width: 120px;
    }

    .onr-bio {
        padding-top: 0px;
    }

    .onr-bio p {
        font-size: 16px;
    }

    .services-button {
        margin-top: 0px;
    }

    .first-project_image img {
        margin-bottom: 70px;
    }

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

    .services_section {
        padding-top: 30px;
    }

    .onr-about-button {
        margin-bottom: 30px;
    }

    /* 
    .ceo_div img {
        width: 100%;
        height: 100%;
        border-radius: 30px;
    } */

    .review_cos p {
        color: #ffffff50;
        font-size: 15px;
    }

    .about_onr-img img {
        margin-top: -40px;
    }

    .service_boxs {
        height: 192px;
    }

    section.hero_sec {
        padding-top: 90px;
    }

    .review_cos {
        margin-top: 0px;
        margin-bottom: 30px;
        /* width: 340px; */
    }

    .cont_box {
        height: 252px !important;
    }

    .onr-img img {
        max-width: 70%;
        margin-top: -40px;
    }

    .services_lable {
        margin-top: 40px;
    }

    .our-project-img img {
        height: 370px;
        width: 370px;
    }


}

@media (max-width: 414px) {
    .services-section {
        max-width: 333px !important;
        margin: 12px;
        padding: 15px;
        text-align: left;
        width: 500px;
    }


    .our-project .project-used {
        display: block !important;
    }

    .our-project-img img {
        height: 300px;
        width: 300px;
    }


    .services_all .justify-content-between {
        justify-content: center !important;
    }

    .onr-img img {
        max-width: 80%;
        margin-top: -30px;

    }

}

@media (max-width: 350px) {
    .services-section {
        max-width: 307px !important;
    }
}

/* footer end */