*{
    margin: 0;
    padding: 0;
}
*,::before,::after{
    box-sizing: border-box;
  }
html{
    font-size: 62.5%;
}
body {
    font-family: Arial, sans-serif;
    background-color: #FFF;
    
}
header{
    margin-bottom: 32px;
}
.container {
    max-width: 12000px;
    margin: 0 auto;
    padding: 0 0.938em;
}
.header_nav{
    padding: 15px 0;

}
.navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.middle_list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.middle_list li {
    list-style: none;
    margin: 0 15px;
}
.middle_list li a{
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.right_icon{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.right_icon li {
    margin: 0 8px;
    list-style: none;
}
.right_icon li a{
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.navbar_logo img{
    width: 68px;
}
.footer_logo img{
    width: 88px;
}
.burger_menu {
    display: none;
    cursor: pointer;
    font-size: 24px;
    color: #000;
}

.landingpage_container{
    background-color: #214b3d;
   display: flex;
   justify-content: space-between;
   padding: 64px;
   border-radius: 3rem;
} 

.landingpage_content button{
    padding: 1.4rem 2.6rem;
    border-radius: 3rem;
    font-weight: normal;
    font-size: 1.2rem;
    outline: none;
    border: none;
    background-color: #000;
}

.landingpage_content button a{
    text-decoration: none;
    color: #efeeec;
}
.landingpage_content h1{
    font-size: 7rem;
    font-weight: 1000;
    color: #efeeec;
}
.landingpage_content p{
    margin: 32px 0;
    font-size: 1.8rem;
    color: #d8d7d3;
    line-height: 1.5;
}
/* paterns */
.partners_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6em 0;
    flex-wrap: wrap; /* Allow items to wrap on smaller screens */
    gap: 2rem; /* Add space between images */
}
.partners_flex .partners_image {
    flex: 1 1 15%; /* Make each image flexibly take up space */
    max-width: 20%; /* Prevent images from growing too large */
    display: flex;
    justify-content: center; /* Center align images */
}
.partners_flex .partners_image img{
    opacity: .85;
    transition: opacity .3s;
    max-width: 100%; /* Ensure images scale down responsively */
}
.partners_flex .partners_image img:hover {
    opacity: 1; /* Make image fully visible when hovered */
}
/* services */
.services{
    padding: 6em 0;
    background-color: #fbfbfb;

}
.top_content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* Ensure items stack on smaller screens */
    width: 100%;

}
.left_top_content {
    flex: 1;
    min-width: 300px; /* Minimum width to maintain layout */
    max-width: 38%; /* Prevent items from exceeding half the container width */
    
    
}
.right_top_content {
    flex: 1;
    min-width: 300px; /* Minimum width to maintain layout */
    max-width: 48%; /* Prevent items from exceeding half the container width */
    margin: 10px; /* Add space between items */
}
.top_content p{
    font-size: 1.4rem;
    line-height: 1.5;
    color: #323234;
   

}
.top_content h2{
    font-size: 4.6rem;
    font-weight: 900;
    text-align: start;
}
.top_content button{
    padding: 1.4rem 2.6rem;
    border-radius: 3rem;
    font-weight: normal;
    font-size: 1.2rem;
    outline: none;
    border: none;
    background-color: #214b3d;
    margin-top: 32px;
}

.top_content button a{
    text-decoration: none;
    color: #fff;
}
.bottom_content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-top: 32px;


}
.services_image{
    background-color: #dce0de;
}
.bottom_content .services_image img{
    width: 100%;
    aspect-ratio: 9 / 8;
    object-fit: cover;
}
.left_services{
    display: flex;
    align-items: center;
    justify-content: center;
}
.services_card{
    display: grid;
    grid-template-columns:   1fr;
    gap: 32px;
}
.services_card .services_item .services_item_number{
    line-height: 1.5;
    font-size: 1.2rem;
    color: #214b3d ;
    font-weight: 800;
}
.services_card .services_item .services_item_boder{
    line-height: 1.5;
    width: 100%;
    height: 1px;
    background-color: #bdc0bb;
    
}
.services_card .services_item p{
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1rem 0;
    
}
.services_card .services_item .services_item_content{
    line-height: 1.5;
    font-size: 1.2rem;
    color: #323234;
    
}
/* about */
.about{
    padding: 6em 0;
    background-color: #214b3d;
}
.about_header h2{
    font-size: 7.6rem;
    font-weight: 900;
    color: #efeeec;
    margin-bottom: 64px;
}
.about_container{
    display: grid;
    grid-template-columns: 25% 75%;
   

}
.about_container .about_main_image img{
    width: 100%;
    aspect-ratio: 20 / 9;
    object-fit: cover;
   
}
.about_sub_image{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.about_sub_image .inside_image img{
    width: 100%;
    aspect-ratio: 20 / 12;
    object-fit: cover;
    margin-top: 32px;

}
.right_about h2{
    line-height: 1.5;
    font-size: 2.4rem;
    font-weight: 500;
    margin: 1rem 0;
    color: #efeeec;
    min-width: 300px; /* Minimum width to maintain layout */
    max-width: 68%;
}
.right_about p{
    line-height: 1.5;
    font-size: 1.2rem;
    color: #cecdca;
    margin: 32px 0;
    min-width: 300px; /* Minimum width to maintain layout */
    max-width: 68%;
}

.right_about button{
    padding: 1.4rem 2.6rem;
    border-radius: 3rem;
    font-weight: normal;
    font-size: 1.2rem;
    outline: none;
    border: none;
    background-color: #000;
}

.right_about button a{
    text-decoration: none;
    color: #fff;
}
/* features */
.features{
    padding: 6em 0;
}
.bottom_features{
    margin-top: 120px;
}
.card_features{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;


}
.top_features h2{
    line-height: 1.5;
    font-size: 2.4rem;
    font-weight: 500;
    color: #2e2e2c;
    min-width: 300px;
    max-width: 58%;
}
.top_features{
    display: flex;
    justify-content: space-between;
}
.item_features_image{
    background-color: #efeeec;
}
.item_features .item_features_image img{
    width: 100%;
    aspect-ratio: 20 / 15;
    object-fit: cover;
}
.item_features_title {

    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 4px 0;
}
/* testmonials */
.testmonials{
    padding: 6em 0 15em 2em ;
    background-color: #efeeec;   
}
.top_testmonials h2{
    font-size: 7.6rem;
    font-weight: 900;
    color: #313130;
    margin-bottom: 64px;
    text-align: center;
}
.card_testmonils{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}
.quate span{

    padding: 8px;
    color: #060606;
    background-color: #fffefc;
    font-size:16px ;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -6%;
}
.card_testmonils .user_image img{
    width: 100%;
    height: 32px;
    width: 32px;
    object-fit: cover;
    border-radius: 50%;
}
.user_info{
    display: flex;
    gap: .8912rem;
    align-items: center;
    position: relative;

}
.user_naame span{
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: bold;
}
.user_postion span{
    line-height: 1.5;
    font-size: .9912rem;
    font-weight: bold;
    color: #6c6b69;
}
.user_pragraph p{
    line-height: 1.5;
    font-size: 1.2rem;
    color: #6c6b69;
    margin-top: 20px;
}

/* team */
.team{
    padding: 6em 0;   
}
.bottom_team{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}
.item_team{
    position: relative;
}
.item_features_content{
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.597));
    backdrop-filter: blur(-1px);
    /* box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); */
    width: 100%;
    text-align: center;
    padding: 20px 0;
    
}
.top_team{
    text-align: center;

}
.top_team_content h2{
    font-size: 7.6rem;
    font-weight: 900;
    color: #313130;
    margin: 20px 0;
    text-align: center;
}
.top_team_content p{
    line-height: 1.5;
    font-size: 1.2rem;
    color: #6c6b69;
    margin-bottom: 64px;

}
.top_team_content span{
   color: #efeeec;
   padding: 4px;
   background-color: #214b3d;
   border-radius:12px;
}
.bottom_team .item_team .item_team_image{
    background-color: #214b3d;
}
.bottom_team .item_team .item_team_image img{
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
}
.team_name{
    font-size: 1.6rem;
    font-weight: 700;
    color: #efeeec;
    margin: 4px 0;
}
.team_Position{
color: #b3b2b0;
font-size: 1.2rem;
}
/* adds */
.adds{
    padding: 6em 0;

}
.adds_container{
    margin: 6em  6em 12em 6em ;
    background-color: #214b3d; 

}
.adds_content{
    padding: 10em;

}
.adds_content h1{
    font-size: 7rem;
    font-weight: 1000;
    color: #efeeec;

}
.adds_content p{
    margin: 32px 0;
    font-size: 1.8rem;
    color: #d8d7d3;
    line-height: 1.5;

}
.adds_content button{
    padding: 1.4rem 2.6rem;
    border-radius: 3rem;
    font-weight: normal;
    font-size: 1.2rem;
    outline: none;
    border: none;
    background-color: #eef1f0;
}

