* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Jost", sans-serif;

}





.navbar {
    background-color: #f76a06;
    padding: 6px 0px 6px 50px;
}

body {
    background-color: #cf8d45;
    padding-top: 0px;
}

.home-section {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: bold;
    top: 0%;

    position: fixed;
    width: 100%;
    z-index: 9999;
}

.home-section img {
    width: 120px;
    height: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; */
    border-radius: 20px;
}

.home-section .nav-item1 {
    padding-left: 70px;
}



.li a {
    margin-right: 25px;

}

.navbar-nav {
    margin-left: 50px;
    margin-top: 6px;
}

.nav-item .nav-link {
    margin-left: 10px;
    font-weight: bold;
    color: rgb(14, 14, 14);
    font-size: 16px;
    /* text-shadow: 1px 1px 1px black; */
    letter-spacing: 2px;
    transition: 0.5s ease;
}

.nav-item .nav-link:hover {
    color: #ffffff;
}



/* .videoc {
    max-width: max-content;
    max-height: max-content;
    margin-top: 0;
} */


.btncv {
    background: transparent;
    color: rgb(0, 0, 0);
    border: 2px solid rgb(249, 249, 249);
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 20px;
    cursor: pointer;
    text-align-last: right;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 200px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.nav-item .nav-link:hover {
    color: #ffffff;
}


/* video */
/* 
.container {
    width: 100%;
    height: 50vh;
    position: relative;

} */

/* .container video {
    width: 100%;
    height: 50vh;
} */

.top-left {
    position: absolute;
    top: 80px;
    /* left: 100px; */
    mix-blend-mode: multiply;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #000;
    color: #ffffff;
}

/* .text-box1 {
    position: absolute;
    top: 40px;
    left: 0;
    background: #000;
    height: 30%;
    width: 100%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    font-weight: 700vh;
    mix-blend-mode: multiply;
    padding-top: 30px;
    padding-right: 90px;
    ;

} */















/* about */
.container2 {
    padding: 50px 80px 10px 80px;
}

/* .container3 {
    padding: 0px 80px 30px 80px;
} */




/* cards2 */
/* OVERVIEW */


#Overview {
    width: 100%;
    height: 130vh;
    background-color: rgb(221, 149, 49);
    padding-top: 50px;
}

#Overview h1 {
    color: rgb(0, 0, 0);
    padding-top: 20px;
}

#Overview p {
    color: rgb(0, 0, 0);
}

#Overview .card {
    transition: 0.5s ease;
    cursor: pointer;
}

#Overview .card:hover {
    transform: translateY(-10px);
}

@media screen and(max-width:770px) {
    #Overview {
        height: 330vh;
    }
}

@media screen and(max-width:460px) {
    #Overview {
        height: 270vh;
    }
}

@media screen and(max-width:380px) {
    #Overview {
        height: 235vh;
    }
}

@media screen and(max-width:312px) {
    #Overview {
        height: 200vh;
    }
}

@media screen and(max-width:300px) {
    #Overview {
        height: 109vh;
    }
}

@media screen and(max-width:280px) {
    #Overview h1 {
        padding-top: 100px;
    }
}








#Overviews {
    width: 100%;
    height: 250vh;
    background-color: rgb(221, 149, 49);
    padding-top: 50px;
    margin-bottom: 50px;
}

#Overviews h1 {
    color: rgb(0, 0, 0);
    padding-top: 20px;
}

#Overviews p {
    color: rgb(0, 0, 0);
}

#Overviews .card {
    transition: 0.5s ease;
    cursor: pointer;
}

#Overviews .card:hover {
    transform: translateY(-10px);
}

@media screen and(max-width:770px) {
    #Overviews {
        height: 330vh;
    }
}

@media screen and(max-width:460px) {
    #Overviews {
        height: 270vh;
    }
}

@media screen and(max-width:380px) {
    #Overviews {
        height: 235vh;
    }
}

@media screen and(max-width:312px) {
    #Overviews {
        height: 200vh;
    }
}

@media screen and(max-width:300px) {
    #Overviews {
        height: 109vh;
    }
}

@media screen and(max-width:280px) {
    #Overviews h1 {
        padding-top: 100px;
    }
}






