/* styles.css */
@font-face {
    font-family: 'BNazanin';
    src: url('/fonts/BNazanin.woff') format('woff'),
    url('/fonts/BNazanin.woff2') format('woff2'),
         url('/fonts/BNazanin.eot') format('eot'),
         url('/fonts/BNazanin.ttf') format('truetype');
  }
  
body {
    font-family: 'BNazanin', sans-serif;
    background-color: #3f3f9f;
    /* background: linear-gradient(180deg, #e5bb35, #3f3f9f); /* Gradient background */
    padding: 0%;
    /* color: white; */
    margin: 0;
    
    }

  
img {
    mix-blend-mode: normal;
    background-color: transparent;
    width: 50%;
    }


/* Container for the buttons */
.button-container {
    /* min-height: 50%; */
    display:grid;
    grid-template-columns:30% 30%;
    /* background-color: #2196F3; */
    /* padding: 50px; */
    margin-right: 10%;
    margin-left: 10%;
    row-gap: 2%;
    column-gap: 8%;
    justify-content:center;
    flex-direction: column;
    align-items: center;
    }

.icon-button {
    /*width: 250px; */
    /*height: 250px;*/
    border: 0.5px solid rgba(189, 189, 189, 0.452);
    /* border-inline-color: #ffffff9a; */
    background-color: #5656a3;
    border-radius: 10%;
    /* padding: 50px; */
    /* font-size: 30px; */
    text-align: center;
    display:inline-block;
    text-decoration:none;
    /* text-align: center; */
    transition: transform 0.3s ease, box-shadow 20s ease;
    box-shadow: 0px 8px 15px rgba(37, 37, 37, 0.521);
    cursor:pointer;
}

.icon-button span {
    position: relative;
    /*font-family:"b_titrbold";*/
    font-weight: bolder;
    display: block;
    margin-top: 5%; /* Space between image and text */
    color: #ffffff; /* Text color */
    font-size: 140%; /* Font size */
    text-align: center;
    margin-bottom: 8%;
    }
    
.icon-button span:lang(en) {
    font-family: "Arial"; /* English font */
    font-size: 130%;
}

.icon-button img {
    width: 70%; /* Adjust size as needed */
    height: 70%; /* Adjust size as needed */
    /* border-radius: 10px; */
    transition: transform 0.3s ease;
    mix-blend-mode:normal;
    background-color: transparent;
    margin-top: 5%;
    /* border:solid 3px ; */
    /* border-color: #520072; */
    }

.icon-button:hover {
    transform: scale(1.05); /* Slightly enlarge on hover */
    /* border-color: #5108c5d5; */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    }

.footer-text h1 {
    /*font-family: "b_titrbold";*/
    font-size: 200%;
    font-weight: bolder;
    text-align: center;
    color: #ffffff;
    margin-bottom: 2%;
    margin-top: 2%;
    text-shadow: 0.8px 1.5px 3px rgba(0, 0, 0, 1);
}

/* Media Query for Mobile Devices */
@media (max-width: 600px) {
    img {
        width: 50%;
        }
    .button-container {
        /* min-height: 50%; */
        display: grid;
        grid-template-columns:40% 40%;
        }

    .icon-button {
        border: 0.5px solid rgba(189, 189, 189, 0.452);
        /*background-color: #7b7b8b17;*/
        /*border-radius: 10%;*/
        /*text-align: center;*/
        /*display:inline-block;*/
        /*text-decoration:none;*/
        /*transition: transform 0.3s ease, box-shadow 20s ease;*/
        /*box-shadow: 0px 8px 15px rgba(37, 37, 37, 0.521);*/
        /*cursor:pointer;*/
     
        }

    .icon-button img {
        width: 60%; /* Adjust size as needed */
        height: 60%; /* Adjust size as needed */
        transition: transform 0.3s ease;
        mix-blend-mode:normal;
        background-color: transparent;
        margin-top: 5%;
        }

    .icon-button span {
        position: relative;
        font-family:"BNazanin";
        font-weight: bolder;
        display: block;
        margin-top: 5%; /* Space between image and text */
        color: #ffffff; /* Text color */
        font-size: 95%; /* Font size */
        text-align: center;    
        }
        
    .icon-button span:lang(en) {
        font-family: "Arial"; /* English font */
        font-size: 70%;
    }
        
    .footer-text h1 {
        font-family: "BNazanin";
        font-size: 110%;
        font-weight:bolder;
        text-align: center;
        color: #ffffff;
        margin-bottom: 2%;
        text-shadow: 0.8px 1.5px 3px rgba(0, 0, 0, 1);
        }
    
    }
    
@media (min-width: 600px) and (max-width: 1024px) {
    .button-container {
    grid-template-columns:37% 37%;
    }
    
    .icon-button span {
        font-size: 120%; /* Adjust this value as needed */
    }
    
    .icon-button span:lang(en) {
        font-size: 95%; /* Adjust this value as needed */
    }
    
    .footer-text h1 {
        font-size: 150%; /* Adjust this value as needed */
    }
}

@media (min-width: 1024px) {
    .button-container {
    grid-template-columns:25% 25%;
    }
    
    .icon-button span {
        font-size: 150%; /* Adjust this value as needed */
    }
    
    .icon-button span:lang(en) {
        font-size: 130%; /* Adjust this value as needed */
    }
    
    .footer-text h1 {
        font-size: 180%; /* Adjust this value as needed */
    }
}