* {

    margin: 0;

    padding: 0;

    box-sizing: border-box

    

}



html {

    scroll-behavior: smooth;

}



body {}



ul {

    list-style: none;

}



a {

    text-decoration: none;

}



.scroll-top {

    width: 50px;

    height: 50px;

    position: fixed;

    text-align: center;

    padding: .5rem;

    font-size: 1.5rem;

    right: 3%;

    bottom: 5%;

    background-color: rgba(255, 255, 255, .9);

    box-shadow: 0 0 5px rgb(0 0 0 / 17%);

    border-radius: 50%;

    transition: all .25s ease;

    display: none;

    justify-content: center;

    align-items: center;

}



.scroll-top.active {

    display: block;

}



/*---------navbar end-------------*/

.header .container {

    max-width: 1400px;

    margin: auto;

}



.header {

    position: fixed;

    display: block;

    width: 100%;

    z-index: 99;

    background-color: #015e80;

    height: 100px;

    line-height: 80px;

    transition: all 0.4s ease;

}



.header .item-left {

    flex: 0 0 10%;

}



.header .item-center {

    flex: 0 0 70%;



}



.header .item-right {

    flex: 0 0 5%;

}



.nav-toggle {

    cursor: pointer;

    display: none;

    margin-right: 10px;

}



.nav-toggle span {

    width: 35px;

    height: 2px;

    border-radius: 15px;

    background-color: #fff;

    display: block;

    margin: .4rem 0;



}



.nav-toggle:hover span:nth-child(1) {

    width: 20px;

}



.nav-toggle:hover span:nth-child() {

    width: 10px;

}



.header .row {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}







.header ul {

    list-style: none;

    margin: 0;

    padding: 0;

   

}



.header .menu>ul>li {

    display: inline-block;

    line-height: 50px;

    margin-left: 25px;

}



.header .menu>ul>li>a {

    font-weight: 600;

    font-size: 15px;

    text-transform: uppercase;

    color: #fff;

    text-decoration: none;

    position: relative;

    transition: color 0.3s ease;

}



.header .menu>ul>li:hover>a {

    color: #ffffff99;

}



.header .menu>ul>li .sub-menu>ul>li:hover>a {

    color: #015e80;

}



.header .menu>ul>li .sub-menu {

    position: absolute;

    z-index: 500;

    background-color: #fff;

    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);

    padding: 20px 30px;

    transition: all 0.5s ease;

    margin-top: 20px;

    opacity: 0;

    visibility: hidden;
    text-align: left;

}



.header .menu>ul>li.menu-item-has-children:focus-within .sub-menu,

.header .menu>ul>li.menu-item-has-children:hover .sub-menu {

    margin-top: 10px;

    opacity: 1;

    visibility: visible;

}



.header .menu>ul>li .sub-menu>ul>li {

    line-height: 30px;

    margin: 0;

    padding: 0;

}



.header .menu>ul>li .sub-menu>ul>li>a {

    display: inline-block;

    padding: 1px 0;

    font-size: 15px;

    text-decoration: none;

    text-transform: capitalize;

    color: #000;

}



.header .menu>ul>li .single-column-menu {

    max-width: 260px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

}