/* marque images */
#card5 {
    width: 100%;
    height: 0vh;
    background-color: rgb(204, 154, 68);

    border-radius: 0px;


}

.cards h1 {
    color: rgb(0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
}

.cards p {
    color: rgb(0, 0, 0);
}

.cards .card {
    transition: 0.5s ease;
    cursor: pointer;
    padding: 10px 10px 10px 20px;
}

.cards .card:hover {
    transform: translateY(-10px);
}

.cards .card {
    margin: 10px 10px 10px 10px;
}

.cards .card-body2 {
    padding-top: 90px;
}

#cards .card-body1 {
    padding-top: 60px;
}





/* cards */


/* .cards {
    width: 100%;
    height: 120vh;
    background-color: rgb(204, 154, 68);

    border-radius: 0px;


} */

.cards h1 {
    color: rgb(0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
}

.cards p {
    color: rgb(0, 0, 0);
}

.cards .card {
    transition: 0.5s ease;
    cursor: pointer;
    padding: 10px 10px 10px 20px;
}

.cards .card:hover {
    transform: translateY(-10px);
}

.cards .card {
    margin: 10px 10px 10px 10px;
}

.cards .card-body2 {
    padding-top: 90px;
}

.cards .card-body1 {
    padding-top: 60px;
}





/* image */

/* .container {
    width: 100;
    height: 100vh;
    padding: 30px 0 100px 0;
} */



/* image for all pages */

.imaged img {
    width: 100%;
    background-size: cover;

}

.imaged h1 {
    color: #ffffff;
    padding-bottom: 40px;
    padding-left: 40px;
}










/* imagesslides */



.container6 {
    width: 100;
    height: 50vh;
    padding: 30px 0 100px 0;
}





.card {
    margin: 20px !important;
}








/* FEATURES */

.CONT {
    padding-left: 30px;
}


.CONT h2 {
    padding-left: 50px;
}

.CONT h4 {
    padding-left: 50px;
}








/* 


/* sliders/ */
/* .container {
    min-height: 100vh;
    display: grid;
    place-items: center;
}

.sliders {
    height: 250px;
    margin: auto;
    position: relative;
    width: 90%;
    display: grid;
    place-items: center;
}

.slide-track {
    display: flex;
    width: calc(250px*18);
}

.slide-track:hover {
    animation-play-state: paused;

}




@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {

        transform: translateX(calc(-250px*9));
    }
}
 */




/* 
.slide {
    height: 200px;
    width: 250px;
    display: flex;
    align-items: center;
    padding: 15px;
    perspective: 100px;
}

img {
    width: 100%;
    transition: transform 1s;
}

img:hover {
    transform: translateZ(20px);
} */

/* gradient shadow */

/* .slide::before,
.slide::after {
    background: linear-gradient(to right, rgba(255, 255, 25, 1)0%,
            rgba(255, 255, 25, 0)100%);
    content: ;
    height: 100%;
    position: absolute;
    width: 15%;
    z-index: 2;
}

.slider::before {
    left: o;
    top: 0;
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
} */




/* arrow */
/* html {
    /* scroll-behavior: smooth; */




/* 
body {
    min-height: 100vh;
    display: -ms-grid;
    display: grid;
    place-items: center;
} */

.slider {
    height: 300px;
    margin: auto;
    position: relative;
    width: 90%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.slide-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(250px * 18);
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;

}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 9));
        transform: translateX(calc(-250px * 9));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 9));
        transform: translateX(calc(-250px * 9));
    }
}

