@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: 'Poppins', sans-serif;
}
.nav-linknew {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    letter-spacing: 0.03em !important;
    color: #00A4EF !important;
}

.navbtn {
    background: #00A4EF;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    /*or22px*/letter-spacing: 0.03em;
    color: #FFFFFF !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.minihead{
    font-weight: 500;
font-size: 20px;
line-height: 140%;
/* or 28px */

letter-spacing: 0.04em;

color: #FFFFFF;

}
.herohead {
    font-style: normal;
    font-weight: 500;
    font-size: 75px;
    line-height: 108%;
    letter-spacing: 0.01em;
    
    color: #fff;
}

.herosub {
    font-weight: 400;
    font-size: 20px;
    line-height: 134%;
    letter-spacing: 0.03em;
    color: #0A0B0D;
}
.btnhero{
    font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 28px;

color: #00A4EF;background: #FFFFFF;
border-radius: 10px;
}

.btnhero:hover{
    color: #00A4EF;
}
.btn1 {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    background: #00A4EF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.bghero {
    background: url("/newui/img/polygon/herobg.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.abouthead {
    font-weight: 400;
    font-size: 48px;
    line-height: 140%;
    /* or 67px */

    letter-spacing: 0.04em;

    color: #0A0B0D;
}

.subhead {
    font-weight: 400;
    font-size: 16px;
    line-height: 134%;
    letter-spacing: 0.03em;
    color: #0A0B0D;
}



.corner {
    border-radius: 22px;
    height: 180px;
    background: url("/newui/img/polygon/corner.svg") no-repeat;
    background-size: cover;
    filter: drop-shadow(0px 0px 75px rgba(0, 0, 0, 0.09));
}

.cardchead {
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    /* identical to box height, or 34px */

    letter-spacing: 0.06em;

    color: #0A0B0D;
}

.cardcsub {
    font-weight: 400;
    font-size: 13px;
    line-height: 174%;
    /* or 23px */

    letter-spacing: 0.03em;

    color: #0A0B0D;

}

.tab-content {
    background: #FFFFFF !important;
    box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.1) !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    font-weight: 400;
    font-size: 31px;
    line-height: 140%;
    /* or 43px */

    letter-spacing: 0.05em;

    background: #00A4EF !important;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0rem;
    -webkit-border-radius: 0rem;
    -moz-border-radius: 0rem;
    -ms-border-radius: 0rem;
    -o-border-radius: 0rem;
}



.tab-pane {
    font-weight: 400;
    font-size: 18px;
    line-height: 174%;
    /* or 31px */

    letter-spacing: 0.04em;

    color: #0A0B0D !important;

}

.half-a-border-on-top {
    border-top: 5px solid #00A4EF;
    border-image: linear-gradient(to right, #00A4EF 50%, transparent 50%) 100% 1;
}

.hrnew {
    border-bottom: 1px solid #d4cece;
}



.speakername {
    font-weight: 400;
    font-size: 15px !important;
    line-height: 22px;
    letter-spacing: 0.05em;

    color: #000;
}

.speakerdesig {
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    /* or 146% */

    letter-spacing: 0.03em;

    color: #000;


}

.spcard{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.icohover {
    border-radius: 5px;
}

.icohover:hover {
    background: linear-gradient(135.66deg, rgba(255, 255, 255, 0.47) 4.38%, rgba(255, 255, 255, 0.3102) 99.43%);
    backdrop-filter: blur(2.5px);
    border-radius: 5px;
}

.article-container {
    width: 25 overflow: hidden;
    position: relative;
}

.article-img-holder {
    width: 100%;
    height: 250px;    
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.article-title-link {
    position: absolute;
    bottom: 0;
    padding: 10px;
}

.article-title-link:hover {
    text-decoration: none;
}

.foot {
    background: #0A0B0D;
}

.foottext {
    font-weight: 400;
    font-size: 16px;
    line-height: 174%;
    /* or 28px */

    letter-spacing: 0.03em;

    color: #FFFFFF;
}

.contactus {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.03em;

    color: #FFFFFF;

}

.contactinfo {
    font-weight: 400;
    font-size: 16px;
    line-height: 189.18%;
    /* or 30px */

    letter-spacing: 0.03em;

    color: #FFFFFF;
}

.headlink {
    font-weight: 500;
    font-size: 16px;
    line-height: 189.18%;
    /* or 30px */

    letter-spacing: 0.03em;

    color: #FFFFFF;

}

.linksub {
    font-weight: 400;
    font-size: 16px;
    line-height: 263.68%;
    /* or 42px */


    color: #FFFFFF;

}

.footfoot {
    border-top: 3px solid #FFFFFF;
}

.copyright {
    font-weight: 400;
    font-size: 16px;
    line-height: 263.68%;
    /* or 42px */

    text-align: center;
    letter-spacing: 0.06em;

    color: #FFFFFF;
}

.btext {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */

    letter-spacing: 0.03em;

    color: #0A0B0D;

}


.bhead {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    /* or 50px */

    letter-spacing: 0.03em;

    color: #0A0B0D;
}



@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .benefits {
        position: relative;
        top: -2rem;
        background: url("/newui/img/polygon/bbgs.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.2));
        -webkit-filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.2));
    }
    .linkdate {
        display: block;
        background: #FAF7FE !important;
        text-decoration: none;
        font-weight: 400;
        font-size: 31px;
        line-height: 140%;
        /* or 43px */
    
        letter-spacing: 0.05em;
        text-transform: uppercase;
        border: 1px solid #fff !important;
        color: #00A4EF !important;
    
    }
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .benefits {
        position: relative;
        top: -3rem;
        background: url("/newui/img/polygon/bbgm.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.2));
        -webkit-filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.2));
    }
    .bghex {
        background: url("/newui/img/polygon/aboutbg.svg"), url("/newui/img/polygon/aboutbg1.svg");
        background-repeat: no-repeat, no-repeat;
        background-position: 220% -35%, 0% 100%;
        position: relative;
        top: -5rem;
    }
    .linkdate {
        display: block;
        background: #FAF7FE !important;
        text-decoration: none;
        font-weight: 400;
        font-size: 31px;
        line-height: 140%;
        height: 5rem !important;
        /* or 43px */
    
        letter-spacing: 0.05em;
        text-transform: uppercase;
        border: 1px solid #fff !important;
        color: #00A4EF !important;
    
    }
    
    .heightt{
        height: 20rem !important;
        
    }
}

@media only screen and (min-width: 1025px) {
    .benefits {
        position: relative;
        top: -3.5rem;
        background: url("/newui/img/polygon/bbg.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.2));
        -webkit-filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.2));
    }
    .bghex {
        background: url("/newui/img/polygon/aboutbg.svg"), url("/newui/img/polygon/aboutbg1.svg");
        background-repeat: no-repeat, no-repeat;
        background-position: 120% -10%, 0% 100%;
        position: relative;
        top: -5rem;
    }
    .linkdate {
        display: block;
        background: #FAF7FE !important;
        text-decoration: none;
        font-weight: 400;
        font-size: 31px;
        line-height: 140%;
        height: 5rem !important;
        /* or 43px */
    
        letter-spacing: 0.05em;
        text-transform: uppercase;
        border: 1px solid #fff !important;
        color: #00A4EF !important;
    
    }
    
    .heightt{
        height: 20rem !important;
        
    }
}