.adds_content button a{
    text-decoration: none;
    color: #131111;
}






/* footer */
.footer{
    padding: 6em 0;
    background-color: #151513;  

}
.footer_container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    color: #efeeec;
}
.footer_pragraph p{
    line-height: 1.5;
    font-size: 1.2rem;
    color: #b3b2b0;
    padding: 20px 0;

}
.footer_container .footer_link li{
    list-style: none;
    padding: 0.5rem 0;
}
.footer_container .footer_link a{
    color: #b3b2b0;
    text-decoration: none;
    font-size: 1.2rem;
}
.footer_link h1{
    line-height: 1.5;
    font-size: 1.5rem;
    margin-bottom: 20px;

}
.footer_content button{
    padding: 1.4rem 2.6rem;
    border-radius: 3rem;
    font-weight: normal;
    font-size: 1.2rem;
    outline: none;
    border: none;
    background-color: #eef1f0;
}

.footer_content button a{
    text-decoration: none;
    color: #131111;
}










@media screen and (max-width: 1200px) {
    .landingpage_container {
        padding: 40px;
    }

    .landingpage_content h1 {
        font-size: 5.6rem;  /* Adjust heading font size */
    }

    .landingpage_content p {
        font-size: 1.6rem;  /* Adjust paragraph font size */
    }
    .landingpage_container {
        flex-direction: column;  /* Stack elements vertically */
        align-items: center;  /* Center align items */
    }

    .landingpage_content {
        text-align: center;  /* Center text for smaller screens */
        margin-bottom: 2rem;
    }

    .landingpage_content h1 {
        font-size: 4.8rem;  /* Smaller heading */
    }

    .landingpage_content p {
        font-size: 1.4rem;  /* Smaller paragraph font */
        text-align: center;  /* Ensure text is centered */
    }

    .landingpage_content button {
        padding: 1.2rem 2.2rem;  /* Adjust button size */
    }

    .left_landingpage .landingpage_imaage img {
        width: 80%;  /* Adjust image width */
        margin-top: 1rem;  /* Space above image */
    }
}