.closebtn {

    float: right;

    font-size: 30px;

    color: #015e80;

    margin-right: 1rem;

    cursor: pointer;

    display: none;

}

 @media screen and (max-width:767px){

     .menu-item li a {

         background-color:#a3e7ff;

     }

.header .container {

    max-width: 1400px;

    margin: auto;

}



.header {

    position: fixed;

    display: block;

    width: 100%;

    z-index: 99;

    background-color: #015e80;

    height: 100px;

    line-height: 80px;

    transition: all 0.4s ease;

}



.header .item-left {

    flex: 0 0 10%;

}



.header .item-center {

    flex: 0 0 70%;



}



.header .item-right {

    flex: 0 0 5%;

}



.nav-toggle {

    cursor: pointer;

    display: none;

    margin-right: 10px;

}



.nav-toggle span {

    width: 35px;

    height: 2px;

    border-radius: 15px;

    background-color: #fff;

    display: block;

    margin: .4rem 0;



}



.nav-toggle:hover span:nth-child(1) {

    width: 20px;

}



.nav-toggle:hover span:nth-child() {

    width: 10px;

}



.header .row {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}







.header ul {

    list-style: none;

    margin: 0;

    padding: 0;

    margin-left: 2rem;

}



.header .menu>ul>li {

    display: inline-block;

    line-height: 50px;

    margin-left: 25px;

}



.header .menu>ul>li>a {

    font-weight: 500;

    font-size: 15px;

    text-transform: uppercase;

    color: #fff;

    text-decoration: none;

    position: relative;

    transition: color 0.3s ease;

}



.header .menu>ul>li:hover>a {

    color: #ffffff99;

}



.header .menu>ul>li .sub-menu>ul>li:hover>a {

    color: #015e80;

}



.header .menu>ul>li .sub-menu {

    position: absolute;

    z-index: 500;

    background-color: #fff;

    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);

    padding: 20px 30px;

    transition: all 0.5s ease;

    margin-top: 20px;

    opacity: 0;

    visibility: hidden;

}



.header .menu>ul>li.menu-item-has-children:focus-within .sub-menu,

.header .menu>ul>li.menu-item-has-children:hover .sub-menu {

    margin-top: 10px;

    opacity: 1;

    visibility: visible;

}



.header .menu>ul>li .sub-menu>ul>li {

    line-height: 1.5rem;

    margin: 0;

    padding: 0;

}



.header .menu>ul>li .sub-menu>ul>li>a {

    display: inline-block;

    padding: 10px 0;

    font-size: 15px;

    text-decoration: none;

    text-transform: uppercase;

    color: #555;

}



.header .menu>ul>li .single-column-menu {

    min-width: 350px;

    max-width: 450px;

}



.closebtn {

    float: right;

    font-size: 30px;

    color: #015e80;

    margin-right: 1rem;

    cursor: pointer;

    display: none;

}

 }

/*---------navbar end-------------*/

/*---------sidebar-------------*/

#fixed-social {

    position: fixed;

    top: 600px;

    z-index: 200;

}



#fixed-social a {

    color: #fff;

    display: block;

    height: 40px;

    position: relative;

    text-align: center;

    line-height: 40px;

    width: 40px;

    margin-bottom: 1px;

    z-index: 2;

}



#fixed-social a:hover>span {

    visibility: visible;

    left: 41px;

    opacity: 1;

}



#fixed-social a span {

    line-height: 40px;

    left: 60px;

    position: absolute;

    text-align: center;

    width: 120px;

    visibility: hidden;

    transition-duration: 0.5s;

    z-index: 1;

    opacity: 0;

}



.fixed-facebook {

    background-color: #3b5998;

}



.fixed-facebook span {

    background-color: #3b5998;

}



.fixed-twitter {

    background-color: #4099FF;



}



.fixed-twitter span {

    background-color: #4099FF;

}



.fixed-linkedin {

    background-color: #0e76a8;



}



.fixed-linkedin span {

    background-color: #0e76a8;

}



/*---------sidebar-------------*/

.banner {

    background-image: url("image/bg.jpg");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 100vh;

    padding: 3rem 0rem;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-around;

    position: relative;

}



.banner .img {

    position: absolute;

    left: 3%;

    bottom: 0;

}



.banner img {

    width: 100%;



    height: auto;



}



.banner-detail {

    text-align: center;

    background-color: #00000047;

    width: 100%;

    margin-left:5%;

	height:425px;

}



.banner p {

    font-size: 2.5em;

    color: #fff;

    padding: 2rem;

	margin-left:5rem;



}



.banner span {

    color: #fff;

    font-weight: bold;

}





@media screen and (max-width: 767px) {

    .banner {

    background-image: url("image/bg.jpg");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 100vh;

    padding: 3rem 0rem;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-around;

    position: relative;

}



.banner .img {

    position: absolute;

    left: 3%;

    bottom: 0;

}



.banner img {

    width: 100%;



    height: auto;



}



.banner-detail {

    text-align: center;

    background-color: #00000047;

    width: 100%;

	height:425px;

	margin-bottom:170px;

	margin-left:0px;

}



.banner p {

    font-size: 1.3em;

    color: #fff;

    padding: 4rem;

    margin:0 !important;



}



.banner span {

    color: #fff;

    font-weight: bold;

}



}

