@font-face {
    font-family: Poppins-Medium;
    src: url('../font/Poppins-Medium.ttf');
}
@font-face {
    font-family: Poppins-Bold;
    src: url('../font/Poppins-Bold.ttf');
}
@font-face {
    font-family: Poppins-SemiBold;
    src: url('../font/Poppins-SemiBold.ttf');
}
@font-face {
    font-family: Poppins-Regular;
    src: url('../font/Poppins-Regular.ttf');
}

.Poppins-Medium{
    font-family: Poppins-Medium;
}
.Poppins-Bold{
    font-family: Poppins-Bold;
}
.Poppins-SemiBold{
    font-family: Poppins-SemiBold;
}
.Poppins-Regular{
   font-family: Poppins-Regular;
}

.bg-banner{
    background-image: url('../img/common-bg.png');
}
.font-16{
    font-size: 18px;
}

.btn-blue{
       background-color: #0097b2;
    color: white;
    padding: 10px 15px;
    border-radius: 10px;
      border: 1px solid #ffffff;
}
.btn-blue:hover{
       background-color: #ffffff;
    color: #0097b2;
    border: 1px solid #0097b2;
}
.btn-blue-outline{
      background-color: #ffffff;
    color: #0097b2;
    border: 1px solid #0097b2;
     padding: 10px 15px;
     border-radius: 10px;
}
.btn-blue-outline:hover{
    background-color: #0097b2;
    color: white;
      border: 1px solid #ffffff;  
}
.color-blue{
    color: #0097b2;
}
.font-50{
    font-size: 50px;
}

.nav-link{
font-family: Poppins-Medium;
}

.feature-section .card {
    padding: 36px 24px;
    transition: all 0.5s;
    border: 1px solid rgba(19, 47, 89, 0.2);
    background: rgba(19, 47, 89, 0.05);
    border-radius: 15px;
}
.card .card__title {
    margin-bottom: 16px;
}
.feature-section .card .fs-small {
    color: #222E48;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}
.feature-section .card .btn_theme {
    width: 60px;
    height: 60px;
    margin: auto;
    margin-top: 24px;
    border: 1px solid #DFE0E4;
    transform: scale(0);
}
.social_box {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-section .card .btn_theme i {
    color: #0097b2;
    font-size: 24px;
}
.btn_theme{
        color: #0097b2;
    background: transparent;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* padding: 16px 32px; */
    text-transform: capitalize;
    border: 1px solid #0097b2;
    font-size: 16px;
    border-radius: 32px;
    font-weight: 600;
    line-height: 1.2;
    min-width: -moz-max-content;
    min-width: max-content;
    transition: all 0.35s ease-in-out;
    position: relative;
    z-index: 1;

}
.btn_theme span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #0097b2;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.feature-section .card .btn_theme:after {
    transition: all 0.35s ease-in-out;
    background: white;
}

.social_box::after {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -2;
}
.feature-section .card:hover {
    background: #0097b2;
}
.feature-section .card:hover .btn_theme {
    background: #ffffff;
    border-color: #ffffff;
    transform: scale(1);
}
.feature-section .card:hover .card__title a, .feature-section .card:hover .fs-small {
    color: white;
}
.feature-section .card .card__title a {
    color: #0097b2;
}
.card:hover .fs-small {
    color: white;
}
.font-25{
    font-size: 25px;
}

.banner-one{
    background-color: #0097b2;
    background-image: url('../img/bg1.png');
    padding: 50px 0px;
    border-radius: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .bg-new-section{
    background: rgba(19, 47, 89, 0.05);
    padding: 50px;
}
.circle-img{
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}
.accordion-button:focus {
    box-shadow: none !important;
}

.footer-img {
      background-color: #222E48;
    /* background-image: url('../img/footer.png'); */
    background-repeat: no-repeat;
    background-size: cover;
  
}
.footer-text {
    color: #898989;
}

.footer-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0097b2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-footer {
    color: white;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 12px 15px;
  border-radius: 50%;
  background: #0097b2;
}
@media (max-width:768px){
    .bg-new-section {
    padding: 10px;
}
}

.border-bottom-1px{
  border-bottom: 1px solid #244214;

}