@font-face {
    font-family: "Poppins Black";
    src: url("../css/Poppins-Black.ttf");
}
@font-face {
    font-family: "Poppins";
    src: url("../css/Poppins-Bold.ttf");
}
@font-face {
    font-family: "Poppins";
    src: url("../css/Poppins-ExtraBold.ttf");
}
@font-face {
    font-family: "Poppins";
    src: url("../css/Poppins-Light.ttf");
}
@font-face {
    font-family: "Poppins Regular";
    src: url("../css/Poppins-Regular.ttf");

}
@font-face {
    font-family: "Poppins";
    src: url("../css/Poppins-Medium.ttf");
    
}
@font-face {
    font-family: "Poppins";
    src: url("../css/Poppins-SemiBold.ttf");
    
}
@font-face {
    font-family: "Poppins";
    src: url("../css/Poppins-ThinItalic.ttf");
    
}
@font-face {
    font-family: "Poppins";
    src: url("../css/Poppins-Thin.ttf");
    
}

section{overflow: hidden;}

.workxity-nav .site-logo img{height: 60px;max-width: 100%;}

.workxity-nav .navbar-nav{
    width: 100%;
    justify-content: right;
}
.workxity-nav .navbar-nav li a{
    color: #135e9e;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: "Poppins Regular";
    margin-right: 1.5rem;
}
.workxity-nav a.nav-link.active {
    color: #135e9e !important;
}
.workxity-nav nav.navbar.navbar-expand-lg{
    padding: 2rem 0rem 0rem 0rem;
}
.site-heading h1{
    font-size: 4rem;
    color: #494949;
    font-weight: 700;
    line-height: 1.1;
    padding-bottom: 20px;
}
.wrokxity-heading{
    padding: 5.5rem 0 9rem 0;
}
.wrokxity-heading .site-heading span{color: #510ea2;}
button.btn.btn-register{
    border: 2px solid #510ea2;
    font-size: 1rem;
    border-radius: 2rem;
    position: relative;
    transition: all .4s ease-in-out;
    height: 2.75rem;
    line-height: calc( 2.75rem - 4px);
    padding: 0 1rem;
    fill: #5B1CA7;
    color: #5b1ca7;
    background-color: #fff;
    font-weight: bold;
}
.wrokxity-heading{position: relative;}
.wrokxity-heading .site-img img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.wrokxity-heading .site-img figure:nth-of-type(1){
    top: 45px;
    left: 58%;
    width: 250px;
    height: 250px;
}
.wrokxity-heading .site-img figure{
    overflow: hidden;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transform-origin: center;
}

.wrokxity-heading .site-img-1 figure{
    overflow: hidden;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transform-origin: center;
    top: 250px;
    right: 110px;
    width: 200px;
    height: 200px;
}
.wrokxity-heading .site-img-1 img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.wrokxity-heading .site-img-2 figure{
    overflow: hidden;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transform-origin: center;
    top: 360px;
    right: 320px;
    width: 150px;
    height: 150px;
}
.wrokxity-heading .site-img-2 img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.wrokxity-heading .site-img-3 figure{
    overflow: hidden;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transform-origin: center;
    top: 550px;
    right: 300px;
    width: 150px;
    height: 150px;
}
.wrokxity-heading .site-img-3 img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.wrokxity-heading .site-img-3 figure{
    overflow: hidden;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transform-origin: center;
    top: 535px;
    right: 240px;
   
    width: 100px;
    height: 100px;
}
.career-activation{background-color: #F5FCFF;}
.site-heading p{margin-bottom: 2rem;}
.span{color: #510ea2;}
.career-activation h2{text-align: center;font-size: 2.5rem;}
p.career-text{ padding: 0 20% 0 20%;}
.career-activation p{
    color: inherit;
    font-size: 1.2rem;
    line-height: 1.65;
    text-align: center;
   
}
.career-activation .card{
    background: #fff;
    padding: 3rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 #c9e2f899;
    border: 1px solid #fff;
    margin-bottom: 1rem;
}
p.career-text {
    padding-bottom: 2.5rem;
}
.card-box-3 p{min-height: 158px;}
.second-card .card{
    background: #fff;
    padding: 3rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 #c9e2f899;
    border: 1px solid #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;

}
.second-card p{
    color: #494949;
    font-size: 1.2rem;
    line-height: 1.65;
    text-align: center;
}
.six-card-text p{
    min-height: 158px;
}
.second-card{
    padding-top: 1rem;
    background-color: #F5FCFF;
}
.courses-offred{padding-top: 6rem;background-color: #F5FCFF;}

/* owl carosel*/
.course-detail{width: 32%;}

.course-detail{
    background: #fff;
    
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 #c9e2f899;
    border: 1px solid #fff;
}
.course-detail-container{display: table;width: 100%;}
.course-detail{position: relative;margin-left: 30px;}
span{color: #510ea2;}

.course-box{display: flex;}

.text-line{border-bottom: 2px solid #c9e2f8;padding-bottom: 1rem;}

.course-box a{text-decoration: none;}
.course-calender{padding: 1rem;}
.course-detail img{border-radius: 20px 20px 0 0;}
.btn-default{
display: inline-block;
    border: 2px solid #510ea2;
    color: #510ea2;
    background: 0 0;
    font-weight: 600;
   text-decoration: none;
    font-size: 1rem;
    border-radius: 2rem;
    position: relative;
    transition: all .4s ease-in-out;
    height: 2.75rem;
    line-height: calc( 2.75rem - 4px);
    padding: 0 1rem;
    color: #510ea2;
    margin-top: 3rem;
    margin-left: 2rem;

}
.work-img img{width: 100%;}
.work-info .card{
    background: #fff;
   padding: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 #c9e2f899;
    border: 1px solid #fff;
    display: flex;
}
.card-last{margin-bottom: 1rem;}
.work-info{margin-top: 5rem;}
.sign-up-work{
    margin-top: 20px;
}
.work-box .card-2{margin-top: 20px;}
.work-box .card-3{margin-top: 20px;margin-bottom: 1rem;}
.work-box .card{
    background: #fff;
   padding: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 #c9e2f899;
    border: 1px solid #fff;
    display: flex;
    margin-top: 1rem;
}

.work-process p{margin-bottom: 4rem;}



.workxity-program ul{
    display: flex;
}
.workxity-program ul li{
    list-style-type: none;
}
.workxity-program ul li{
    background: #fff;
    padding: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 #c9e2f899;
    margin-right: 1.5rem;
    width: 20%;
}
.workxity-program h5{
    margin: 20px 0;
}
.secure-box{margin-top: 2rem;}
.secure-least{margin-bottom: 2rem;}
p.text-center.csr-text{
padding: 0 20% 0 20%;}
.footer-menu ul li{list-style-type: none;}
.footer-menu ul li a{text-decoration: none;color: #135e9e;}
.footer-menu ul li{
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--shelly-font-family-secondary);
    list-style: none;
}
p.text-center{padding-bottom: 3rem;}
.work-demo{padding-top: 9rem;background-color: #F5FCFF;}
.workxity-scholarship{padding-top: 6rem;background-color: #F5FCFF;}
p.text-center.csr-text{padding-bottom: 4.5rem;}

/*footer*/
.footer-workxity{padding-top: 6rem;background-color: #F5FCFF;}
.contact-footer h4{
color: #6ec1e4;
}
.social-links li{list-style-type: none;display: inline-block;}
.social-links li a{
    display: inline-flex;
    justify-content: center;
    align-content: center;
    border-radius: 50%;
    text-align: center;
    font-size: 1rem;
    background-color: transparent;
    border: 2px solid #510ea2;
    color: #510ea2;
    transition: .4s;
    padding: 0.5rem;
    text-decoration: none;
    margin-left: 1rem;
}
.social-links i{width: 1rem;height: 1rem;}
.contact-detail ul li{list-style-type: none;margin-bottom: 1rem;}
.contact-info a{text-decoration: none; color: #135e9e;font-size: 1rem;}
.contact-detail ul{padding-left: 0 !important;}
.contact-footer h4{padding-bottom: 2rem;}
#menu-item-3678 a{color: #135e9e;margin-bottom: 0.5rem;}
i.fa.fa-phone{font-size: 16px;color: #6ec1e4;}
i.fa.fa-envelope{font-size: 16px;color: #6ec1e4;}
i.fa.fa-map-marker{font-size: 16px;color: #6ec1e4;}
.footer-line{color:#6ec1e4;}
.contact-info i{margin-right: 1rem;}
.footer-terms a{text-decoration: none;}

/*media quries*/
 @media screen and (max-width: 768px) {
  .row {
    display: flex;
    flex: 50%;
  }
}

@media (max-width: 991px) { 
    .image-circle{display: none;}
    .workxity-program ul{flex-direction: column;}
    .workxity-program ul li{width: 100%;}
    .secure-least{margin: 0 2rem 0 0;}
    .secure-box{margin-bottom: 2rem;}
    .career-activation .card{margin-bottom: 2rem;}
    .card-6{margin-top: 2rem;}

 }