@media only screen and (min-width: 1024px) and (max-width: 1320px) {
    /* Tablet  styles */
    a{
        text-decoration: none;
    }
    /* Header Section Start */
    .header {
        width: 70%;
        overflow: hidden;
    }
    .header .logo img{
        width: 200px;
    }
    .location, 
    .vertical-line, 
    .email, 
    .phone {
        display: none;
    }
    .header-section{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 50px;
    }
    .hamburger{
        width: 30%;
        display: block;
    }
    .hamburger.active .bar:nth-child(2){
        opacity: 0;
    }
    .hamburger.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
    }
    .nav-menu{
        position: fixed;
        left: -100%;
        top: 110px;
        gap: 0;
        flex-direction: column;
        background-color: var(--dark-green);
        width: 100%;
        text-align: center;
        transition: 0.3s;
    }
    .nav-item {
        margin: 16px 0;
    }
    .nav-menu.active {
        left: 0;
    }
    .quote{
        display: none;
    }
    .border-right {
        border-right: none !important;
    }
    .navbar ul{
        width: 100%;
    }
    .navbar a{
        font-size: 18px;
        color: var(--cream);
    }
    .nav-menu {
        text-align: left;
    }
    .nav-item {
        margin: 0;
        padding: 15px 50px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    .nav-item a:hover {
        color: var(--golden-brown);
    }
    /* Header Section End */
    /* ============= Home Page ============= */
    /* Hero Section Start*/
    .hero {
        margin-top: 110px;
        padding: 0px 50px;
    }
    .content {
        width: auto;
    }
    .hero-content {
        width: 100%;
    }
    .hero-content h1 {
        font-size: 50px;
    }
    .hero .btn {
        margin-top: 15px;
    }
    /* Hero Section End*/
    /* Card Section Start */
    .card-container {
        gap: 40px;
        padding: 0px 50px;
    }
    .card-box {
        width: 350px;
        height: auto;
    }
    .card-box i {
        color: var(--dark-green);
        font-size: 50px;
    }
    .card-box h2 {
        margin-bottom: 0;
        font-size: 18px;
    }
    /* Card Section End */
    /* What-we-do Section Start */
    .what-we-do {
        width: auto;
        padding: 0px 50px;
    }
    .what-we-do h3{
        font-size: 34px;
    }
    .stats {
        gap: 20px;
    }
    .stats h4 {
        padding-top: 35px;
        padding-bottom: 0px;
    }
    /* What-we-do Section End */
    /* About Section Start */
    .about-section {
        height: 1000px;
    }
    .about-section h3 {
        color: var(--dark-green);
        font-size: 40px;
        margin: 50px 0 0 0;
        text-align: center;
    }
    .about-container {
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px 50px;
    }
    .image-box, .about-content {
        width: auto;
    }
    #about-img-1 img {
        width: 550px;
    }
    #about-img-2 img {
        width: 240x;
        margin-left: 400px;
        margin-top: -220px;
    }
    .about-icons {
        text-align: center;
    }
    #pc-about-section {
        visibility: hidden;
        height: 0;
    }
    #responsive-about-section {
        visibility: visible;
        height: auto;
    }
    /* About Section End */
    /* Project Section Start */
    .project-heading,
    .projects-container, 
    .project-btn {
        width: auto;
        padding: 0px 50px;
    }
    .project-btn{
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .projects-container{
        flex-wrap: wrap;
    }
    .project-image {
        width: 50%;
        height: 350px;
    }
    #project-image-1::before{
        border-radius: 5px 0px 0px 0px ;
    }
    #project-image-2::before{
        border-radius: 0px 5px 0px 0px ;
    }
    #project-image-3::before{
        border-radius: 0px 0px 0px 5px ;
    }
    #project-image-4::before{
        border-radius: 0px 0px 5px 0px ;
    }
    #project-image-1 {
        border-radius: 5px 0px 0px 0px ;
    }
    #project-image-2 {
        border-radius: 0px 5px 0px 0px ;
    }
    #project-image-3 {
        border-radius: 0px 0px 0px 5px ;
    }
    #project-image-4 {
        border-radius: 0px 0px 5px 0px ;
    }
    /* Project Section End */
    /* Services Section Start */
    .services-container{
        width: auto;
        padding: 0px 50px;
        align-items: center;
    }
    .services {
        column-gap: 40px;
    }
    .service-container {
        width: 46%;
        height: 300px;
    }
    /* Services Section End */
    /* Testinomials Section Start */
    .testonomials-container{
        width: auto;
        padding: 0px 50px;
    }
    .slide-container {
        /* padding: 25px 0px; */
        width: 1000px;
    }
    .card {
        height: 210px;
        /* flex-direction: column; */
    }
    .card-image {
        /* width: 100%; */
        padding: 20px 0px 20px 10px;
    }
    .card-image img{
        border-radius: 100%;
    }
    .card-content {
        /* width: auto; */
        padding: 20px;
        vertical-align: middle;
    }
    .client-name, .client-star{
        padding-bottom: 10px;
    }
    /* Services Section End */
    /* Why-To-Choose Section Start */
    .why-choose-us-container{
        width: auto;
        padding: 0px 50px;
    }
    .why-choose-us {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .why-choose-us-card {
        /* margin: 10px; */
        width: 35%;
        height: 300px;
        background-color: var(--cream);
        border-radius: 0 0 20px 0px;
        padding: 0 30px 0 30px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    }
    /* Why-To-Choose Section End */
    /* Footer Section Start */
    .footer-container {
        width: auto;
        padding: 0px 50px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-column {
        width: 45%;
    }
    .footer-copyright{
        width: auto;
    }
    /* Footer Section End */
    /* ============= Services Page ============= */
    .services-page-section {
        margin-top: 110px;
    }
    /* ============= About Page ============= */
    /* About Page Section Start */
    .about-page-section{
        margin-top: 110px;
    }
    .about-page-section, .about-page-container {
        width: auto;
    }
    .about-page-container {
        padding: 30px 50px 0px 50px;
    }
    /* About Page Section End */
    /* About Company Section Start */
    .about-company-section, .about-company-container {
        width: auto;
    }
    .about-company-container {
        padding: 50px 50px 110px 50px;
    }
    .about-company-content {
        width: 50%;
    }
    .about-company-image {
        width: 40%;
    }
    .about-company-feedbox {
        margin-left: 0px;
    }
    /* About Company Section End */
    /* Company Information Start */
    .about-company-info-section, .about-company-info-container {
        width: auto;
    }
    .about-company-info-container {
        padding: 0px 50px;
    }
    /* Company Information End */
    /* Company Team Member Section Start */
    .about-team-section, .about-team-container {
        width: auto;
    }
    .about-team-container {
        padding: 30px 50px 0px 50px;
    }
    .about-team-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }
    /* Company Team Member Section End */
    .contact-section {
        width: auto;
        padding: 100px 80px;
    }
    .contact-container {
        width: auto;
        padding: 50px;
    }
    /* ============= Services Page ============= */
    .services-page-section {
        padding: 0;
    }
    .services-page-container, .services-page-box {
        width: auto;
        padding: 50px 50px 50px 50px;
    }
    .services-page-column-content {
        width: 350px;
        padding: 30px;
    }
    .services-page-box {
        margin-top: -160px;
    }
    .services-page-column-box {
        padding-top: 0;
    }
    /* ============= Projects Page ============= */
    /* Project Page Section Start */
    .project-page-section {
        margin-top: 110px;
        padding: 80px 50px;
    }
    .project-page-container {
        width: auto;
    }
    /* Project Page Section End */
    /* Project page project section start */
    .projects-page-section, .projects-page-container {
        width: auto;
    }
    .projects-page-container {
        padding: 0px  50px;
    }
    .projects-page-column {
        flex-wrap: wrap;
    }
    .projects-page-content {
        width: 47.5%;
    }
    /* Project page project section End */
    /* Project Customer Satisfaction Start */
    .project-customer-section, .project-customer-container {
        width: auto;
    }
    .project-customer-container {
        padding: 0px 50px;
    }
    .project-customer-container h3 {
        text-align: center;
    }
    .project-customer-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .projects-customer-why-to-choose {
        width: 47.5%;
    }
    /* Project Customer Satisfaction End */
    /* ============= Contact Page ============= */
    /* Contact Page First Section Start */
    .contact-page-section {
        margin-top: 110px;
        height: 700px;
    }
    .contact-page-section, .contact-page-container {
        width: auto;
    }
    .contact-page-container {
        padding: 0px 50px;
    }
    #contact-page-column-1 {
        padding-top: 0px;
        width: 60%;
    }
    #contact-page-column-2 {
        position: relative;
        width: 40%;
        height: 500px;
    }
    /* Contact Page First Section End */
    /* Contact Details Section Start */
    .contact-details-section, .contact-details-container {
        width: auto;
    }
    .contact-details-section {
        height: 360px;
    }
    .contact-details-content {
        width: 100%;
    }
    .contact-details-container{
        padding: 0px 50px;
    }
    .contact-page-heading, .contact-page-desc {
        width: 50%;
    }
    .contact-page-icon-details {
        width: 100%;
        display: flex;
        column-gap: 20px;
    }
    /* Contact Details Section End */
    /* Contact Form Section Start */
    .contact-form-section, .contact-form-container {
        width: auto;
    }
    .contact-form-container {
        padding: 0px 50px;
        flex-direction: column;
        row-gap: 50px;
    }
    #contact-form-column-1::before {
        border-radius: 10px;
    }
    #contact-form-column-1 {
        width: 100%;
        height: auto;
    }
    #contact-form-column-2 {
        width: 600px;
    }
    /* Contact Form Section End */
}
/* Tablet devices (768px to 1024px) */
@media only screen and (min-width: 690px) and (max-width: 1023px) {
    /* Tablet-specific styles */
    a{
        text-decoration: none;
    }
    /* Header Section Start */
    .header {
        width: 70%;
        overflow: hidden;
    }
    .header .logo img{
        width: 200px;
    }
    .location, 
    .vertical-line, 
    .email, 
    .phone {
        display: none;
    }
    .header-section{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 50px;
    }
    .hamburger{
        width: 30%;
        display: block;
    }
    .hamburger.active .bar:nth-child(2){
        opacity: 0;
    }
    .hamburger.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
    }
    .nav-menu{
        position: fixed;
        left: -100%;
        top: 110px;
        gap: 0;
        flex-direction: column;
        background-color: var(--dark-green);
        width: 100%;
        text-align: center;
        transition: 0.3s;
    }
    .nav-item {
        margin: 16px 0;
    }
    .nav-menu.active {
        left: 0;
    }
    .quote{
        display: none;
    }
    .border-right {
        border-right: none !important;
    }
    .navbar ul{
        width: 100%;
    }
    .navbar a{
        font-size: 18px;
        color: var(--cream);
    }
    .nav-menu {
        text-align: left;
    }
    .nav-item {
        margin: 0;
        padding: 15px 50px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    .nav-item a:hover {
        color: var(--golden-brown);
    }
    /* Header Section End */
    /* ============= Home Page ============= */
    /* Hero Section Start*/
    .hero {
        margin-top: 110px;
        padding: 0px 50px;
    }
    .content {
        width: auto;
    }
    .hero-content {
        width: 100%;
    }
    .hero-content h1 {
        font-size: 50px;
    }
    .hero .btn {
        margin-top: 15px;
    }
    /* Hero Section End*/
    /* Card Section Start */
    .card-container {
        gap: 40px;
        padding: 0px 50px;
    }
    .card-box {
        width: 350px;
        height: auto;
    }
    .card-box i {
        color: var(--dark-green);
        font-size: 50px;
    }
    .card-box h2 {
        margin-bottom: 0;
        font-size: 18px;
    }
    /* Card Section End */
    /* What-we-do Section Start */
    .what-we-do {
        width: auto;
        padding: 0px 50px;
    }
    .what-we-do h3{
        font-size: 34px;
    }
    .stats {
        gap: 20px;
    }
    .stats h4 {
        padding-top: 35px;
        padding-bottom: 0px;
    }
    /* What-we-do Section End */
    /* About Section Start */
    .about-section {
        height: 1000px;
    }
    .about-section h3 {
        color: var(--dark-green);
        font-size: 40px;
        margin: 50px 0 0 0;
        text-align: center;
    }
    .about-container {
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px 50px;
    }
    .image-box, .about-content {
        width: auto;
    }
    #about-img-1 img {
        width: 550px;
    }
    #about-img-2 img {
        width: 240x;
        margin-left: 400px;
        margin-top: -220px;
    }
    .about-icons {
        text-align: center;
    }
    #pc-about-section {
       visibility: hidden;
       height: 0;
    }
    #responsive-about-section {
        visibility: visible;
        height: auto;
    }
    /* About Section End */
    /* Project Section Start */
    .project-heading,
    .projects-container, 
    .project-btn {
        width: auto;
        padding: 0px 50px;
    }
    .project-btn{
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .projects-container{
        flex-wrap: wrap;
    }
    .project-image {
        width: 50%;
        height: 350px;
    }
    #project-image-1::before{
        border-radius: 5px 0px 0px 0px ;
    }
    #project-image-2::before{
        border-radius: 0px 5px 0px 0px ;
    }
    #project-image-3::before{
        border-radius: 0px 0px 0px 5px ;
    }
    #project-image-4::before{
        border-radius: 0px 0px 5px 0px ;
    }
    #project-image-1 {
        border-radius: 5px 0px 0px 0px ;
    }
    #project-image-2 {
        border-radius: 0px 5px 0px 0px ;
    }
    #project-image-3 {
        border-radius: 0px 0px 0px 5px ;
    }
    #project-image-4 {
        border-radius: 0px 0px 5px 0px ;
    }
    /* Project Section End */
    /* Services Section Start */
    .services-container{
        width: auto;
        padding: 0px 50px;
        align-items: center;
    }
    .services {
        column-gap: 40px;
    }
    .service-container {
        width: 46%;
        height: 300px;
    }
    /* Services Section End */
    /* Testinomials Section Start */
    .testonomials-container{
        width: auto;
        padding: 0px 50px;
    }
    .slide-container {
        /* padding: 25px 0px; */
        width: 600px;
    }
    .card {
        height: 210px;
        /* flex-direction: column; */
    }
    .card-image {
        width: 100%;
        padding: 20px 0px 20px 10px;
    }
    .card-image img{
        border-radius: 100%;
    }
    .card-content {
        width: auto;
        padding: 20px;
        vertical-align: middle;
    }
    .client-name, .client-star{
        padding-bottom: 10px;
    }
    /* Services Section End */
    /* Why-To-Choose Section Start */
    .why-choose-us-container{
        width: auto;
        padding: 0px 50px;
    }
    .why-choose-us {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .why-choose-us-card {
        /* margin: 10px; */
        width: 35%;
        height: 300px;
        background-color: var(--cream);
        border-radius: 0 0 20px 0px;
        padding: 0 30px 0 30px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    }
    /* Why-To-Choose Section End */
    /* Footer Section Start */
    .footer-container {
        width: auto;
        padding: 0px 50px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-column {
        width: 45%;
    }
    .footer-copyright{
        width: auto;
    }
    /* Footer Section End */
    /* ============= About Page ============= */
    /* About Page Section Start */
    .about-page-section {
        margin-top: 110px;
    }
    .about-page-section, .about-page-container {
        width: auto;
    }
    .about-page-container {
        padding: 30px 50px 0px 50px;
    }
    .about-page-heading h3 {
        font-size: 34px;
    }
    .about-page-desc {
        font-size: 20px;
    }
    /* About Page Section End */
    /* About Company Section Start */
    .about-company-section, .about-company-container {
        width: auto;
    }
    .about-company-container {
        padding: 50px 50px 110px 50px;
    }
    .about-company-content {
        width: 50%;
    }
    .about-company-image {
        width: 40%;
    }
    .about-company-feedbox {
        margin-left: 0px;
        padding: 10px;
    }
    .about-company-heading {
        font-size: 34px;
    }
    .about-company-desc {
        font-size: 20px;
    }
    .about-company-box-content h4 {
        font-size: 28px;
    }
    .about-company-box-content p {
        font-size: 20px;
    }
    /* About Company Section End */
    /* Company Information Start */
    .about-company-info-section, .about-company-info-container {
        width: auto;
    }
    .about-company-info-container {
        padding: 0px 50px;
    }
    .about-company-info-content p {
        font-size: 20px;
    }
    /* Company Information End */
    /* Company Team Member Section Start */
    .about-team-section, .about-team-container {
        width: auto;
    }
    .about-team-container {
        padding: 30px 50px 0px 50px;
    }
    .about-team-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }
    .about-team-container h3 {
        font-size: 34px;
    }
    .about-team-member-name {
        font-size: 28px;
    }
    .about-team-member-img {
        width: 300px;
        height: 400px;
    }
    /* Company Team Member Section End */
    .contact-section {
        width: auto;
        padding: 100px 80px;
    }
    .contact-container {
        width: auto;
        padding: 50px;
    }
    .contact-content h3 {
        font-size: 34px;
    }
    .contact-content p {
        font-size: 20px;
    }
    /* ============= Services Page ============= */
    .services-page-section {
        margin-top: 110px;
        padding: 0;
    }
    .services-page-container, .services-page-box {
        width: auto;
        padding: 50px 50px 50px 50px;
    }
    .services-page-column-content {
        width: 350px;
        padding: 30px;
    }
    .services-page-box {
        margin-top: -160px;
    }
    .services-page-column-box {
        padding-top: 0;
    }
    /* ============= Projects Page ============= */
    /* Project Page Section Start */
    .project-page-section {
        margin-top: 110px;
        padding: 80px 50px;
    }
    .project-page-container {
        width: auto;
    }
    /* Project Page Section End */
    /* Project page project section start */
    .projects-page-section, .projects-page-container {
        width: auto;
    }
    .projects-page-container {
        padding: 0px  50px;
    }
    .projects-page-column {
        flex-wrap: wrap;
    }
    .projects-page-content {
        width: 47.5%;
    }
    /* Project page project section End */
    /* Project Customer Satisfaction Start */
    .project-customer-section, .project-customer-container {
        width: auto;
    }
    .project-customer-container {
        padding: 0px 50px;
    }
    .project-customer-container h3 {
        text-align: center;
    }
    .project-customer-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .projects-customer-why-to-choose {
        width: 47.5%;
    }
    /* Project Customer Satisfaction End */
    /* ============= Contact Page ============= */
    /* Contact Page First Section Start */
    .contact-page-section {
        margin-top: 110px;
        height: 650px;
    }
    .contact-page-section, .contact-page-container {
        width: auto;
    }
    .contact-page-container {
        padding: 0px 50px;
    }
    #contact-page-column-1 {
        padding-top: 0px;
        width: 60%;
    }
    #contact-page-column-2 {
        position: relative;
        width: 40%;
        height: 500px;
    }
    .contact-page-main-heading {
        font-size: 34px;
    }
    .contact-page-main-desc {
        font-size: 20px;
    }
    /* Contact Page First Section End */
    /* Contact Details Section Start */
    .contact-details-section, .contact-details-container {
        width: auto;
    }
    .contact-details-section {
        height: 360px;
    }
    .contact-details-content {
        width: 100%;
    }
    .contact-details-container{
        padding: 0px 20px;
    }
    .contact-page-heading, .contact-page-desc {
        width: 50%;
    }
    .contact-page-icon-details {
        width: 100%;
        display: flex;
        column-gap: 20px;
    }
    .contact-page-heading {
        font-size: 34px;
    }
    .contact-page-desc {
        font-size: 20px;
    }
    .contact-page-icon-heading {
        font-size: 18px;
    }
    /* Contact Details Section End */
    /* Contact Form Section Start */
    .contact-form-section, .contact-form-container {
        width: auto;
    }
    .contact-form-container {
        padding: 0px 50px;
        flex-direction: column;
        row-gap: 50px;
    }
    #contact-form-column-1::before {
        border-radius: 10px;
    }
    #contact-form-column-1 {
        width: 100%;
        height: auto;
    }
    #contact-form-column-2 {
        width: 100%;
    }
    .contact-form-content h3 {
        font-size: 34px;
    }
    .contact-form-content p {
        font-size: 20px;
    }
    .form-container h3 {
        font-size: 34px;
    }
    /* Contact Form Section End */
} 
/* Mobile devices (480px to 767px) */
@media only screen and (min-width: 481px) and (max-width: 690px) {
    /* Mobile-specific styles */
    /* Small mobile-specific styles */
    /* Header Section Start */
    .header {
        width: 70%;
        overflow: hidden;
        padding: 10px 20px;
    }
    .header .logo img{
        width: 150px;
    }
    .location, 
    .vertical-line, 
    .email, 
    .phone {
        display: none;
    }
    .header-section{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0px;
    }
    .hamburger{
        width: 30%;
        display: block;
    }
    .hamburger.active .bar:nth-child(2){
        opacity: 0;
    }
    .hamburger.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
    }
    .nav-menu{
        position: fixed;
        left: -100%;
        top: 110px;
        gap: 0;
        flex-direction: column;
        background-color: var(--dark-green);
        width: 100%;
        text-align: center;
        transition: 0.3s;
    }
    .nav-item {
        margin: 16px 0;
    }
    .nav-menu.active {
        left: 0;
    }
    .quote{
        display: none;
    }
    .border-right {
        border-right: none !important;
    }
    .navbar ul{
        width: 100%;
    }
    .navbar a{
        font-size: 18px;
        color: var(--cream);
    }
    .nav-menu {
        text-align: left;
    }
    .nav-item {
        margin: 0;
        padding: 15px 20px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    .nav-item a:hover {
        color: var(--golden-brown);
    }
    /* Header Section End */
    /* Hero Section Start */
    .hero {
        margin-top: 114px;
        padding: 0px 20px;
    }
    .content {
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hero-content {
        width: 100%;
    }
    .hero-content h1 {
        font-size: 34px;
    }
    .hero-content p {
        font-size: 18px;
    }
    .hero .btn {
        margin-top: 15px;
    }
    /* Hero Section End */
    /* Card Section Start */
    .card-container {
        width: auto;
        gap: 20px;
        padding: 0px 20px;
        flex-wrap: wrap;
    }
    .card-box {
        width: 400px;
        height: auto;
    }
    .card-box i {
        color: var(--dark-green);
        font-size: 50px;
    }
    .card-box h2 {
        margin-bottom: 0;
        font-size: 24px;
    }
    /* Card Section End */
    /* What-we-do Section Start */
    .what-we-do {
        padding: 0px 20px;
    }
    .what-we-do h3{
        font-size: 30px;
    }
    .stats {
        gap: 30px;
        flex-wrap: wrap;
    }
    .stats h4 {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    /* What-we-do Section End */
    /* About Section Start */
    .about-section {
        height: auto;
    }
    .about-section h3 {
        color: var(--dark-green);
        font-size: 30px;
        margin: 50px 0 0 0;
        text-align: center;
    }
    .about-container {
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px 20px;
    }
    .image-box, .about-content {
        width: auto;
    }
    .image-box{
        width: auto;
        align-items: center;
        padding: 20px;
    }
    #about-img-1 img {
        width: 90%;
    }
    #about-img-2 img {
        width: 50%;
        margin-left: 50%;
        margin-top: -30%;
    }
    .about-icons {
        text-align: center;
    }
    #pc-about-section {
       visibility: hidden;
       height: 0;
    }
    #responsive-about-section {
        visibility: visible;
        height: auto;
    }
    .about-content p {
        font-size: 20px;
        text-align: center;
    }
    /* About Section End */
    /* Project Section Start */
    .project-heading,
    .projects-container, 
    .project-btn {
        width: auto;
        padding: 0px 20px;
        justify-content: center;
    }
    .project-btn{
        padding-top: 20px;
        padding-bottom: 50px;
        text-align: center;
    }
    .projects-container{
        flex-wrap: wrap;
    }
    #project-image-1::before{
        border-radius: 5px 5px 0px 0px ;
    }
    #project-image-2::before{
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-3::before{
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-4::before{
        border-radius: 0px 0px 5px 5px ;
    }
    #project-image-1 {
        border-radius: 5px 5px 0px 0px ;
    }
    #project-image-2 {
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-3 {
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-4 {
        border-radius: 0px 0px 5px 5px ;
    }
    .project-heading h3 {
        font-size: 30px;
    }
    /* Project Section End */
    /* Services Section Start */
    .services-container{
        width: auto;
        /* padding: 0px 20px; */
        align-items: center;
    }
    .services {
        justify-content: center;
        column-gap: 30px;
    }
    .service-container {
        width: 450px;
        height: 300px;
    }
    .service-btn {
        justify-content: center;
        padding: 20px 0px;
    }
    .services-content h3 {
        font-size: 30px;
    }
    .services-content p {
        margin: 0;
        /* padding: 20px; */
        font-size: 20px;
    }
    /* Services Section End */
     /* Testinomials Section Start */
     .testonomials-container{
        width: auto;
        padding: 0px 20px;
    }
    .slide-container {
        /* padding: 25px 0px; */
        width: 440px;
    }
    /* Testinomials Section End */
    /* Why-To-Choose Section Start */
    .why-choose-us-container{
        width: auto;
        padding: 0px 20px;
    }
    .why-choose-us{
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .why-choose-us-card{
        /* margin: 10px; */
        width: 30%;
        height: 265px;
        background-color: var(--cream);
        border-radius: 0 0 20px 0px;
        padding: 0 30px 0 30px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    }
    .why-choose-us-content h3{
        font-size: 30px;
    }
    .why-choose-us-title, .why-choose-us-desc{
        padding-top: 15px;
    }
    .why-choose-us-title{
        font-size: 20px;
    }
    .why-choose-us-desc{
        font-size: 18px;
    }
    .why-choose-us-icon{
        width: 75px;
    }
    /* Why-To-Choose Section End */
    /* Footer Section Start */
    .footer-container {
        width: auto;
        padding: 0px 20px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-useful-links, .footer-quick-links {
        padding: 20px 0;
    }
    .footer-column {
        width: 45%;
    }
    .footer-copyright{
        width: auto;
    }
    /* Footer Section End */
    /* ============= About Page ============= */
    /* About Page Section Start */
    .about-page-section {
        margin-top: 113px;
    }
    .about-page-section, .about-page-container {
        width: auto;
    }
    .about-page-container {
        padding: 20px 20px 0px 20px;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .about-page-heading h3 {
        text-align: center;
        font-size: 30px;
    }
    .about-page-context {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-page-line {
        width: 50px;
        margin-bottom: 40px;
        transform: rotate(90deg);
    }
    .about-page-desc {
        font-size: 20px;
        text-align: center;
    }
    .about-page-content-heading,
    .about-page-contact-details p,
    .about-page-content-desc {
        text-align: center;
    }
    /* About Page Section End */
    /* About Company Section Start */
    .about-company-section, .about-company-container {
        width: auto;
    }
    .about-company-container {
        padding: 30px 20px 50px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-company-content {
        width: 100%;
        height: auto;
    }
    .about-company-image {
        width: 100%;
        height: 350px;
    }
    .about-company-heading {
        font-size: 30px;
        text-align: center;
    }
    .about-company-desc {
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
    .about-company-feedbox {
        width: 100%;
        margin: 40px 0px;
        padding: 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-company-box-content h4 {
        font-size: 28px;
        margin-bottom: 0;
    }
    .about-company-box-content p {
        font-size: 20px;
    }
    /* About Company Section End */
    /* Company Information Start */
    .about-company-info-section, .about-company-info-container {
        width: auto;
    }
    .about-company-info-container {
        padding: 0px 20px;
    }
    .about-company-info-content p {
        font-size: 20px;
    }
    /* Company Information End */
    /* Company Team Member Section Start */
    .about-team-section, .about-team-container {
        width: auto;
    }
    .about-team-container {
        padding: 30px 20px 0px 20px;
    }
    .about-team-content {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 50px;
    }
    .about-team-member-img {
        width: 300px;
        height: 400px;
    }
    .about-team-container h3 {
        font-size: 30px;
    }
    .about-team-member h4 {
        font-size: 28px;
    }
    /* Company Team Member Section End */
    /* About Testonomials Section Start */
    .about-testonomials-content h3 {
        font-size: 30px;
    }
    .about-testonomials-content p {
        font-size: 20px;
    }
    /* About Testonomials Section End */
    .contact-section {
        width: auto;
        padding: 40px 20px;
    }
    .contact-container {
        width: auto;
        padding: 20px 20px;
    }
    .contact-content h3 {
        font-size: 30px;
    }
    .contact-content p {
        font-size: 20px;
    }
    /* ============= Services Page ============= */
    .services-page-section {
        margin-top: 113px;
        padding: 0;
    }
    .services-page-container, .services-page-box {
        width: auto;
        padding: 50px 20px 50px 20px;
    }
    .services-page-container {
        flex-direction: column;
        row-gap: 50px;
    }
    .services-page-column {
        width: 100%;
    }
    .services-page-column-content h3 {
        font-size: 30px;
    }
    .services-page-column-content {
        width: auto;
        padding: 30px;
    }
    .services-page-box {
        margin-top: -160px;
    }
    .services-page-column-box {
        padding-top: 0;
    }
    .services-page-column-img {
        width: 100%;
        height: 350px;
    }
    /* ============= Projects Page ============= */
    /* Project Page Section Start */
    .project-page-section {
        margin-top: 113px;
        padding: 80px 20px;
    }
    .project-page-section, .project-page-container {
        width: auto;
    }
    .project-page-container {
        padding: 20px;
    }
    .project-page-content h3 {
        font-size: 30px;
    }
    .project-page-content p {
        font-size: 20px;
    }
    /* Project Page Section End */
    /* Project page project section start */
    .projects-page-section, .projects-page-container {
        width: auto;
    }
    .projects-page-container {
       padding: 0px  20px;
    }
    .projects-page-column {
        flex-wrap: wrap;
    }
    .projects-page-content {
        width: 100%;
    }
    .projects-page-desc {
        width: auto;
        font-size: 20px;
    }
    .projects-page-heading {
        font-size: 30px;
    }
    /* Project page project section End */
    /* Project Customer Satisfaction Start */
    .project-customer-section, .project-customer-container {
        width: auto;
    }
    .project-customer-container {
        padding: 0px 20px;
    }
    .project-customer-container h3 {
        text-align: center;
        font-size: 30px;
    }
    .project-customer-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .projects-customer-why-to-choose {
        width: 80%;
    }
    .projects-customer-icon-heading {
        font-size: 28px;
    }
    /* Project Customer Satisfaction End */
     /* ============= Contact Page ============= */
    /* Contact Page First Section Start */
    .contact-page-section {
        margin-top: 113px;
        height: 900px;
    }
    .contact-page-section, .contact-page-container {
        width: auto;
    }
    .contact-page-container {
        padding: 0px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 50px;
    }
    #contact-page-column-1 {
        padding-top: 0px;
        width: 100%;
    }
    #contact-page-column-2 {
        position: relative;
        width: 70%;
        height: 550px;
    }
    .contact-page-main-heading, .contact-page-main-desc {
        width: 100%;
        text-align: center;
    }
    .contact-page-main-desc {
        font-size: 20px;
    }
    .contact-page-main-heading {
        font-size: 30px;
    }
    /* Contact Page First Section End */
    /* Contact Details Section Start */
    .contact-details-section, .contact-details-container {
        width: auto;
    }
    .contact-details-section {
        padding-top: 250px;
        height: auto;
    }
    .contact-details-content {
        padding-top: 50px;
        width: 100%;
    }
    .contact-details-container{
        padding: 0px 20px;
    }
    .contact-page-heading, .contact-page-desc {
        width: 100%;
    }
    .contact-page-icon-details {
        width: 100%;
        flex-direction: column;
        row-gap: 30px;
    }
    .contact-page-heading, .contact-page-desc {
        width: 100%;
        text-align: center;
    }
    .contact-page-heading {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .contact-page-desc {
        font-size: 20px;
    }
    /* Contact Details Section End */
    /* Contact Form Section Start */
    .contact-form-section, .contact-form-container {
        width: auto;
    }
    .contact-form-container {
        padding: 0px 20px;
        flex-direction: column;
        row-gap: 50px;
    }
    #contact-form-column-1::before {
        border-radius: 10px;
    }
    #contact-form-column-1 {
        width: auto;
        height: auto;
    }
    .contact-form-icon-details {
        justify-content: center;
        align-items: center;
    }
    #contact-form-column-2 {
        width: 75%;
    }
    .form-container {
        padding: 25px 0 40px 0;
        border-radius: 10px;
        width: auto;
    }
    .form-container form {
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
    .form-container h3 {
        font-size: 30px;
    }
    .form-row {
        flex-direction: column;
        gap: 20px;
    }
    .input-field {
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .form-container input, textarea {
        width: 265px !important;
        font-size: 17px;
    }
    .form-container input::placeholder, 
    .form-container textarea::placeholder {
        font-size: 17px;
    }
    .contact-form-content h3 {
        font-size: 30px;
    }
    .contact-form-content p {
        font-size: 20px;
    }
    .contact-form-content h3, .contact-form-content p {
        text-align: center;
    } 
    /* Contact Form Section End */
}
/* Small mobile devices (less than 480px) */
@media only screen and (max-width: 480px) {
    /* Small mobile-specific styles */
    /* Header Section Start */
    .header {
        width: 70%;
        overflow: hidden;
        padding: 10px 20px;
    }
    .header .logo img{
        width: 150px;
    }
    .location, 
    .vertical-line, 
    .email, 
    .phone {
        display: none;
    }
    .header-section{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 0px;
    }
    .hamburger{
        width: 30%;
        display: block;
    }
    .hamburger.active .bar:nth-child(2){
        opacity: 0;
    }
    .hamburger.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
    }
    .nav-menu{
        position: fixed;
        left: -100%;
        top: 74px;
        gap: 0;
        flex-direction: column;
        background-color: var(--dark-green);
        width: 100%;
        text-align: center;
        transition: 0.3s;
    }
    .nav-item {
        margin: 16px 0;
    }
    .nav-menu.active {
        left: 0;
    }
    .quote{
        display: none;
    }
    .border-right {
        border-right: none !important;
    }
    .navbar ul{
        width: 100%;
    }
    .navbar a{
        font-size: 18px;
        color: var(--cream);
    }
    .nav-menu {
        text-align: left;
    }
    .nav-item {
        margin: 0;
        padding: 15px 20px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    .nav-item a:hover {
        color: var(--golden-brown);
    }
    /* Header Section End */
    /* Hero Section Start */
    .hero {
        margin-top: 73px;
        padding: 0px 20px;
    }
    .content {
        width: auto;
    }
    .hero-content {
        width: 100%;
    }
    .hero-content h1 {
        font-size: 28px;
    }
    .hero-content p {
        font-size: 18px;
    }
    .hero .btn {
        margin-top: 15px;
    }
    /* Hero Section End */
    /* Card Section Start */
    .card-container {
        gap: 40px;
        padding: 0px 20px;
        flex-wrap: wrap;
    }
    .card-box {
        width: 300px;
        height: auto;
    }
    .card-box i {
        color: var(--dark-green);
        font-size: 45px;
    }
    .card-box h2 {
        margin: -10px;
        margin-bottom: 0;
        font-size: 20px;
    }
    /* Card Section End */
    /* What-we-do Section Start */
    .what-we-do {
        padding: 0px 20px;
    }
    .what-we-do h3{
        font-size: 30px;
    }
    .stats {
        gap: 30px;
        flex-wrap: wrap;
    }
    .stats h4 {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    /* What-we-do Section End */
    /* About Section Start */
    .about-section {
        height: auto;
    }
    .about-section h3 {
        color: var(--dark-green);
        font-size: 30px;
        margin: 50px 0 0 0;
        text-align: center;
    }
    .about-container {
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px 20px;
    }
    .image-box, .about-content {
        width: auto;
    }
    .image-box{
        width: auto;
        align-items: center;
        padding: 20px;
    }
    #about-img-1 img {
        width: 90%;
    }
    #about-img-2 img {
        width: 50%;
        margin-left: 50%;
        margin-top: -30%;
    }
    .about-icons {
        text-align: center;
    }
    #pc-about-section {
       visibility: hidden;
       height: 0;
    }
    #responsive-about-section {
        visibility: visible;
        height: auto;
    }
    .about-content p {
        font-size: 20px;
        text-align: center;
    }
    /* About Section End */
    /* Project Section Start */
    .project-heading,
    .projects-container, 
    .project-btn {
        width: auto;
        padding: 0px 20px;
    }
    .project-btn{
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .projects-container{
        flex-wrap: wrap;
    }
    #project-image-1::before{
        border-radius: 5px 5px 0px 0px ;
    }
    #project-image-2::before{
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-3::before{
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-4::before{
        border-radius: 0px 0px 5px 5px ;
    }
    #project-image-1 {
        border-radius: 5px 5px 0px 0px ;
    }
    #project-image-2 {
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-3 {
        border-radius: 0px 0px 0px 0px ;
    }
    #project-image-4 {
        border-radius: 0px 0px 5px 5px ;
    }
    .project-heading h3 {
        font-size: 30px;
    }
    .project-heading {
        justify-content: flex-start;
    }
    /* Project Section End */
    /* Services Section Start */
    .services-container{
        width: auto;
        padding: 0px 20px;
        align-items: center;
    }
    .services {
        column-gap: 30px;
    }
    .service-container {
        width: 100%;
        height: 300px;
    }
    .service-btn {
        justify-content: center;
        padding: 20px 0px;
    }
    .services-content h3 {
        font-size: 30px;
    }
    .services-content p {
        margin: 0;
        /* padding: 20px; */
        font-size: 20px;
    }
    /* Services Section End */
     /* Testinomials Section Start */
     .testonomials-container{
        width: auto;
        padding: 0px 20px;
    }
    .slide-container {
        /* padding: 25px 0px; */
        width: 300px;
    }
    .card {
        width: 100%;
        height: 400px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        gap: 20px;
    }
    .card-image {
        width: auto;
        height: 50%;
    }
    .card-image img{
        margin: 20px;
        width: auto;
        border-radius: 100%;
    }
    .card-content {
        width: 100%;
        height: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .card-content .client-review p {
        text-align: center;
        font-size: 17px;
        margin: 10px;
    }
    .testonomials-content h3 {
        font-size: 30px;
    }
    .testonomials-content p {
        font-size: 20px;
    }
    /* Testinomials Section End */
    /* Why-To-Choose Section Start */
    .why-choose-us-container{
        width: auto;
        padding: 0px 20px;
    }
    .why-choose-us {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .why-choose-us-card {
        /* margin: 10px; */
        width: 100%;
        height: 300px;
        background-color: var(--cream);
        border-radius: 0 0 20px 0px;
        padding: 0 30px 0 30px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    }
    .why-choose-us-content h3 {
        font-size: 30px;
    }
    /* Why-To-Choose Section End */
    /* Footer Section Start */
    .footer-container {
        width: auto;
        padding: 0px 20px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-useful-links, .footer-quick-links {
        padding: 20px 0;
    }
    .footer-column {
        width: 100%;
    }
    .footer-copyright{
        width: auto;
    }
    /* Footer Section End */
    /* ============= About Page ============= */
    /* About Page Section Start */
    .about-page-section {
        margin-top: 73px;
    }
    .about-page-section, .about-page-container {
        width: auto;
    }
    .about-page-container {
        padding: 20px 20px 0px 20px;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .about-page-heading h3 {
        text-align: center;
        font-size: 30px;
    }
    .about-page-context {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-page-line {
        width: 50px;
        margin-bottom: 40px;
        transform: rotate(90deg);
    }
    .about-page-desc {
        font-size: 20px;
        text-align: center;
    }
    .about-page-content-heading,
    .about-page-contact-details p,
    .about-page-content-desc {
        text-align: center;
    }
    /* About Page Section End */
    /* About Company Section Start */
    .about-company-section, .about-company-container {
        width: auto;
    }
    .about-company-container {
        padding: 30px 20px 50px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-company-content {
        width: 100%;
        height: auto;
    }
    .about-company-image {
        width: 100%;
        height: 350px;
    }
    .about-company-heading {
        font-size: 30px;
        text-align: center;
    }
    .about-company-desc {
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
    .about-company-feedbox {
        width: 100%;
        margin: 40px 0px;
        padding: 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-company-box-content h4 {
        font-size: 28px;
        margin-bottom: 0;
    }
    .about-company-box-content p {
        font-size: 20px;
    }
    /* About Company Section End */
    /* Company Information Start */
    .about-company-info-section, .about-company-info-container {
        width: auto;
    }
    .about-company-info-container {
        padding: 0px 20px;
    }
    .about-company-info-content p {
        font-size: 20px;
    }
    /* Company Information End */
    /* Company Team Member Section Start */
    .about-team-section, .about-team-container {
        width: auto;
    }
    .about-team-container {
        padding: 30px 20px 0px 20px;
    }
    .about-team-content {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 50px;
    }
    .about-team-member-img {
        width: 300px;
        height: 400px;
    }
    .about-team-container h3 {
        font-size: 30px;
    }
    .about-team-member h4 {
        font-size: 28px;
    }
    /* Company Team Member Section End */
    /* About Testonomials Section Start */
    .about-testonomials-content h3 {
        font-size: 30px;
    }
    .about-testonomials-content p {
        font-size: 20px;
    }
    /* About Testonomials Section End */
    .contact-section {
        width: auto;
        padding: 40px 20px;
    }
    .contact-container {
        width: auto;
        padding: 20px 20px;
    }
    .contact-content h3 {
        font-size: 30px;
    }
    .contact-content p {
        font-size: 20px;
    }
    /* ============= Services Page ============= */
    .services-page-section {
        margin-top: 73px;
        padding: 0;
    }
    .services-page-container, .services-page-box {
        width: auto;
        padding: 50px 20px 50px 20px;
    }
    .services-page-container {
        flex-direction: column;
        row-gap: 50px;
    }
    .services-page-column {
        width: 100%;
    }
    .services-page-column-content h3 {
        font-size: 30px;
    }
    .services-page-column-content {
        width: auto;
        padding: 30px;
    }
    .services-page-box {
        margin-top: -160px;
    }
    .services-page-column-box {
        padding-top: 0;
    }
    .services-page-column-img {
        width: 100%;
        height: 350px;
    }
    /* ============= Projects Page ============= */
    /* Project Page Section Start */
    .project-page-section {
        margin-top: 73px;
        padding: 80px 20px;
    }
    .project-page-section, .project-page-container {
        width: auto;
    }
    .project-page-container {
        padding: 20px;
    }
    .project-page-content h3 {
        font-size: 30px;
    }
    .project-page-content p {
        font-size: 20px;
    }
    /* Project Page Section End */
    /* Project page project section start */
    .projects-page-section, .projects-page-container {
        width: auto;
    }
    .projects-page-container {
       padding: 0px  20px;
    }
    .projects-page-column {
        flex-wrap: wrap;
    }
    .projects-page-content {
        width: 100%;
    }
    .projects-page-desc {
        width: auto;
        font-size: 20px;
    }
    .projects-page-heading {
        font-size: 30px;
    }
    /* Project page project section End */
    /* Project Customer Satisfaction Start */
    .project-customer-section, .project-customer-container {
        width: auto;
    }
    .project-customer-container {
        padding: 0px 20px;
    }
    .project-customer-container h3 {
        text-align: center;
        font-size: 30px;
    }
    .project-customer-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .projects-customer-why-to-choose {
        width: 100%;
    }
    .projects-customer-icon-heading {
        font-size: 28px;
    }
    /* Project Customer Satisfaction End */
     /* ============= Contact Page ============= */
    /* Contact Page First Section Start */
    .contact-page-section {
        margin-top: 73px;
        height: 900px;
    }
    .contact-page-section, .contact-page-container {
        width: auto;
    }
    .contact-page-container {
        padding: 0px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 50px;
    }
    #contact-page-column-1 {
        padding-top: 0px;
        width: 100%;
    }
    #contact-page-column-2 {
        position: relative;
        width: 100%;
        height: 500px;
    }
    .contact-page-main-heading, .contact-page-main-desc {
        width: 100%;
        text-align: center;
    }
    .contact-page-main-desc {
        font-size: 20px;
    }
    .contact-page-main-heading {
        font-size: 30px;
    }
    /* Contact Page First Section End */
    /* Contact Details Section Start */
    .contact-details-section, .contact-details-container {
        width: auto;
    }
    .contact-details-section {
        padding-top: 250px;
        height: auto;
    }
    .contact-details-content {
        padding-top: 50px;
        width: 100%;
    }
    .contact-details-container{
        padding: 0px 20px;
    }
    .contact-page-heading, .contact-page-desc {
        width: 100%;
    }
    .contact-page-icon-details {
        width: 100%;
        flex-direction: column;
        row-gap: 30px;
    }
    .contact-page-heading, .contact-page-desc {
        width: 100%;
        text-align: center;
    }
    .contact-page-heading {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .contact-page-desc {
        font-size: 20px;
    }
    /* Contact Details Section End */
    /* Contact Form Section Start */
    .contact-form-section, .contact-form-container {
        width: auto;
    }
    .contact-form-container {
        padding: 0px 20px;
        flex-direction: column;
        row-gap: 50px;
    }
    #contact-form-column-1::before {
        border-radius: 10px;
    }
    #contact-form-column-1 {
        width: auto;
        height: auto;
    }
    .contact-form-icon-details {
        justify-content: center;
        align-items: center;
    }
    #contact-form-column-2 {
        width: 100%;
    }
    .form-container {
        padding: 25px 0 40px 0;
        border-radius: 10px;
        width: auto;
    }
    .form-container form {
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
    .form-container h3 {
        font-size: 30px;
    }
    .form-row {
        flex-direction: column;
        gap: 20px;
    }
    .input-field {
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .form-container input, textarea {
        width: 265px !important;
        font-size: 17px;
    }
    .form-container input::placeholder, 
    .form-container textarea::placeholder {
        font-size: 17px;
    }
    .contact-form-content h3 {
        font-size: 30px;
    }
    .contact-form-content p {
        font-size: 20px;
    }
    .contact-form-content h3, .contact-form-content p {
        text-align: center;
    } 
    /* Contact Form Section End */
}