﻿/* Cookie Consent Banner */
.policyCookiesSection {
    background-color: rgba(0,0,0,.6);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
    height: 100%;
    display: none;
}

    .policyCookiesSection .policyCookiesInner {
        border-radius: .25rem .25rem 0 0;
        box-shadow: 0 -10px 40px 0 rgba(0,0,0,.06);
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        padding: 30px 90px;
        background: #fff;
        display: flex;
        justify-content: space-between;
        gap: 40px;
        align-items: flex-end;
        box-sizing: border-box;
    }

        .policyCookiesSection .policyCookiesInner .leftBlock {
            width: 50%;
        }

            .policyCookiesSection .policyCookiesInner .leftBlock h4 {
                font-size: 1.5em;
                color: #000;
                font-family: Adani-Regular, sans-serif;
                font-weight: 600;
                line-height: 29px;
                margin-bottom: 14px;
                margin-top: 0;
            }

            .policyCookiesSection .policyCookiesInner .leftBlock p {
                font-size: 1em;
                color: #666;
                font-family: Adani-Regular, sans-serif;
                line-height: 26px;
                margin-bottom: 0;
            }

                .policyCookiesSection .policyCookiesInner .leftBlock p a {
                    color: #000;
                    text-decoration: underline;
                    cursor: pointer;
                }

        .policyCookiesSection .policyCookiesInner .rightBlock {
            width: 50%;
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

/* Buttons */
.CookieButton {
    background-color: #2376d0;
    font-size: 1em;
    color: #fff;
    font-family: Adani-Regular, sans-serif;
    line-height: 17px;
    border-radius: .25rem;
    height: 48px;
    border: none;
    padding: 5px 18px;
    cursor: pointer;
}

.outlinedButton {
    font-size: 1em;
    color: #393939;
    font-family: Adani-Regular, sans-serif;
    background: #393939;
    border: none;
    z-index: 1;
    border-radius: .25rem;
    min-width: 102px;
    padding: 0 20px;
    height: 48px;
    position: relative;
    display: inline-grid;
    align-items: center;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    .outlinedButton::before {
        content: "";
        display: block;
        background-color: #fff;
        position: absolute;
        border-radius: 3px;
        height: calc(100% - 2px);
        width: calc(100% - 2px);
        z-index: -1;
        left: 1px;
        top: 1px;
    }

    .outlinedButton:hover {
        background-image: linear-gradient(270deg, #007FA0 0%, #4F469D 20.67%, #962B81 68.18%, #BE3A56 100%);
    }

/* Modal UI */
.custom-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1000000;
    align-items: center;
    justify-content: center;
}

    .custom-modal-overlay.show {
        display: flex;
    }

.cookiePreferences-container {
    background: #fff;
    border-radius: .25rem;
    width: 90%;
    max-width: 680px;
    box-shadow: 0 -10px 40px 0 rgba(0,0,0,.06);
    overflow: hidden;
    font-family: Adani-Regular, sans-serif;
}

.modal-header-custom {
    background-color: #fafafa;
    padding: 12px 30px;
    border-bottom: 1px solid #eee;
    font-size: 1.375em;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-body-custom {
    padding: 0 30px;
}

.preferencesList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

    .preferencesList:last-child {
        border-bottom: none;
    }

    .preferencesList.disabled-item {
        opacity: .4;
        pointer-events: none;
    }

    .preferencesList h3 {
        margin: 0 0 6px 0;
        font-size: 1em;
        color: #393939;
    }

    .preferencesList p {
        margin: 0;
        font-size: .75em;
        color: #666;
        line-height: 20px;
    }

/* Toggle Switch Mechanics */
.btn-toggle {
    margin-left: 45px;
    position: relative;
    border: none;
    border-radius: 15px;
    width: 47px;
    height: 26px;
    background: #c9c9c9;
    cursor: pointer;
    transition: background-color .25s;
}

    .btn-toggle .handle {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 20px;
        height: 20px;
        border-radius: 15px;
        background: #fff;
        transition: left .25s;
    }

    .btn-toggle.active {
        background-color: #2376d0;
    }

        .btn-toggle.active .handle {
            left: 24px;
        }

.modal-footer-custom {
    padding: 20px 30px 28px;
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

/* Responsive Mobile View */    
@media only screen and (max-width: 767px) {
    .policyCookiesSection .policyCookiesInner {
        padding: 24px;
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }

        .policyCookiesSection .policyCookiesInner .leftBlock, .policyCookiesSection .policyCookiesInner .rightBlock {
            width: 100%;
        }

    .CookieButton, .outlinedButton {
        height: 42px;
        font-size: .875em;
    }
}

/* privacy notice and cookie policy css */

.terms-content p{
    font-family: 'Adani-Regular', Arial, Helvetica, sans-serif;
}
<!DOCTYPE html>
<html>
    <head>
        <title>Runtime Error</title>
        <meta name="viewport" content="width=device-width" />
        <style>
         body {font-family:"Verdana";font-weight:normal;font-size: .7em;color:black;} 
         p {font-family:"Verdana";font-weight:normal;color:black;margin-top: -5px}
         b {font-family:"Verdana";font-weight:bold;color:black;margin-top: -5px}
         H1 { font-family:"Verdana";font-weight:normal;font-size:18pt;color:red }
         H2 { font-family:"Verdana";font-weight:normal;font-size:14pt;color:maroon }
         pre {font-family:"Consolas","Lucida Console",Monospace;font-size:11pt;margin:0;padding:0.5em;line-height:14pt}
         .marker {font-weight: bold; color: black;text-decoration: none;}
         .version {color: gray;}
         .error {margin-bottom: 10px;}
         .expandable { text-decoration:underline; font-weight:bold; color:navy; cursor:pointer; }
         @media screen and (max-width: 639px) {
          pre { width: 440px; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
         }
         @media screen and (max-width: 479px) {
          pre { width: 280px; }
         }
        </style>
    </head>

    <body bgcolor="white">

            <span><H1>Server Error in '/' Application.<hr width=100% size=1 color=silver></H1>

            <h2> <i>Runtime Error</i> </h2></span>

            <font face="Arial, Helvetica, Geneva, SunSans-Regular, sans-serif ">

            <b> Description: </b>An application error occurred on the server. The current custom error settings for this application prevent the details of the application error from being viewed remotely (for security reasons). It could, however, be viewed by browsers running on the local server machine.
            <br><br>

            <b>Details:</b> To enable the details of this specific error message to be viewable on remote machines, please create a &lt;customErrors&gt; tag within a &quot;web.config&quot; configuration file located in the root directory of the current web application. This &lt;customErrors&gt; tag should then have its &quot;mode&quot; attribute set to &quot;Off&quot;.<br><br>

            <table width=100% bgcolor="#ffffcc">
               <tr>
                  <td>
                      <code><pre>

&lt;!-- Web.Config Configuration File --&gt;

&lt;configuration&gt;
    &lt;system.web&gt;
        &lt;customErrors mode=&quot;Off&quot;/&gt;
    &lt;/system.web&gt;
&lt;/configuration&gt;</pre>                      </code>

                  </td>
               </tr>
            </table>

            <br>

            <b>Notes:</b> The current error page you are seeing can be replaced by a custom error page by modifying the &quot;defaultRedirect&quot; attribute of the application&#39;s &lt;customErrors&gt; configuration tag to point to a custom error page URL.<br><br>

            <table width=100% bgcolor="#ffffcc">
               <tr>
                  <td>
                      <code><pre>

&lt;!-- Web.Config Configuration File --&gt;

&lt;configuration&gt;
    &lt;system.web&gt;
        &lt;customErrors mode=&quot;RemoteOnly&quot; defaultRedirect=&quot;mycustompage.htm&quot;/&gt;
    &lt;/system.web&gt;
&lt;/configuration&gt;</pre>                      </code>

                  </td>
               </tr>
            </table>

            <br>

            </font>

    </body>
</html>