/*-----------about-us----------*/

.about-section {

    padding: 5% 7%;

    background-image: url("");

}



.about-us {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;



}



.about-detail {

    margin-top: 4rem;

    width: 50vw;

}



.about-detail h1 {

    color: #015e80;

    text-transform: uppercase;

    position: relative;

}



/*.about-detail h1::before,*/

/*.gallery-container h1::before {*/

/*    content: 'hi';*/

/*    position: absolute;*/

/*    background-color: #015e80;*/

/*    width: 100px;*/

/*    height: 4px;*/

/*    left: 5px;*/

/*}*/



.about-detail p,

.more-detail {

    line-height: 1.5rem;

    margin: 1.5rem 0;

    font-size: 18px;

    color: #333333;

    text-align:justify;

}



.about-detail a,

.form-section button {

    text-decoration: none;

    background-color: #015e80;

    color: #fff;

    text-transform: uppercase;

    padding: .5rem 1rem;

    margin-top: 2rem;

    line-height: 2rem;

    border-radius:50px;

}



.about-detail a:hover,

.form-section button:hover {

    color: #015e80;

    background-color: transparent;

    border: 2px solid #015e80;

}



.about-profile img {

    width: 20em;

}

@media screen and (max-width:767px){

    .about-section {

    padding: 5% 7%;

    background-image: url("");

}



.about-us {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;



}



.about-detail {

    margin-top: 4rem;

    width: 50vw;

}



.about-detail h1 {

    color: #015e80;

    text-transform: uppercase;

    position: relative;

}



/*.about-detail h1::before,*/

/*.gallery-container h1::before {*/

/*    content: 'hi';*/

/*    position: absolute;*/

/*    background-color: #015e80;*/

/*    width: 100px;*/

/*    height: 4px;*/

/*    left: 5px;*/

/*}*/



.about-detail p,

.more-detail {

    line-height: 1.5rem;

    margin: 1.5rem 0;

    font-size: 18px;

    color: #333333;

    text-align:justify;

}



.about-detail a,

.form-section button {

    text-decoration: none;

    background-color: #015e80;

    color: #fff;

    text-transform: uppercase;

    line-height: 2rem;

    border-radius:5px;

    margin-bottom:1rem;

}



.about-detail a:hover,

.form-section button:hover {

    color: #015e80;

    background-color: transparent;

    border: 2px solid #015e80;

}



.about-profile img {

    width: 20em;

    padding-top:1rem;

}

}

/*-----------skills-----------*/

.section {

    width: 100%;

    min-height: 100vh;

    background-image: url("image/1.webp");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    margin: 1rem 0;

    padding: 2rem 4rem;

}



.section-title {

    text-align: center;

    padding: 3rem 0;

}



.section-title h1 {

    font-size: 40px;

    color: #015e80;

}



.section-title p {

    color: #000;

    font-size: 25px;

    margin: .5rem 0;

}



.skill-section {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));

}



.skills-bar {

    border-radius: 10px;

    padding: 25px 30px;

    box-shadow: -3px -3px 7px #ffffff,

        3px 3px 5px #ceced1;

    margin: .4rem;

    background-color: #ecf2f999;

}



.skills-bar .bar {

    margin: 25px 0px;

}





.skills-bar .bar:first-child {

    margin-top: 0px;

}



.skills-bar .bar .info {

    margin-bottom: 5px;

}



.skills-bar .bar .info span {

    font-size: 17px;

    font-weight: 500;

    opacity: 0;

    animation: showText 0.5s 1.5s linear forwards;

}



@keyframes showText {

    100% {

        opacity: 1;

    }

}



.skills-bar .bar .progress-line {

    position: relative;

    height: 10px;

    width: 100%;

    background-color: #f0f0f0;

    border-radius: 10px;

    transform: scaleX(0);

    transform-origin: left;

    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.8);

    animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;





}