@media screen and (min-width: 992px) {
    .container {
        padding: 0 2em; /* Applies 0 padding to top and bottom, and 2em padding to left and right */
    }

}
/* Responsive styles for smaller screens */
@media screen and (max-width: 991px) {
    .middle_navbar {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        background-color: #fff;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        padding: 15px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 10;
    }

    .middle_navbar.active, .right_navbar.active {
        display: flex;
    }

    .middle_list {
        flex-direction: column;
        width: 100%;
    }

    .middle_list li {
        margin: 10px 0;
    }

    .burger_menu {
        display: block;
        font-size: 18px;
    }
    .right_icon li:first-child{
        margin: 0;
    }
}
@media screen and (max-width: 768px) {
    .landingpage_content h1 {
        font-size: 3.5rem;  /* Smaller heading font */
    }

    .landingpage_content p {
        font-size: 1.3rem;  /* Adjust font size further */
    }

    .landingpage_content button {
        padding: 1rem 2rem;  /* Reduce button size */
    }

    .left_landingpage .landingpage_imaage img {
        width: 100%;  /* Full width image */
        margin-top: 1.5rem;
    }
}

@media screen and (max-width: 480px) {
    .landingpage_content h1 {
        font-size: 3rem;  /* Even smaller heading font */
    }

    .landingpage_content p {
        font-size: 1.2rem;  /* Smaller paragraph font */
    }

    .landingpage_content button {
        padding: 0.9rem 1.8rem;  /* Further reduce button size */
    }

    .left_landingpage .landingpage_imaage img {
        width: 100%;  /* Full width image on very small screens */
    }
}


@media screen and (max-width: 1200px) {
    .partners_flex {
        padding: 4em 0; /* Reduce padding for medium screens */
    }
    
    .partners_flex .partners_image {
        flex: 1 1 20%; /* Adjust image size for larger medium screens */
    }
}

@media screen and (max-width: 992px) {
    .partners_flex {
        padding: 3em 0; /* Reduce padding */
    }

    .partners_flex .partners_image {
        flex: 1 1 30%; /* Make each image take up more space on tablets */
    }
}