.slide {
    /* height: 200px;
    width: 250px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-perspective: 100px;
    perspective: 100px;
}

img:hover {
    transform: translateZ(15px);
}

.slide-track:hover {
    animation-play-state: paused;

}

img {
    width: 100%;
    -webkit-transition: -webkit-transform 1%;
    transition: -webkit-transform 1%;
    transition: transform 1%;
    transition: transform 1%, -webkit-transform 1%;
}

img.hover {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}






















.whatsapp2 {
    position: fixed;
    border-radius: 120px;

    height: 80px;
    bottom: 40px;
    right: 50px;
    text-decoration: none;

    text-align: center;
    line-height: 50px;
    margin-bottom: 20px;
}

.whatsapp2:hover {
    color: rgb(252, 239, 0) !important;
}

.icon-bars a:hover {
    background-color: #fb0101;
}


/* footer */

.link {
    text-decoration: none;
    color: #ffffff;

}

/* footer */








/* CONTACTUS */

.container5 {
    width: 80%;
    margin: 50px auto;
    padding-top: 70px;
}

.contact-box {
    background: #eceae5;
    display: flex;
}

.contact-left {
    flex-basis: 60%;
    padding: 40px 60px;
}

.contact-right {
    background: #f5c732;
    flex-basis: 40%;
    padding: 40px;
    color: #000000;
}

.h1 {
    margin-bottom: 10px;
}

.container5 p {
    margin-bottom: 40px;
}

/* .carousel-inner img{
    width: 500px !important;
} */
.input-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;

}

.input-row .input-group {
    flex-basis: 45%;
}

Input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    padding-bottom: 5px;
}

textarea {
    width: 100%;
    border: 1px solid #ccc;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
}

label {
    margin-bottom: 6px;
    display: block;
    color: #00a2ff;
}

/* button {
    background: #2814dd;
    width: 100px;
    border: none;
    outline: none;
    color: #ffffff;
    height: 35px;
    border-radius: 30px;
    margin-top: 20px;
   
} */

.contact-left h3 {
    color: #2a1ceb;
    font-weight: 600;
    margin-top: 30px;
}

.contact-right h3 {
    font-weight: 600;
    margin-top: 30px;
}

tr td:first-child {
    padding-right: 20px;
}

tr td {
    padding-top: 20px;
}







/* .box-area{
    width: 930px;
}
*/


.right-box {
    padding: 40px 30px 40px 40px;
}

/* ::placeholder{ 
    font-size: 16px;
}
@media only screen and (max-width: 768px){
    .box-area{
        margin: 0 10px;
    }
    .left-box{
        height: 100px;
        overflow: hidden;
    }
    .right-box{
        padding: 20px;
    }
}
 */






/* location */

.locn {

    padding: 60px 0px 0px 90px;



}


.locn h2 {


    padding: 80px 0px 0px 90px;
    color: #f76a06;


}





/* TOWNSHIP */

/* BACKGROUND */


.BACKGROUND img {
    width: 100%;
    background-size: cover;

}

.BACKGROUND h1 {
    color: #ffffff;
    padding-bottom: 0px;
    padding-left: 40px;

}

.BACKGROUND p {
    color: #ffffff;
    padding-bottom: 350px;
    padding-left: 40px;

}


/* OVERVIEW */

.BACKGROUND2 img {
    width: 100%;
    background-size: cover;

}

.BACKGROUND2 h1 {
    color: #fff200;
    padding-bottom: 0px;
    padding-left: 40px;
    background-color: #000;
}

.BACKGROUND2 p {
    color: #fdfd00;
    padding-bottom: 250px;
    padding-left: 40px;
    background-blend-mode: darken;

}


/* ******************Sticky Social Icon******************** */

#icon-bar {
    position: fixed;
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#icon-bar a {
    display: block;
    text-align: center;
    padding: 8px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    border-radius: 5px;
}

#icon-bar a:hover {
    background-color: #fb7a01;
}

#icon-bar .facebook {
    background: #3B5998;
    color: white;
}

#icon-bar .twitter {
    background: #55ACEE;
    color: white;
}

#icon-bar .google {
    background: #dd4b39;
    color: white;
}



#icon-bar .youtube {
    background: #bb0000;
    color: white;
}

#icon-bar .whatsapp {
    background: #148c04;
    color: white;
}

#icon-bar .content {
    margin-left: 75px;
    font-size: 30px;
}



/* property */
.container .bag {
    color: black;
    background-color: #ccc;
    text-decoration: none;
}



.card-body {
    color: #000;
}

.card-body:hover {
    color: #cf8d45;
}

.bag:hover {
    color: #cf8d45;
}


.sharer {
    align-items: end;
    color: #0b0b0b;
    padding-left: 40px;
}

/* .dropdown-menu */

/* 

/* .dropdown-menu/* .dropdown-menu */



.dropdown:hover>.dropdown-menu {
    display: block;
    background-color: #f31616;
    margin-top: 0.125em;

}

.dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 195px;
}