.bar .progress-line span {

    height: 100%;

    width: 80%;

    background: #015e80;

    position: absolute;

    border-radius: 10px;

    transform: scaleX(0);

    transform-origin: left;

    animation: animate 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards;

}



@keyframes animate {

    100% {

        transform: scaleX(1);

    }



}



.progress-line.html span {

    width: 80%;

}





.progress-line.javascript span {

    width: 75%;

}



.progress-line.php span {

    width: 55%;

}



.progress-line.python span {

    width: 60%;

}



.progress-line.mysql span {

    width: 73%;

}





.bar .progress-line span::before {

    position: absolute;

    content: "";

    right: 0;

    top: -10px;

    height: 0;

    width: 0;

    border: 7px solid transparent;

    border-bottom-width: 0px;

    border-right-width: 0px;

    border-top-color: #00bbf0;

    opacity: 0;

    animation: showText2 0.5s 1.5s linear forwards;



}







.bar .progress-line span::after {

    position: absolute;

    right: 0;

    top: -28px;

    background: #00bbf0;

    color: #fff;

    font-size: 12px;

    font-weight: 500;

    padding: 1px 8px;

    border-radius: 3px;

    opacity: 0;

    animation: showText2 0.5s 1.5s linear forwards;

}



@keyframes showText2 {

    100% {

        opacity: 1;

    }

}





.progress-line.html span::after {

    content: "80%";

}





.progress-line.javascript span::after {

    content: "75%";

}



.progress-line.php span::after {

    content: "55%";

}



.progress-line.python span::after {

    content: "60%";

}



.progress-line.mysql span::after {

    content: "73%";

}



/*-----------skills-----------*/

.services {

    background-image: url("image/0.jpg");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 30vh;

    position: relative;

}



.services .overlay {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: #fff;

    opacity: .4;

}



.service-title {

    width: 100%;

    position: absolute;

    top: 30%;

    text-align: center;

    color: #015e80;

}



.service-title p {

    font-size: 25px;

    color: #000;

    margin: 1rem 0;

}



.service-container {

    background-color: #ecf2f9;

    padding: 0 2rem;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));

}



.service-container .card {

    text-align: center;

    box-shadow: inset -3px -3px 7px #ffffff,

        inset 3px 3px 5px #ceced1;

    padding: 1rem;

    margin: 1rem;

    border-radius: 10px;

}

@media screen and (max-width:767px){

    .service-container .card {

    text-align: center;

    box-shadow: inset -3px -3px 7px #ffffff,

        inset 3px 3px 5px #ceced1;

    padding: 1rem;

    margin: 1rem;

    border-radius: 10px;

    margin-right:75px !important;

}

}



.service-container .card h3 {

    color: #015e80;

    margin: .5rem 0;

    font-size: 20px;

}



.service-container .card iframe {

    width: 100%;

    height: 250px;

}



footer {

    background-color: #015e80;

    padding: 2rem 0;

    margin-bottom: 0;

}



.footer-detail {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));

    padding: 2rem 4rem;

}



.footer-detail .detail {

    line-height: 2rem;

}



.footer-detail .links h4 {

    margin-bottom: .4rem;

}



.footer-detail .links a {

    text-transform: capitalize;

}



.footer-detail a {

    color: #ffffff99;

    line-height: 2rem;

}





.footer-detail a:hover {

    color: #fff;

}



.footer-detail h4 {

    color: #fff;

}



.footer-detail p {

    color: #ffffff99;

}



.publication {

    margin-right: 1.4rem;

}



.bottom-footer {

    margin-top: .4rem;

    border-top: 1px solid #ffffff99;

    padding: 1rem 0;

    text-align: center;

    color: #ffffff99;

    line-height: 50px;

}



/*----------------gallery section----------------------*/

.gallery-banner {

    background-image: url("image/5.png");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 40vh;

    position: relative;

}



.gallery-banner .overlay {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: #000;

    opacity: .8;

}



.gallery-banner .link {

    width: 100%;

    position: absolute;

    text-align: center;

    color: #fff;

    top: 50%;

}



.gallery-banner p {

    margin: .5rem 0;

    font-weight: bold;

    font-size: 20px;

}