@media screen and (max-width: 768px) {
    .partners_flex {
        padding: 2em 0; /* Further reduce padding */
    }

    .partners_flex .partners_image {
        flex: 1 1 45%; /* On smaller screens, display 2 images per row */
    }
}

@media screen and (max-width: 480px) {
    .partners_flex {
        padding: 1em 0; /* Adjust padding for very small screens */
    }

    .partners_flex .partners_image {
        flex: 1 1 100%; /* Stack images on top of each other on small screens */
    }
}
@media screen and (max-width: 1200px) {
    .adds_container {
        margin: 4em 3em; /* Reduce margins for medium screens */
    }

    .adds_content h1 {
        font-size: 5.6rem; /* Adjust heading font size */
    }

    .adds_content p {
        font-size: 1.6rem; /* Adjust paragraph font size */
    }

    .adds_content button {
        padding: 1.2rem 2.4rem; /* Adjust button padding */
    }
}

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


    .adds_container {
        margin: 3em 2em; /* Further reduce margins */
    }

    .adds_content h1 {
        font-size: 5rem; /* Reduce heading size */
    }

    .adds_content p {
        font-size: 1.4rem; /* Reduce paragraph font size */
    }

    .adds_content button {
        padding: 1rem 2rem; /* Reduce button size */
    }
}

@media screen and (max-width: 768px) {
    .adds_container {
        margin: 2em 1em; /* Further reduce margins */
    }

    .adds_content {
        padding: 4em; /* Reduce padding */
    }

    .adds_content h1 {
        font-size: 4.2rem; /* Smaller heading font size */
    }

    .adds_content p {
        font-size: 1.3rem; /* Smaller paragraph font size */
    }

    .adds_content button {
        padding: 1rem 1.8rem; /* Smaller button size */
    }
}

@media screen and (max-width: 480px) {
    .adds_container {
        margin: 2em 0.5em; /* Even smaller margins */
    }

    .adds_content {
        padding: 3em; /* Further reduce padding */
    }

    .adds_content h1 {
        font-size: 3.5rem; /* Significantly smaller heading font size */
    }

    .adds_content p {
        font-size: 1.2rem; /* Smaller paragraph font */
    }

    .adds_content button {
        padding: 0.8rem 1.6rem; /* Adjust button size */
    }
}
@media screen and (min-width: 992px) {

}
/* Responsive Adjustments */
@media screen and (max-width: 1200px) {
    .top_testmonials h2 {
        font-size: 6.5rem; /* Adjust heading font size */
    }

    .card_testmonils {
        grid-template-columns: 1fr 1fr 1fr; /* Maintain three columns */
    }
}

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


    .top_testmonials h2 {
        font-size: 5.5rem; /* Adjust heading font size for tablets */
    }

    .card_testmonils {
        grid-template-columns: 1fr 1fr; /* Two columns on medium screens */
    }

    .user_naame span {
        font-size: 1.4rem; /* Slightly smaller name font */
    }

    .user_postion span {
        font-size: 1rem; /* Adjust position font size */
    }

    .user_pragraph p {
        font-size: 1.1rem; /* Adjust paragraph font size */
    }
}

@media screen and (max-width: 768px) {
    .testmonials {
        padding: 4em 1em 8em 1em; /* Adjust padding for mobile */
    }

    .top_testmonials h2 {
        font-size: 4.5rem; /* Smaller heading font size */
    }

    .card_testmonils {
        grid-template-columns: 1fr; /* Single column on smaller screens */
    }

    .user_naame span {
        font-size: 1.3rem; /* Adjust name font size for mobile */
    }

    .user_postion span {
        font-size: 0.9rem; /* Adjust position font size */
    }

    .user_pragraph p {
        font-size: 1rem; /* Reduce paragraph font size */
    }
}

@media screen and (max-width: 480px) {
    .top_testmonials h2 {
        font-size: 4rem; /* Further reduce heading size */
    }

    .user_naame span {
        font-size: 1.2rem; /* Further reduce name font size */
    }

    .user_postion span {
        font-size: 0.85rem; /* Further reduce position font size */
    }

    .user_pragraph p {
        font-size: 0.9rem; /* Further reduce paragraph font size */
    }
}

