@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0;
    margin: 0
}
body {
    font-family: "Roboto", sans-serif;
    margin: 0;
    padding: 0;
}
p {
    font-size: 22px;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 10px;
}
ul, li, h1, h2, h3, h4, h5, h6, p, label, span, div, table, th, tr, td {
    margin: 0;
    padding: 0;
    list-style: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
h1 {
    font-size: 65px;
    font-weight: 900;
    margin-bottom: 10px;
}

h2 {
    font-size: 55px;
    font-weight: 300;
    margin-bottom: 10px;
    
}



header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}
    header.scrolled {
        background: #f5f5f5;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
.main-banner {
    padding: 215px 0px 100px;
    background: #000000 url(../image/bg-banner.png) no-repeat;
    background-size: cover;
}

    .main-banner h1 {
        line-height: 73px;
        font-weight: 300;
        margin: 0px;
        color: #fff;
    }



.main-banner p {
    color: #fff;
    margin-top: 20px;
   
    
}

.most-respected {
    /*background-image: linear-gradient(to bottom, #20225e, #003e75, #005682, #006e88, #2d848b);*/
    padding: 100px 0;
    text-align: center;
}

    .most-respected .inn {
        width: 80%;
        margin: 0 auto;
    }

.most-respected h2 {
        color: #fff;
    }
.globalprt {
    padding: 80px 0;
   
}



    .globalprt .left {
        width: 49%;
        float: left;
        padding-top: 40px;
    }

    .globalprt .right {
        width: 49%;
        float: left;
        padding-left: 3rem;
        border-left: 1px solid rgba(0,0,0,0.2);
    }


.structuredai {
    padding: 110px 0 0;
    background: #000 url("../image/structuredai-bg.jpg") no-repeat scroll center;
    background-attachment: fixed; 
    background-size: cover;
    background-position: center; 
}

    .structuredai h2 {
        color: #fff; margin-bottom:20px;
    }

    .structuredai .text-box {
        width: 82%;
        padding: 75px 80px;
        backdrop-filter: blur(30px);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 30px 30px 0 0;
    }
    .structuredai p {
        color: #fff;
    }

    .bounddvtpvt {
        padding: 80px 0;
    }
    .bounddvtpvt .pdtt {
        padding-top: 102px;
    }
        .bounddvtpvt h2, .globalprt h2, .most-respected h2 {
            background: linear-gradient(135deg, #008C9E, #173D7A, #33B2E3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    .bounddvtpvt .rightdvt {
        overflow: hidden;
        border-radius: 25px;
    }

        .bounddvtpvt .rightdvt img {
            width: 100%;
         
        }
.beyonddvt {
    padding: 100px 0;
    background: #000 url(../image/beyonddvt-bg.jpg) no-repeat center;
    background-size: cover;
}
    .beyonddvt .innprt {
        width: 90%;
        margin: 0 auto;
        position: relative;
    }

    
    .beyonddvt h2 {
        color: #fff;
        margin-left: 210px;
    }

    .beyonddvt p {
        color: #fff;
    }

    .beyonddvt .text-part {
        width: 80%;
        float: left;
        position: relative;
        margin-left: 250px;
        padding-left: 50px;
    }

        .beyonddvt .text-part::before {
            content: "";
            width: 250px;
            height: 1px;
            background: rgba(255,255,255,0.4);
            position: absolute;
            right: 100%;
            top: 14px;
        }


.logo-dasca-school img {
    width: 37%;
}

.login-pop {
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
}

    .login-pop a {
        border: 1px solid #005682;
        color: #005682;
        padding: 9px 30px;
        font-weight: 700;
        border-radius: 4px;
    }
        .login-pop a:hover {
            background: #005682;
            color: #fff;
            border: 1px solid rgba(0, 86, 130, 0.5);
            text-decoration: none;
        }
        footer {
            padding: 40px 0px;
            background: #f5f5f5;
        }

    footer p {
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        height: 100%;
        font-weight: 400; font-size:13px;
    }

    footer ul {
        float: right;
        display: flex;
        justify-content: space-between;
        list-style: none;
        margin-bottom: 0px;
    }

        footer ul li {
            margin-right: 40px;
            font-weight: 400;
            font-size: 13px;
        }

            footer ul li a {
                color: #000;
            }

.modal-open {
    overflow: hidden;
    padding-right: 0px !important;
}

.login-box {
    text-align: center;
    padding: 11px 2px 24px 0px;
    background-color: #fff;
    border-radius: 2px;
}

    .login-box img {
        width: 60%;
    }

    .login-box a {
        display: inline-block;
        margin-top: 25px;
        background: #363636;
        padding: 8px 24px;
        color: #fff;
        border-radius: 40px;
        font-weight: 500;
        text-decoration: none;
        transition: 1s;
    }

        .login-box a:hover {
            background: #105dcd;
        }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px !important;
}

.dasca-school .modal-body {
    display: flex;
    align-items: center;
}

.dasca-school .modal-content {
    height: 100vh;
    background-color: #05162feb;

}

.dasca-school .modal-lg, .modal-xl {
    max-width: 100% !important;
}

.dasca-school .modal-dialog {
    max-width: 500px;
    margin: 0px;
}

.dasca-school button.close {
    color: #fff;
    opacity: 1;
    font-size: 50px;
}

    .dasca-school button.close:hover {
        color: #ffffff;
    }

.dasca-school .modal-header {
    border-bottom: 1px solid #dee2e600;
}

.dasca-school .modal-footer {
    border-top: 1px solid #dee2e600;
}


/*Privacy Policy*/
.tremdvt {
    max-width: 900px;
    margin: 160px auto 80px;
    background: #fff;
    padding: 50px 60px;
    border-radius: 16px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}

.tremdvt h1 {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-bottom: 0.4em;
    font-weight: 700;
}

    .tremdvt .effective-date {
       color: #666;
        font-size: 0.95rem;
        margin-bottom: 2em;
    }

.tremdvt h2 {
    font-size: 1.4rem;
    color: #1f2937;
    border-left: 4px solid #3b82f6;
    padding-left: 10px;
    margin-top: 1.8em;
    margin-bottom: 0.6em;
}

.tremdvt p {
    margin-bottom: 1em;
    font-size: 1rem;
}

.tremdvt ul {
    margin: 0.5em 0 1.5em 1.2em;
    padding: 0;
}

    .tremdvt li {
       margin-bottom: 1em;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 300; list-style-type:disc;
    }

    .tremdvt a {
        color: #33B2E3;
        text-decoration: none;
    }

.tremdvt a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {


    .tremdvt h1 {
        font-size: 1.8rem;
    }

    .tremdvt h2 {
        font-size: 1.2rem;
    }
}