.gallery-banner a {

    color: #fff

}



.gallery-banner a:hover {

    color: #ffffff99;

}



.gallery-container {

    padding: 2rem 4rem;

    background-color: #ecf2f9;

    border-radius: 15px;



}



.gallery-container h1 {

    color: #015e80;

    text-align: center;

    position: relative;

    margin-bottom: .5rem;

}



.gallery-container h1::before {

    bottom: -12px;

    left: 46%;

}



.imglist {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));



}



.imglist .box {

    box-shadow: inset -3px -3px 7px #ffffff,

        inset 3px 3px 5px #ceced1;

    padding: .5rem;

    margin: 1rem;

    border-radius: 15px;

    border: 2px solid #015e80;



}



.imglist a {

    overflow: hidden;

}



.imglist a img {

    width: 99%;

    transition: .3s ease;

    border-radius: 15px;



    margin: .4rem;



}



.imglist a img:hover {

    filter: grayscale(1.1);

}



/*----------------award section----------------------*/

.award-container {

    padding: 2% 3%;

}



.award-img {

    display: flex;

    flex-wrap: wrap;



}



.award-img .box {

    margin: 1rem;

    width: 250px;

    height: auto;

}



.award-img .box img {

    width: 100%;

    height: auto;

}



/*----------------contact section----------------------*/

.form-section {

    padding: 2rem 4rem;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));

}



.input-area {

    width: 90%;

    margin: .5rem 0;

}



.input-area label {

    font-size: 20px;

    color: #555;

}



.input-area input,

textarea {

    width: 100%;

    background-color: transparent;

    outline: none;

    border: 2px solid #015e80;

    border-radius: 5px;

    padding: .5rem 0;

    margin: .8rem 0;

}



textarea {

    height: 160px;

}



.form-img {

    width: 90%;

}



.form-img img {

    width: 90%;

}



.form-section button {

    outline: none;

    border: none;

    margin-top: 0;

}



/*association*/

.sec {

    padding: 3% 3% 5% 12%;

}



.sec {

    line-height: 1.5rem;

    font-size: 18px;

    color: #555;



}



.sec h1 {

    color: #015e80;

    letter-spacing: 2px;

    line-height: normal;

}



.sec h2 {

    font-weight: 100;

    margin: .5rem 0;

}



.sec i {

    color: #015e80;

    margin-right: .5rem;

}





.sec h1 {

    margin: 1rem 0;

}



.sec h3 {

    color: #015e80;

    font-size: 30px;

    margin: 1rem 0;

}



.sec span {

    font-size: 1.5rem;

}



.sec div {

    margin: .5rem 0;

    display: flex;

}



.sec div i {

    margin-top: .3rem;

    text-align: center;

}



.sec .txt {

    margin-top: 2rem;

}



.faculty-list,

.master-trainer {

    padding-top: 2rem;

}



.resource-list {

    padding-top: 2rem;

}



.master-trainer ul {

    margin-left: -4rem;

}



.faculty-list li,

.resource-list li,

.master-trainer li {

    margin: .5rem 0;

}



.research-section a {

    color: #015e80;

}



.research-section a:hover {

    color: greenyellow;

}



/*----------------media screen----------------------*/

