@font-face {
    font-family: "malithi";
    src: url("../_resource/fonts/un-malithi.ttf");
}

@font-face {
    font-family: "arjuna";
    src: url("../_resource/fonts/un-arjuna.ttf");
}

@font-face {
    font-family: "Poppins";
    src: url("../_resource/fonts/Poppins-Regular.ttf");
}

:root {
    --colorWhiteSmoke: #F7F4ED;
    --colorPeachYellow: #FAE3B4;
    --colorClayBrown: #B67C32;
    --colorChocolateBrown: #4A2603;
    --colorSatinSheenGold: #D5A021;
    --colorCornHarvest: #9C601C;
    --colorDarkGold: #C58917;
    --colorIrishCoffee: #693E16;
    --colorOrangeGold: #E69C00;
    --colorOldGold: #DDAF48;
    --colorMilkChocolate: #874C14;
    --colorArylideYellow: #F0C76B;
    --colorBlack: #000000;
}

body{
    margin: 0;
    padding: 0;
    background-color: #F7F4ED;
    overflow-x: hidden;

    
}

/* Mobile View */
.fo-sec {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5%;
}

.fo-sec-div1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: #F7F4ED; */


}

.fo-sec-div2 {
    width: 100%;
    background-image: url("../_resource/photos/footer/footer\ background.png");
    mix-blend-mode: darken;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-color: #F7F4ED; */


}

.fo-sec-logodiv {
    display: flex;
    justify-content: center;
    width: 100%;
    aspect-ratio: 3;
    /* margin-bottom: -10vh; */
}

.fo-sec-linkdiv {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.fo-sec-linkdivin {
    height: 7vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.fo-sec-links {
    text-decoration: none;
    color: var(--colorBlack);
    font-size: 1.2rem;
    font-family: "malithi";
    opacity: 0.5;
    font-weight: bold;
}

.fo-sec-linkdash {
    color: #E9B85A;
}


.fo-sec-socaildiv {
    display: flex;
    justify-content: center;
    margin-top: 5%;
    cursor: pointer;

}

.fo-sec-socailtxt{
    font-family: "arjuna";
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1;
    background: linear-gradient(90deg, rgba(233, 184, 90, 1) 15%, rgba(255, 225, 111, 1) 26%, rgba(197, 139, 66, 1) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 1vh;
    
}

.fo-sec-linkdivindesc{
    display: none;
}

.fo-sec-copydiv {
    display: flex;
    justify-content: center;
    margin-top: 5%;
    margin-bottom: 5%;

}

.fo-sec-copyicon {
    color: #E9B85A;

}

.fo-sec-link {
    text-decoration: none;
    color: #E9B85A;

}

.fo-sec-graddiv {
    width: 100%;
    height: 3vh;
    background: rgb(233, 184, 90);
    background: linear-gradient(90deg, rgba(233, 184, 90, 1) 0%, rgba(255, 225, 111, 1) 51%, rgba(197, 139, 66, 1) 100%);

}

/* Tablet View*/
@media screen and (min-width: 540px) and (max-width: 950px) {

    .fo-sec-logodiv {
        aspect-ratio: 4;
        /* margin-bottom: -710h; */
    }

    .fo-sec-linkdivin {
        height: 5vh;

    }

    .fo-sec-links {
        font-size: 1.7rem;

    }

    .fo-sec-linkdivindesc{
        display: none;
    }

    .fo-sec-socaildiv {
        margin-top: 4%;

    }

    .fo-sec-socaildiv {
        width: 100%;
        aspect-ratio: 25;

    }


    .fo-sec-copydiv {
        font-size: 1.5rem;

    }

    .fo-sec-graddiv {
        height: 2vh;

    }

}

/* Desktop View*/
@media screen and (min-width: 950px) {


    .fo-sec-logodiv {
        aspect-ratio: 10;

    }

    .fo-sec-links {
        font-size: 1.5rem;

    }

    .fo-sec-linkdivin {
        display: none;
        
    
    }

    .fo-sec-linkdivindesc{
        height: 6vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /* opacity: 0.5; */
    }

    .fo-sec-socaildiv {
        margin-top: 1%;

    }

    .fo-sec-copydiv {
        font-size: 1rem;
        margin-top: 2%;
        margin-bottom: 2%;

    }

    .fo-sec-graddiv {
        height: 2vh;

    }



}