.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
    background-color: #fae588;
}

.dropend .dropdown-toggle {
    margin-left: .1em;
}

.dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
}

@media screen and (min-width: 769px) {
    .dropend:hover>.dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }
}




/* cards shortcut */

.cardscut {
    border-radius: 20px;
    background-color: #dad3a9;
}

.bordered {
    border-radius: 20px;
    background-color: #f8c304;
}





/* videos tab */

#videoss .card:hover {
    transform: translateZ(15px);
}




/* PROPERTIES */


.PROPERTIES {
    padding-top: 80px;
    padding-left: 50px;
}




.cars1:hover {
    background-image: linear-gradient(#17f902, #e4cedf) !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #44e80d;
}

.cars {
    border-radius: 20px;
    height: 200px;
    text-align: center;
    padding-top: 20px;
    margin: 50px;
    background-color: #cfc7a1;
    border: 2PX solid #44e80d;


}

.cars2:hover {
    background-image: linear-gradient(#1702f9, #e4cedf) !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #1702f9;
    border: linearg;

}

.cars3:hover {
    background-image: linear-gradient(#f6f60b, #e4cedf) !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #e5ff00;
}

.cars4:hover {
    background-image: linear-gradient(#f60c3f, #e4c8de) !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #fb00ff;
}

.cars5:hover {
    background-image: linear-gradient(#02f5f9, #e4cedf) !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #05f9fd;
}

.cars6:hover {
    background-image: linear-gradient(#ae07f6, #e4cedf) !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #ff0000;
}



.view {
    margin-top: 25px;

    background-color: #1d09f4;
}

.view1 {
    margin-top: 0px;

    background-color: #1d09f4;
}



.view:hover {
    background-color: #ff8800 !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #fae902;
}

.view1:hover {
    background-color: #ff8800 !important;
    color: #ffffff;
    box-shadow: 0px 0px 100px #fae902;
}










/*=============== GOOGLE FONTS ===============*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");

/*=============== VARIABLES CSS ===============*/
:root {
    /*========== Colors ==========*/
    /*Color mode HSL(hue, saturation, lightness)*/
    --first-color: hsl(82, 60%, 28%);
    --title-color: hsl(0, 0%, 15%);
    --text-color: hsl(0, 0%, 35%);
    --body-color: hsl(0, 0%, 95%);
    --container-color: hsl(0, 0%, 100%);

    /*========== Font and typography ==========*/
    /*.5rem = 8px | 1rem = 16px ...*/
    --body-font: "Poppins", sans-serif;
    --h2-font-size: 1.25rem;
    --small-font-size: .813rem;
}

/*========== Responsive typography ==========*/
@media screen and (min-width: 1120px) {
    :root {
        --h2-font-size: 1.5rem;
        --small-font-size: .875rem;
    }
}

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

/* body {
  font-family: var(--body-font);
  background-color: var(--body-color);
  color: var(--text-color);
} */

/* img {
  display: block;
  max-width: 80%;
  height: 80%;
} */

/*=============== CARD ===============*/
.newcard {
    display: grid;
    place-items: center;
    margin-inline: 1.5rem;
    padding-block: 5rem;




    background-color: #ffffff;
    box-sizing: border-box;

    margin: 0;
}

.card__newcard {
    display: grid;

    margin-bottom: 0px;
    padding-left: 50px;


}

.card__article {
    position: relative;
    overflow: hidden;

}

.card__img {
    width: 150px;
    border-radius: 1.5rem;
}

.card__data {
    width: 80px;
    /* margin-bottom: 60px; */

    background-color: var(--container-color);
    padding: 1rem;
    box-shadow: 0 8px 24px hsla(0, 0%, 0%, 0.15);
    border-radius: 1rem;
    /* position: absolute; */
    /* bottom: -6rem; */

    /* margin-inline: auto; */
    opacity: 1;
    /* margin-bottom: 120px; */
    transition: opacity 1s;
    margin-top: -80px;

}

.card__description {
    display: block;
    font-size: var(--small-font-size);
    margin-bottom: .10rem;
}

.card__title1 {
    font-size: var(--h2-font-size);
    font-weight: 500;
    color: var(--title-color);
    margin-bottom: 10px;
    color: #1a5c12;

}

.card__button {
    text-decoration: none;
    font-size: var(--small-font-size);
    font-weight: 500;
    color: var(--first-color);
}

.card__button {
    text-decoration: underline;
}

/* Naming animations in hover */
.card__article .card__data {
    animation: show-data 1s forwards;
    opacity: 1;
    transition: opacity .5s;
    color: #cf8d45;
}

.card__article {
    animation: remove-overflow 2s forwards;
    color: #cf8d45;

}

.card__article:not() {
    animation: show-overflow 2s forwards;
    color: #cf8d45;

}

.card__article:not() .card__data {
    animation: remove-data 1s forwards;
    color: #ec1010;
    background-color: #bb0000;
}

/* Card animation */
@keyframes show-data {
    50% {
        transform: translateY(-10rem);
    }

    100% {
        transform: translateY(-7rem);
    }
}

@keyframes remove-overflow {
    to {
        overflow: initial;
    }
}

@keyframes remove-data {
    0% {
        transform: translateY(-7rem);
    }

    50% {
        transform: translateY(-10rem);
    }

    100% {
        transform: translateY(.5rem);
    }
}

@keyframes show-overflow {
    0% {
        overflow: initial;
        pointer-events: none;
    }

    50% {
        overflow: hidden;
    }
}

/*=============== BREAKPOINTS ===============*/
/* For small devices */
@media screen and (max-width: 340px) {
    /* .newcard {
        margin-inline: 1rem;
    } */

    .card__data {
        width: 250px;
        padding: 1rem;
    }
}

/* For medium devices */
@media screen and (min-width: 768px) {
    .card__newcard {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 1.5rem;
    }
}

/* For large devices */
@media screen and (min-width: 1120px) {
    .newcard {
        height: 110vh;
    }

    .card__newcard {
        grid-template-columns: repeat(3, 1fr);
    }

    .card__img {
        width: 348px;
    }

    .card__data {
        width: 220px;
        /* padding-inline: 2.5rem; */
    }
}




.texters {
    padding-top: 50px;
    padding-bottom: 20px;

}









/* 
* {box-sizing:border-box}

/* Slideshow container */
/* .slideshow-container {
  max-width: 1200px;
  position: relative;
  margin: auto;
} */

/* Hide the images by default */
/* .mySlides {
  display: none;
} */

/* Next & previous buttons */
/* .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
} */

/* Position the "next button" to the right */
/* .next {
  right: 0;
  border-radius: 3px 0 0 3px;
} */

/* On hover, add a black background color with a little bit see-through
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
} */

/* Caption text */
/* .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
} */

/* Number text (1/3 etc) */
/* .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
} */

/* The dots/bullets/indicators */
/* .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
} */
/* 
.active, .dot:hover {
  background-color: #717171;
} */

/* Fading animation
.fade {
  animation-name: fade;
  animation-duration: 2s;
} */

/* @keyframes fade {
  from {opacity: .0}
  to {opacity: 1}
} */















/* about us */
#about {
    /* width: 100%;
    height: 100vh; */
    background-color: rgb(246, 240, 180);
    display: flex;
    align-items: center;
}

#about .card img {
    border: 10px solid transparent;
    padding: 15px;
    border-image: url(border.png) 30 stretch;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: -50px -50px rgb(221, 146, 5);
}

#about .abp {
    padding-left: 30px;
    padding-right: 30px;
}

#about h3 {
    color: rgb(10, 10, 10);
    border-bottom: 2px solid #00a2ff;
    width: 150px;
    text-shadow: 1px 1px 2px black, 0 0 25px rgb(193, 193, 240), 0 0 5px rgb(239, 145, 203);
    s
}

#about h5 {
    color: rgb(9, 9, 9);
    font-weight: bold;
}

#about p {
    color: rgb(0, 0, 0);
    font-size: 15px;
}

#about h2 {
    color: rgb(5, 5, 5);
    font-size: 17px;
}






/* vision */
#vision {

    background-color: rgb(239, 209, 100);
    border-radius: 20px;
  
    margin-left: 50px
}

#mission  {
    background-color: rgb(223, 197, 103);
    border-radius: 20px;

    margin-left: 50px
}





.aboutuses{
    margin-top: 180px;
}