@media screen and (max-width:767px) {

    .header .item-center {

        order: 3;

        flex: 0 0 100%;

    }

    .skills-bar .bar .info {

    margin-bottom: 30px;

}

.skills-bar span{

    margin-left:12px;

    margin-right:12px;

    margin-bottom:25px;

}

    .header .item-left,

    .header.item-right {

        flex: 0 0 auto;

    }

.logo{

    width:200px!important;

}

.logo img{

    width:300px!important;

    height:70px;

}

    .row {

        display:flex;

        justify-content: space-between;

    }



    .nav-toggle {

        display: block;

    }



    .header .menu .menu-item {

        height: 100%;

        overflow-x: hidden;

        overflow-y: auto;

    }



    .header .menu {

        position: fixed;

        width: 0px;

        background-color: hwb(205deg 81% 0%);

        box-shadow: 0 0 15px #ccc;

        height: 100%;

        overflow: hidden;

        top: 0;

        left: 0;

        transition: 0.5s;

    }



    .header .menu>ul>li .single-column-menu {

        min-width: 0px;

        max-width: 0px;

        width: 100%;

    }



    .header .menu>ul>li .sub-menu {

        visibility: visible;

        position: relative;

        opacity: 0;

        display: none;

        box-shadow: none;

        padding: 0;

        margin: 0;

        width: 100%;

        height: 100%;

        max-width: none;

        min-width: none;

    }



    .header .menu>ul>li.menu-item-has-children:hover .sub-menu {

        margin-top: 0px;

        opacity: 1;

        display: block;

    }



    .header .menu>ul {



        margin: 5rem 0 0 0;

    }



    .header .menu>ul>li {

        line-height: 1;

        margin: 0;

        display: block;

        width: 100%;

    }



    .header .menu>ul>li:hover>a {

        color: #015e80;

    }



    .header .menu>ul>li>a {

        line-height: 50px;

        height: 50px;

        padding: 0 50px 25px 15px;

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

        display: block;

        color: #555;

    }



    .header .menu>ul>li>a i {

        position: absolute;

        height: 50px;

        width: 50px;

        top: 0;

        right: 0;

        border-left: 1px solid rgba(0, 0, 0, 0.1);

        text-align: center;

        line-height: 50px;

    }



    .header .menu>ul>li .sub-menu>ul>li>a {

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

        padding: .5rem 0;

        height: auto;

        width: 100%;

        display: block;

        color: #555;

        margin-left: -1rem;

    }



    .closebtn {

        display: none;

    }

}





@media screen and (max-width:767px) {

    .about-detail {

        margin-top: 4rem;

        width: 100%;

    }



    .about-profile img {

        width: 100%;

    }



    .scroll-top {

        display: none;

    }



    .skill-section {

        display: grid;

        grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));

    }

    @media screen and (max-width:767px){

            .skill-section {

        display: grid;

        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));

    }

    }



    .skills-bar {

        border-radius: 10px;

        padding: 0px;

        box-shadow: -3px -3px 7px #ffffff,

            3px 3px 5px #ceced1;

        margin: .4rem;

        background-color: #ecf2f999;

    }

}


.dfnujmnsdusn h1{
    color: #000;
    font-weight: 700;
    font-size: 30px;
    padding-bottom: 10px;
}

.dfnujmnsdusn p{
    color: #333;
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
}

.nujsdyashndn img{
    box-shadow: -13px 13px 20px -4px rgba(2.485380116959026,
     2.485380116959026,
      2.485380116959026, 0.5);
    padding: 10px;
    padding: 10px;
}

.new-about-dbdhdg{
    padding: 50px 0px;
}

.sbhh-dhyydh{
    background-color: #015e80;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.sbhh-dhyydh a{
    color: #fff;
    text-decoration: none;
}

.new-service-fnh{
    background-color: #ecf2f9;
    padding: 50px 0px;
}

.nunsudsjd h2{
    color: #000;
    font-size: 30px;
    font-weight: 700;
}

.nunsudsjd{
    padding-bottom: 30px;
}

.nunsudsjd p{
    color: #333;
    font-size: 16px;
}

.nunsudsjd{
    text-align: center;
}