/* Responsive Adjustments */
@media screen and (max-width: 1200px) {
    .top_content h2 {
        font-size: 4rem; /* Adjust heading font size */
    }

    .top_content p {
        font-size: 1.3rem; /* Adjust paragraph font size */
    }

    .bottom_content {
        grid-template-columns: 1fr 1fr; /* Two columns for medium screens */
    }

    .services_card {
        grid-template-columns: 1fr 1fr; /* Two columns for smaller service items */
    }
}

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


    .top_content h2 {
        font-size: 3.5rem; /* Adjust heading font size for tablets */
    }

    .top_content p {
        font-size: 1.2rem; /* Adjust paragraph font size */
    }

    .top_content button {
        padding: 1rem 2rem; /* Adjust button padding for mobile */
    }

    .bottom_content {
        grid-template-columns: 1fr; /* Single column on smaller screens */
    }

    .services_card {
        grid-template-columns: 1fr; /* Single column on smaller screens */
    }

    .services_card .services_item .services_item_number {
        font-size: 1rem; /* Adjust number font size */
    }

    .services_card .services_item p {
        font-size: 1.4rem; /* Adjust paragraph font size */
    }

    .services_card .services_item .services_item_content {
        font-size: 1.1rem; /* Adjust content font size */
    }
}

@media screen and (max-width: 768px) {
    .services {
        padding: 4em 1em; /* Reduce padding for mobile screens */
    }

    .top_content h2 {
        font-size: 3rem; /* Further reduce heading font size */
    }

    .top_content p {
        font-size: 1rem; /* Further reduce paragraph font size */
    }

    .top_content button {
        font-size: 1rem; /* Adjust button font size */
    }

    .services_card .services_item p {
        font-size: 1.3rem; /* Adjust paragraph font size for smaller screens */
    }

    .services_card .services_item .services_item_content {
        font-size: 1rem; /* Adjust content font size for mobile */
    }
}
/* Responsive Adjustments */
@media screen and (max-width: 1200px) {
    .about_header h2 {
        font-size: 5.6rem; /* Adjust heading font size */
    }

    .right_about h2 {
        font-size: 2.2rem; /* Adjust subheading font size */
    }

    .right_about p {
        font-size: 1.1rem; /* Adjust paragraph font size */
    }

    .about_container {
        grid-template-columns: 1fr; /* Stack content for medium screens */
    }

    .right_about {
        max-width: 100%; /* Ensure text area takes up full width */
    }

    .about_sub_image {
        grid-template-columns: 1fr; /* Stack images vertically */
    }

    .about_sub_image .inside_image img {
        margin-top: 16px; /* Reduce margin for smaller screens */
    }
}

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


    .about_header h2 {
        font-size: 4.8rem; /* Adjust heading font size for tablets */
    }

    .right_about h2 {
        font-size: 2rem; /* Adjust subheading font size */
    }

    .right_about p {
        font-size: 1rem; /* Adjust paragraph font size */
    }

    .right_about button {
        font-size: 1.1rem; /* Adjust button font size */
        padding: 1rem 2.2rem; /* Adjust button padding */
    }

    .about_sub_image .inside_image img {
        aspect-ratio: 16 / 9; /* Adjust aspect ratio for better mobile images */
    }
}

@media screen and (max-width: 768px) {
    .about {
        padding: 4em 1em; /* Reduce padding for mobile screens */
    }

    .about_header h2 {
        font-size: 4rem; /* Further reduce heading font size */
    }

    .right_about h2 {
        font-size: 1.8rem; /* Further reduce subheading font size */
    }

    .right_about p {
        font-size: 0.9rem; /* Further reduce paragraph font size */
    }

    .right_about button {
        font-size: 1rem; /* Further adjust button font size */
        padding: 1rem 2rem; /* Adjust button padding */
    }

    .about_sub_image {
        grid-template-columns: 1fr; /* Stack images in one column on small screens */
    }

    .about_sub_image .inside_image img {
        aspect-ratio: 4 / 3; /* Adjust image aspect ratio */
        margin-top: 10px; /* Reduce margin between images */
    }
}

/* Responsive Adjustments */
@media screen and (max-width: 1200px) {
    .card_features {
        grid-template-columns: 1fr 1fr 1fr; /* Adjust to 3 columns for medium screens */
    }

    .top_features h2 {
        font-size: 2.2rem; /* Slightly reduce heading font size */
        max-width: 70%; /* Ensure the text doesn't stretch too wide */
    }

    .features {
        padding: 4em 2em; /* Adjust padding for medium screens */
    }
}

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


    .top_features h2 {
        font-size: 2rem; /* Reduce font size for smaller screens */
        max-width: 100%; /* Allow the text to stretch across */
    }

    .card_features {
        grid-template-columns: 1fr 1fr; /* Adjust to 2 columns for smaller screens */
    }

    .item_features .item_features_image img {
        aspect-ratio: 16 / 9; /* Adjust aspect ratio for smaller screens */
    }

    .features {
        padding: 4em 1em; /* Adjust padding for smaller screens */
    }
}

