@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

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

a {
    text-decoration: none;
}

.contenar {
    max-width: 1400px;
    margin: 0 auto;
}

.row {
    display: flex;
}

.jcs {
    justify-content: space-between;
}

.ai {
    align-items: center;
}

.btn-blue {
    background-color: #26AFC5;
    color: #FFFFFF;
}

.inter-light {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.inter-regular {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.inter-medium {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.inter-semibord {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.inter-bord {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.heder-section {
    margin-top: 26px;
}

.bulid-mast h2 {
    font-size: 24px;
    color: #32B5C9;
}

.masters-quality {
    width: 527px;
    margin-top: 95px;
    margin-bottom: 29PX;
}

.masters-quality h1 {
    font-size: 64px;
    color: #353535;
}

.masters-quality span {
    color: #16A8B9;
}

.blessing {
    margin-bottom: 29px;
}

.blessing p {
    font-size: 20px;
    color: #9f9f9f;
    width: 572px;
}

.con-exp {
    margin-top: 29px;
    margin-bottom: 73px;
    position: relative;
}

.con-exp button:hover {
    background-color: #1BA6BB;
}

.con-exp a {
    font-size: 16px;
    color: #000;
}

.con-exp a:hover {
    color: #FFFFFF;
}

.exp button {
    padding: 14px 51px 14px 45px;
    /* border: none; */
    border-radius: 25px 5px;
    margin-right: 22px;
    border: solid #1BA6BB;
    background-color: #FFFFFF;
}

.con button {
    border-radius: 25px 5px;
    padding: 14px 34px;
    border: solid #1BA6BB;
    background-color: #FFFFFF;
}

.line-up {
    position: absolute;
    left: -88px;
    top: 52px;
}

.main-bt-text {
    padding-right: 49px;
}

.main-bt-text p {
    font-size: 20px;
    color: #909090;
    margin-top: 10px;
}

.main-bt-text h2 {
    position: relative;
    font-size: 32px;
    color: #000;
}

.button {
    position: absolute;
    left: -10px;
    bottom: 38px;
    background: none;
    border: none;
}

.proje-text {
    position: relative;
}

.buildi-img {
    position: absolute;
}

.buildi-text {
    position: relative;
}

.button-2 {
    position: absolute;
    background: none;
    border: none;
    left: -10px;
    bottom: 38px;
}

.total-em {
    position: relative;
}

.button-3 {
    position: absolute;
    background: none;
    border: none;
    left: -10px;
    bottom: 38px;
}

.total-em-h2 {
    padding-right: 49px;
}

.right-heder {
    position: relative;
}

.heder {
    position: absolute;
    top: 20px;
    left: 108px;
}

.nav nav ul li {
    margin-left: 27px;
    list-style: none;
}

.nav nav ul li a {
    text-decoration: none;
    color: #000;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 16px;
}

.nav nav ul li a:hover {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    color: #000;
}

.img2 {
    position: absolute;
    right: 528px;
    top: 67px;
}

.img-3 {
    position: absolute;
    right: 40px;
    top: 664px;
}

.menu {
    max-width: 1064px;
    margin: 160px auto 61px auto;
}

.menu-2 {
    background-color: #FAFAFA;
    padding: 41px 0 41px 0;
    border: none;
    border-radius: 92px;
    position: relative;
}

.main-menu2 nav ul li {
    list-style: none;
    width: 901px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-menu2 nav ul li a {
    text-decoration: none;
    color: #3EA2A8;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding-left: 4px;
}

.main-menu2 img {
    padding-left: 4px;
}

.Why-Choose {
    margin-bottom: 134px;
}

.welcom p {
    font-size: 20px;
    color: #767676;
}

.exp-2 {
    margin-top: 15px;
}

.exp-2 button {
    padding: 14px 51px 14px 45px;
    /* border: none; */
    border-radius: 25px 5px;
    margin-right: 22px;
    border: none;
    background-color: #FFFFFF;
    background-color: #1BA6BB;
}

.exp-2 button a {
    font-size: 16px;
    color: #000;
}

.construction {
    width: 416px;
    margin-right: 204px;
}

.construction h2 {
    font-size: 45px;
    color: #000;
}

.took-held {
    position: relative;
    margin-bottom: 152PX;
}

.took-held h2 {
    font-size: 48px;
    position: relative;
}

.took-held button {
    position: absolute;
    background: none;
    border: none;
    right: 16px;
    top: 23px;
}

.took-held-p p {
    font-size: 24px;
    color: #333333;
    width: 455px;
    margin-left: 20px;
    margin-top: 40px;
}

.up-maids {
    position: relative;
    margin-bottom: 152px;
}

.up-maids button {
    position: absolute;
    background: none;
    border: none;
    right: 28px;
    top: 19px;
}

.up-maids h2 {
    font-size: 48px;
    position: relative;
}

.up-maids-p p {
    font-size: 24px;
    color: #333333;
    width: 407px;
    margin-left: 20px;
    margin-top: 40px;
}

.good-draw {
    position: relative;
}

.good-draw button {
    position: absolute;
    background: none;
    border: none;
    right: 28px;
    top: 19px;
}

.good-draw h2 {
    font-size: 48px;
    position: relative;
}

.good-draw-p p {
    font-size: 24px;
    color: #333333;
    width: 410px;
    margin-left: 20px;
    margin-top: 40px;
}

.best-engin {
    margin: 125px 0 80px 0;
    text-align: center;
}

.best-engin h2 {
    font-size: 48px;
    margin-bottom: 13px;
}

.best-engin p {
    font-size: 16px;
    color: #474747;
}

.name-team {
    width: 392px;
    border: none;
    border-radius: 8px;
    box-shadow: -1px -1px 5px #00000049;
}

.team-img {
    margin-top: 24px;
}

.star-img {
    margin: 24px 0 0 11px;
}

.dot-img {
    margin: 24px 21px 0 0;
}

.team-img {
    text-align: center;
    margin-top: 27px;
    margin-bottom: 11px;
}

.team-name {
    text-align: center;
}

.team-name h6 {
    color: #C2C2C2;
    margin: 4px 0 37px 0;
}

.team-conta {
    text-align: center;
}

.team-conta h4 {
    font-size: 16px;
}

.team-conta a {
    text-decoration: none;
    font-size: 16px;
    color: #1BA6BB;
    margin: 2px 0 35px 0;
    display: inline-block;
}

.back-page {
    text-align: center;
    margin: 90px 0 77px 0;
}

.back-img {
    margin-bottom: 44px;
    background-image: url('./img/Rectangle 27.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.backg h2 {
    color: #FFFFFF;
    font-size: 64px;
    padding-top: 200px;
    text-align: center;
    margin-bottom: 10px;
}

.back-left-img {
    margin-left: 160px;
    margin-top: 16px;
}

.backg p {
    color: #FFFFFF;
    font-size: 20px;
    margin-left: 255px;
}

.pad-p {
    margin-top: 50px;
}

.back-right-img {
    text-align: end;
    margin-right: 186px;
    padding-bottom: 230px;
}

.Contact-us {
    margin-top: 44px;
    margin-bottom: 133px;
}

.con-taxt h2 {
    text-align: center;
    font-size: 48px;
    color: #343434;
}

.con-p {
    margin-top: 13px;
    margin-bottom: 62px;
}

.con-p p {
    text-align: center;
    font-size: 16px;
    color: #474747;
}

.input-name {
    position: relative;
}

label {
    position: absolute;
    left: 19px;
    top: -11px;
    background-color: #FFFFFF;
    color: #6c6c6c;
}

.input-email {
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
}

.input input {
    padding: 19px 225px 19px 26px;
    border-radius: 8px;
    box-shadow: 0px 0px 2.3px #000000;
    font-size: 20px;
    border: none;
    outline: none;
}

input::placeholder {
    color: lightgrey;
}

.input-subject {
    position: relative;
}

.textarea {
    position: relative;
    margin-top: 25px;
    margin-bottom: 15px;
}

.textarea textarea {
    font-size: 20px;
    padding-top: 10px;
    padding-left: 26px;
    resize: none;
    border-radius: 8px;
    box-shadow: 0px 0px 2.3px #000000;
    border: none;
    outline: none;
}

.input-submit input {
    padding: 14px 31px 11px 36px;
    border-radius: 40px 0 040px;
    background-color: #18A7B6;
    color: #FFFFFF;
    box-shadow: 3px 3px 6px #00000018;
}

.img-cen {
    text-align: center;
}

.latt-top-h2 h2 {
    font-size: 48px;
    color: #343434;
    text-align: center;
}

.latt-top-h2 p {
    text-align: center;
    color: #474747;
    margin: 24px 0 53px 0;
}

.back-main {
    margin-bottom: 110px;
}

.back-main h4 {
    font-size: 24px;
    color: #FFFFFF;
}

.back-main p {
    color: #FFFFFF;
}

.back-img1,
.back-img2 {
    /* background-image: url('./Lattest-Blogs/Rectangle\ 26.png'); */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 400px 90px 40px 90px;
    text-align: center;
    border-radius: 50px;
    justify-content: flex-end;
    flex-direction: column;
}

.back-img1 h4,
.back-img2 h4 {
    padding-bottom: 10px;
}

.back-img2 {
    background-image: url('./Lattest-Blogs/Rectangle\ 21.png');
}

.back-img2 a {
    padding: 8px 25px;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 40px 0px 40px 0px;
    margin-top: 30px;
}

.back-img2 a:hover {
    background-color: #422b1f;
}

.our-news h3 {
    margin: 0 auto;
    font-size: 48px;
    color: #343434;
    width: 435px;
}

.age-sold {
    margin: 20px 0 45px 0;
}

.age-sold p {
    font-size: 20px;
    color: #474747;
    text-align: center;
}

.subsc-button {
    margin-bottom: 100px;
    text-align: center;
}

.subsc-button button {
    background-color: #1BA6BB;
    border-radius: 40px 0;
    margin-left: 10px;
    padding: 13px 23px 13px 35px;
    border: none;
}

.subsc-button i {
    margin-left: 10px;
}

.footer-a h3 {
    font-size: 24px;
    color: #18A7B6;
}

.footer-a p {
    margin: 13px 0;
    color: #6e6e6e;
}

.footer-a img {
    margin-right: 10px;
}

.footer h4 {
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

.footer ul li {
    list-style: none;
    margin-bottom: 10px;
}

.footer ul li a {
    text-decoration: none;
    color: #aaaaaa;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.footer-c {
    position: relative;
}

.footer-c input {
    position: relative;
    padding: 15px 85px 15px 10px;
    background-color: #FAFAFA;
    border: none;
    outline: none;
}

.footer-c input::placeholder {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    color: #939393;
}

.footer-c button {
    position: absolute;
    font-size: 35px;
    background: none;
    border: none;
    left: 219px;
    top: 47px;
}

.line-img {
    margin: 95px 0 40px 0;
    text-align: center;
}

.and-footer h4 {
    color: #c0c0c0;
    text-align: center;
}