html {
    scroll-behavior: smooth;
  }
/* nav bar */
#title{
    background:  #004c72;
    color: white;
    height: 0px;
} 
#navbar {
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 10px;
    transition: 0.5s;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 0;
  }
  
  /*  */
.nav-item{
    padding: 0 18px;
    font-family: 'Montserrat-light';
    font-size: 1.2rem;
}
.nav-item:hover{
    color: aqua;
    cursor: pointer;
}

/* logo */
.logo{
    padding: 0px;
    width: 150px;
    height: 110px;
    margin-left: 30px;
}
.logo:hover{
    transition: 300ms;
    transform: scale(1.1);
}

/* Cut the risk Image */
.cutriskimg{
    width: 100%;
    height: 550px;
    padding-top: 130px;
}
/* Paras */

.para1{
    text-align: justify;
}
.para2{
    text-align: justify;
    padding: 0;
    margin-left: -170px;
    margin-right: -170px;
}
.para3{
    text-align: justify;
}


/* Headings */
.head1{
    font-size: 3rem;
}


/* Buttons */
.btng{
    margin-right: 10px;
    color: aliceblue;
    text-align: left;
}
.btng3{
    margin-right: 10px;
    color: aliceblue;
    text-align: center;
    font-size: large;
    height: 40px;
    align-items: center;
    background-color: #004c72;
}
.btng3:hover{
    text-decoration: none;
}

.ad{
    width: 100%;
    margin-top: -30px;
}
.clients{
    margin-top: -60px;
}
.name{
    margin-left: 700px;
}

.serviceimg{
    width: 450px;
}
.btngs{
    margin-left: 650px;
}
.btngs2{
    margin-left: 550px;
}
.menudrop{
    color: #004c72;
}
.menudrop:hover{
    background-color: aqua;
    color: blueviolet;
}
.card{
    border: none;
}



@media (max-width: 1028px) {
    .name{
        margin-left: 10px;
    }
    .para2{
        text-align: justify;
        padding: 0;
        margin-left: 0px;
        margin-right:0px;
    }
    .btngs{
        margin: 0px;
    }
}

@media (max-width: 700px) {
    .logo{
        margin-top: -0px;
        width: 150px;
        height: 110px;
    }

    .cutriskimg{
        height: 250px;
        margin-bottom: -30px;
        
    }
    .nav-item{
        font-size: 1rem;
        padding-right: 0px;
        margin: 0px;
    }
    .btngs{
        margin: 0px;
    }
    #title{
        height: 170px;
    }
    .ad{
        width: 110%;
        /* height: 150px; */
        padding-left: -113px;
        padding-right: -113px;
    }
    .hideone{
        visibility: collapse;
    }

    .para2{
        text-align: justify;
        padding: 0;
        margin-left: -30px;
        margin-right: -30px;
    }
    .name{
        margin-left: 0px;
    }
    .ad2, .ad3, #PSEServices{
        margin-top: -400px;
    }
    .btng3{
        margin-right: 10px;
        color: aliceblue;
        text-align: center;
        font-size: medium;
        height: 30px;
    
    }
    .clientimg{
        border: 1px solid black;
    }

}