@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

* {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

.nav2 {
    height: 50px;
    color: white;
    margin: 0 auto;
    background-color: #4C4C4C;
}

.nav-btn {
    display: flex;
    justify-content: flex-end;
}

.btn {
    /* background-color: black; */
    color: white;
    margin-top: 6px;
}

/* ///////nav section done-////// */

.img1 {
    background-image: url("../images/backgrounds/homeHero_1.jpg");
    height: 445px;
    background-size: cover;
    background-position: center;
}

.outer {
    background-color: #712E7C;
    height: 250px;
    width: 250px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 60px;
    left: 5px;
    z-index: 1;
    opacity: 0.85;
}

.inner {
    height: 90%;
    width: 90%;
    color: white;
    padding-top: 35px;
    text-align: center;
    border: 2px dotted wheat;
    border-radius: 50%;
}

.txt1 {
    font-size: 15px;
}

.txt2 {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 35px;
}

.txt3 {
    font-size: 12px;
    padding-top: 2px;
}

/* //////section 1 done-////// */

.img2 {
    object-fit: cover;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
}

.s2txt1 {
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.s2txt2 {
    color: #a9a5a9;
    font-size: 18px;
}

/* ///////section 2 done-/////// */

.s3txt1 {
    color: #362d2b;
    font-size: 35px;
    font-weight: 400;
    font-family: "Playfair Display", serif;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
}

.s3txt2 {
    font-family: "Playfair Display", serif;
    color: #362d2b;
    font-size: 23px;
    margin-bottom: 54px;
    text-align: center;
}

.s3img1 {
    height: 250px;
    width: 250px;
}

.s3txt3 {
    color: #daad9e;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    letter-spacing: 10px;
    margin-top: 40px;
}

.s3txt4 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}

/* ///////section 3 done-/////// */

.s4img1 {
    object-fit: cover;
    width: 100%;
}

.s4img1:hover {
    width: 90%;
    height: 90%;
    transition: 1s;
    margin: 10px;
}

/* ///////section 4 done-/////// */

.s5img1 {
    background-image: url("../images/backgrounds/gft.jpg");
    background-position: left;
    background-size: cover;
    margin-top: 80px;
    height: 450px;
}

.s5img1 h2 {
    font-family: "Playfair Display", serif;
    font-size: 50px;
    padding-top: 130px;
}

.btn1 {
    height: 60px;
    width: 160px;
    border-radius: 10px;
    background-color: #800098;
    margin-top: 50px;
    border: none;
    color: white;
}

.btn1:hover {
    background-color: #560265;
}

/* /////section 5 done-///// */

.s6box {
    height: 100%;
    width: 400px;
    margin: 50px auto;
    background-color: whitesmoke;
    z-index: 1;
}

.s6img3:hover {
    transform: rotate(-90deg);
    transition: 2s;
}

.s6box h2 {
    font-family: "Playfair Display", serif;
    font-size: 45px;
    text-align: center;
    padding-top: 20px;
}

.s6box2 {
    height: 50px;
}

.s6box3 {
    margin-top: 30px;
    height: 150px;
}

.bimg1 {
    position: relative;
    left: 5px;
    top: 40px;
}

.bimg2 {
    position: relative;
    z-index: -1;
    right: 10px;
    top: 855px;
}

/* ///////section 6 done-/////// */

.s7img {
    height: 200px;
    width: 200px;
    margin: 0 auto;
}

/* ///////section 7 done-/////// */

.footer {
    background-color: #F9F7F4;
}

.ftext1 {
    color: #B0A8AF;
    line-height: 30px;
    font-size: 17px;
}

.ftext2 {
    color: #B0A8AF;
    font-size: 17px;
    width: 84%;
    line-height: 30px;
}

.ftext3 {
    font-size: 20px;
}

.flist {
    color: #B0A8AF;
}

.flist:hover {
    color: #712E7C;
}

.flist1 li:hover {
    transform: translateX(10px);
    transition: 1s;
}

.p7txt3 {
    color: #928d8d;
    padding-bottom: 10px;
    font-size: 17px;
}

.ftext {
    color: #bd5ecb;
}

/* //////all section done-/////// */

@media(min-width:576px) {
    .outer {
        left: 35px;
    }

    .s6img3 {
        right: 60px;
    }

    .s6box {
        width: 300vh;
    }

    .bimg1 {
        position: relative;
        left: 15px;
        top: 40px;
    }

    .bimg2 {
        position: relative;
        z-index: -1;
        right: 15px;
        top: 780px;
    }
}

@media(min-width:768px) {
    .s5img1 h2 {
        font-size: 75px;
    }

    .s5img1 p {
        font-size: 30px;
    }

    .s5img1 {
        height: 500px;
    }

    .s6box {
        width: 500vh;
    }

    .bimg1 {
        position: relative;
        left: 15px;
        top: 40px;
    }

    .bimg2 {
        position: relative;
        z-index: -1;
        right: 15px;
        top: 780px;
    }

    .img1 {
        height: 470px;
    }

    .outer {
        height: 350px;
        width: 350px;
    }

    .inner {
        padding-top: 80px;
    }
}

@media(min-width:992px) {

    .nav {
        display: flex;
        gap: 40px;
    }

    .navbar {
        height: 80px;
    }

    .nav a {
        color: black;
        font-size: 20px;
    }

    .img1 {
        height: 600px;
    }

    .outer {
        height: 450px;
        width: 450px;
    }

    .inner {
        padding-top: 120px;
    }

    .txt1 {
        font-size: 20px;
    }

    .txt2 {
        font-size: 50px;
    }

    .txt3 {
        font-size: 17px;
    }

    .s2txt2 {
        line-height: 34px;
    }

    .s6box {
        width: 100vh;
    }

    .bimg1 {
        position: relative;
        left: 120px;
        top: 45px;
    }

    .bimg2 {
        position: relative;
        z-index: -1;
        right: 125px;
        top: 500px;
    }

    .ftext1 {
        width: 72%;
        font-size: 18px;
        padding-top: 20px;
    }

    .ftext2 {
        width: 73%;
        font-size: 18px;
    }

    .ftext3 {
        font-size: 18px;
    }
}

@media(min-width:1024px) {
    .bimg2 {
        top: 400px;
        right: 130px;
    }
}

/* ///////all section done-/////// */