.nj-dnhhsbv h3{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.nj-dnhhsbv{
    text-align: center;
    padding: 10px 10px;
}

.main-dnhhd{
    padding: 10px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 10px;
}

.iframe-dbnhhdg{
    padding: 10px 10px;
    background-color: #f6f6f6;
}

.main-dnhhd{
    margin-bottom: 20px;
}

.header {
  
  height: auto !important;
  line-height: 92px;
}

.menu{
    text-align: right;
}

.bnhnashahsdh h1{
     color: #000;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 20px;
}

.bnhnashahsdh p{
     color: #333;
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
}

.new-bhndfhsd img{
    padding: 6px;
    box-shadow: -13px 13px 20px -4px rgba(2.485380116959026,
     2.485380116959026,
      2.485380116959026, 0.5);
}

.new-bjhndhdg-about{
    padding: 60px 0px;
}

.bnhnashahsdh{
    padding-right: 20px;
}


.snjj-dhyyf ul{
    padding: 0;
    margin: 0;
}

.snjj-dhyyf ul li{
  list-style: none;
  background: url(image/dwn.png) no-repeat 0 5px;
  padding: 0 0 20px 25px;
  color: #000;
  font-size: 15px;
}

.snjj-dhyyf p{
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
}

.new-page-fnhhdg{
    padding: 60px 0px;
}





.new-bhjmsdnsn ul{
    padding: 0;
    margin: 0;
}

.new-bhjmsdnsn ul li{
  list-style: none;
  background: url(image/dwn.png) no-repeat 0 5px;
  padding: 0 0 20px 25px;
  color: #000;
  font-size: 15px;
}

.new-bhjmsdnsn p{
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
}


.new-bhjmsdnsn p strong{
    font-size: 20px;
}


.port-d-hndhdg{
    padding: 60px 0px;
}

.numnsuyshd h1{
 color: #000;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 20px;   
}

.pd-njjd{
    padding: 30px 0px;
}


.numnsuyshd table{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc !important;
}

.numnsuyshd table td{
    color: #333;
    font-size: 15px;
    border: 1px solid #ccc !important;
    padding: 10px;

}

.new-bhnshdsdh{
    padding: 60px 0px;
}

.bunsdusdj{
    box-shadow: inset -3px -3px 7px #ffffff,
     inset 3px 3px 5px #ceced1;
  padding: .5rem;
  border-radius: 15px;
  border: 2px solid #015e80;
}

.newe-contact{
    padding: 50px 0px;
}

.numsdusjdm img{
  padding: 6px;
    box-shadow: -13px 13px 20px -4px rgba(2.485380116959026,
     2.485380116959026,
      2.485380116959026, 0.5);  
}

#formsubmitbtn{
   background-color: #015e80; 
   text-align: center;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   padding: 10px 30px;
   border: none;
   border-radius: 10px;
   margin-top: 15px;
}

.snjj-dhyyf h1{
    color: #000;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 20px;    
}

.snjj-dhyyf p{
   font-size: 15px;
    line-height: 30px;
    text-align: justify;   
}


.snjj-dhyyf ul{
    padding: 0;
    margin: 0;
}

.snjj-dhyyf ul li{
  list-style: none;
  background: url(image/dwn.png) no-repeat 0 5px;
  padding: 0 0 20px 25px;
  color: #000;
  font-size: 15px;
}

.snjj-dhyyf h3{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 20px; 
}

.pd-lefgtt ul{
    padding-left: 0px !important;
}

.njj-sbjhhsg h3{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
}

.njj-sbjhhsg P{
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
}

.njj-sbjhhsg ul{
    padding: 0px;
    margin: 0;
}

.njj-sbjhhsg ul li{
    line-height: 30px;
    font-size: 15px;
    color: #fff;
}

.njj-sbjhhsg ul li a{
    color: #fff;
    text-decoration: none;
}


.bottome-fbgg{
    padding: 15px 0px;
    background-color: #003548;

}

.nynszuyasd{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.top-footer-dbh{
    padding: 50px 0px;
    background-color: #015e80;
}





.dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 1;
}

/* Dropdown links */
.dropdown-content a {
    color: black;
    padding: 10px;
    text-decoration: none;
    display: block;
}

/* Change color on hover */
.dropdown-content a:hover {
    background-color: #f1f1f1;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Button hover effect */
.dropbtn:hover {
    background-color: #2980b9;
}

/* Sub-dropdown container */
.sub-dropdown {
    position: relative;
}

/* Sub-dropdown content (hidden by default) */
.sub-dropdown-content {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: white;
    min-width: 150px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

/* Show sub-dropdown on hover */
.sub-dropdown:hover .sub-dropdown-content {
    display: block;
}


.nunujsdfhsdhf ul{
    padding: 0;
    margin: 0;
    column-count: 4;
  column-gap: 5px;
}

.nunujsdfhsdhf ul li {
  width: 100%;
  list-style: none;
  margin-bottom: 10px;
  border-radius: 10px;
}