@media screen and (max-width: 768px) {
    .top_features h2 {
        font-size: 1.8rem; /* Further reduce font size for mobile screens */
    }

    .card_features {
        grid-template-columns: 1fr; /* Stack items in a single column */
    }

    .item_features .item_features_image img {
        aspect-ratio: 4 / 3; /* Adjust aspect ratio for better mobile display */
    }

    .features {
        padding: 3em 1em; /* Reduce padding for mobile devices */
    }
}

/* Responsive Adjustments */
@media screen and (max-width: 1200px) {
    .bottom_team {
        grid-template-columns: 1fr 1fr 1fr; /* 3 columns for medium screens */
    }

    .top_team_content h2 {
        font-size: 3.6rem; /* Slightly reduce font size */
        max-width: 80%;
    }

    .top_team_content p {
        font-size: 1rem; /* Slightly reduce font size */
    }

    .team {
        padding: 4em 2em; /* Adjust padding for medium screens */
    }
}

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


    .top_team_content h2 {
        font-size: 2.8rem; /* Reduce font size for smaller screens */
        max-width: 100%; /* Allow the text to stretch across */
    }

    .bottom_team {
        grid-template-columns: 1fr 1fr; /* 2 columns for smaller screens */
    }

    .bottom_team .item_team .item_team_image img {
        aspect-ratio: 2 / 3; /* Adjust aspect ratio for smaller screens */
    }

    .team_name {
        font-size: 1.4rem; /* Adjust font size for team names */
    }

    .team_Position {
        font-size: 1rem; /* Adjust font size for positions */
    }

    .team {
        padding: 3em 1.5em; /* Reduce padding for smaller screens */
    }
}

@media screen and (max-width: 768px) {
    .bottom_team {
        grid-template-columns: 1fr; /* Stack all items in one column for mobile */
    }

    .top_team_content h2 {
        font-size: 2.4rem; /* Further reduce font size */
    }

    .item_features_content {
        padding: 15px 0; /* Adjust padding for smaller screens */
    }

    .bottom_team .item_team .item_team_image img {
        aspect-ratio: 2 / 3; /* Adjust aspect ratio for mobile display */
    }

    .team {
        padding: 2.5em 1em; /* Further reduce padding for mobile */
    }
}
@media screen and (max-width: 1200px) {
    .footer_container {
        grid-template-columns: 1fr 1fr 1fr; /* 3 columns for medium screens */
    }

    .footer_link h1 {
        font-size: 1.4rem; /* Adjust font size for section headings */
    }

    .footer_container .footer_link a {
        font-size: 1.1rem; /* Adjust font size for links */
    }

    .footer_content button {
        padding: 1rem 2rem; /* Adjust padding for buttons */
    }

    .footer_pragraph p {
        font-size: 1rem; /* Slightly reduce font size for paragraph */
    }
}

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


    .footer_container {
        grid-template-columns: 1fr 1fr; /* 2 columns for smaller screens */
    }

    .footer_pragraph p {
        font-size: 1rem; /* Adjust font size for paragraphs */
    }

    .footer_content button {
        width: 100%; /* Make the button take up full width */
    }

    .footer_content {
        text-align: center; /* Center align content for better display */
    }

    .footer_link h1 {
        font-size: 1.3rem; /* Adjust font size for section headings */
    }

    .footer_container .footer_link a {
        font-size: 1.1rem; /* Adjust font size for links */
    }
}

@media screen and (max-width: 768px) {
    .footer_container {
        grid-template-columns: 1fr ; /* Stack items in a single column for mobile */
    }

    .footer_content button {
        padding: 1rem 1.5rem; /* Adjust button padding */
    }

    .footer_link h1 {
        font-size: 1.3rem; /* Adjust font size for headings */
    }

    .footer_container .footer_link a {
        font-size: 1rem; /* Adjust font size for links */
    }

    .footer_pragraph p {
        font-size: 1rem; /* Adjust font size for paragraph */
    }
}