/*---------------------------------------------*/


/*                  Footer                     */


/*---------------------------------------------*/

.NavBTN {
    position: absolute;
    inset-block-start: 1px;
    inset-inline-start: 1px;
}

.loginbtn {
    padding: 1.5px;
    color: rgb(120, 119, 119);
    font-weight: bolder;
}



.head3_tab {
    position: absolute;
    inset-inline-start: -2.3px;
    inset-block-start: 350px;
    color: darkgrey;
}


/* ---------------------------------------------------
                    menu search
------------------------------------------------------*/

.secA:hover .icon-show {
    color: #780cdd;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.secB:hover .icon-show {
    color: #780cdd;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.secC:hover .icon-show {
    color: #780cdd;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.secD:hover .icon-show2 {
    color: #45077f;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.TabContents>* {
    background-size: cover;
}

.TabMenu1 {
    border-radius: 15px 15px 15px;
    opacity: 90%;
}


/* ------------------------------------------- */


/* ---------------------------------------------- */

.selectAreaBox-index {
   border: 2px solid #8280804a;
    border-radius: 8px;
    inline-size: 100%;
    color: #000000;
    padding: 5px;
    margin: 5px;
}
 

/* ------------------------------------------- */


/* ---------------------------------------------- */




/* --------------------------------------------- */


/* --------------------------------------------- */

.icon-scale:hover {
    scale: 1.05;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.icon-scale2:hover {
    scale: 1.1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.icon-scale3:hover {
    scale: 1.2;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.icon-opacity:hover {
    opacity: 0.5;
    scale: 1.2;
}

.icon-opacity {
    opacity: 1.0;
}

.Search_box2 {
    margin-block-end: 5px;
}

.Search_box2 form {
    inline-size: 100%;
    position: relative;
}

.Search_box2 form input {
    inline-size: 100%;
    block-size: 40px;
    border: 3px solid #a4a4a4;
    border-radius: 20px;
    padding-inline-end: 8px;
    text-align: center;
}

.Search_box2 form button {
    inline-size: 40px;
    block-size: 40px;
    background-color: #780cdd;
    position: absolute;
    inset-block-start: 0.5px;
    inset-inline-end: 0.1px;
    border-radius: 50%;
    color: #ffffff;
}

.divecover1:hover {
    color: #6900c4;
}

.divecover2:hover {
    color: #6900c4;
}

.div-photostyle-border {
    border: 1px solid #eee;
    border-radius: 20px 20px 0px 0px;
}

.photostyle {
    display: block;
    border-radius: 20px 20px 0px 0px;
    inline-size: 100%;
    block-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}