@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');

/*font-family: 'Old Standard TT', serif;*/
#ghsplPreloader {
    height: auto;
    width: 620px;
}

#ghsplPreloader path:nth-child(1) {
    stroke-dasharray: 508.7475891113281;
    stroke-dashoffset: 508.7475891113281;
    animation: line-anime 1.5s ease forwards;
}

#ghsplPreloader path:nth-child(2) {
    stroke-dasharray: 508.7475891113281;
    stroke-dashoffset: 508.7475891113281;
    animation: line-anime 1.5s ease forwards;
}

#ghsplPreloader path:nth-child(3) {
    stroke-dasharray: 514.389892578125;
    stroke-dashoffset: 514.389892578125;
    animation: line-anime 1.5s ease forwards;
}

#ghsplPreloader path:nth-child(4) {
    stroke-dasharray: 260.592041015625;
    stroke-dashoffset: 260.592041015625;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .1S;
}

#ghsplPreloader path:nth-child(5) {
    stroke-dasharray: 448.7513122558594;
    stroke-dashoffset: 448.7513122558594;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .5S;
}

#ghsplPreloader path:nth-child(6) {
    stroke-dasharray: 417.0509033203125;
    stroke-dashoffset: 417.0509033203125;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .3S;
}

#ghsplPreloader path:nth-child(7) {
    stroke-dasharray: 405.3824462890625;
    stroke-dashoffset: 405.3824462890625;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .4S;
}

#ghsplPreloader path:nth-child(8) {
    stroke-dasharray: 260.592041015625;
    stroke-dashoffset: 260.592041015625;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .5S;
}

#ghsplPreloader path:nth-child(9) {
    stroke-dasharray: 230.14398193359375;
    stroke-dashoffset: 230.14398193359375;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .1S;
}

#ghsplPreloader path:nth-child(10) {
    stroke-dasharray: 199.76397705078125;
    stroke-dashoffset: 199.76397705078125;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .2S;
}

#ghsplPreloader path:nth-child(11) {
    stroke-dasharray: 211.0979766845703;
    stroke-dashoffset: 211.0979766845703;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .3S;
}

#ghsplPreloader path:nth-child(12) {
    stroke-dasharray: 127.96797180175781;
    stroke-dashoffset: 127.96797180175781;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .4S;
}

#ghsplPreloader path:nth-child(13) {
    stroke-dasharray: 144.9560089111328;
    stroke-dashoffset: 144.9560089111328;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .5S;
}

#ghsplPreloader path:nth-child(14) {
    stroke-dasharray: 230.1439208984375;
    stroke-dashoffset: 230.1439208984375;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .6S;
}

#ghsplPreloader path:nth-child(15) {
    stroke-dasharray: 218.9603271484375;
    stroke-dashoffset: 218.9603271484375;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .7S;
}

#ghsplPreloader path:nth-child(16) {
    stroke-dasharray: 211.09788513183594;
    stroke-dashoffset: 211.09788513183594;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .8S;
}

#ghsplPreloader path:nth-child(17) {
    stroke-dasharray: 236.40444946289062;
    stroke-dashoffset: 236.40444946289062;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .9S;
}

#ghsplPreloader path:nth-child(18) {
    stroke-dasharray: 199.7640380859375;
    stroke-dashoffset: 199.7640380859375;
    animation: line-anime 1.5s ease forwards;
    animation-delay: .10S;
}

@keyframes line-anime {
    to {
        stroke-dashoffset: 0;
    }
}



@media only screen and (max-width: 767px) {
    #ghsplPreloader {
        height: auto;
        width: 320px;
    }
}


.publication-card img {
    width: 100%;
}

.feature-accordion.panel-group .panel + .panel {
    margin-top: 10px
}

.feature-accordion .panel {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.feature-accordion .panel .panel-heading {
    position: relative;
    padding: 0
}

.feature-accordion .panel-title a {
    display: block;
    color: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.feature-accordion.brand-accordion .panel-title a {
    background-color: #03a9f4
}

.feature-accordion.pink-accordion .panel-title a {
    background-color: #ed145b
}

.feature-accordion.purple-accordion .panel-title a {
    background-color: #673ab7
}

.feature-accordion.red-accordion .panel-title a {
    background-color: #f6483f
}

.feature-accordion .panel-title a.collapsed {
    color: #202020;
    font-weight: 500;
    background-color: #ebebf0;
    box-shadow: none
}

.feature-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0
}

.feature-accordion .panel-body {
    padding: 15px 25px;
}

.dd-faq .panel-body {
    background-color: #fff;
}

.dd-faq .panel-body ul {
    padding: 0 0 0 30px;
}

.dd-faq .panel-body ul li {
    list-style-type: disc;
}

.icon .panel .panel-heading a:after {
    font-family: fontawesome;
    font-size: 30px;
    width: 50px;
    height: 99%;
    line-height: 48px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
}

.icon .panel .panel-heading a.collapsed:after {
    color: #03a9f4;
}

.angle-icon .panel .panel-heading a:after {
    content: "\f107"
}

.angle-icon .panel .panel-heading a.collapsed:after {
    content: "\f105"
}

.plus-icon .panel .panel-heading a:after {
    content: "\f068"
}

.plus-icon .panel .panel-heading a.collapsed:after {
    content: "\f067"
}

.flat-accordion {
    padding: 30px
}

.flat-accordion .panel {
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.flat-accordion .panel .panel-heading {
    position: relative;
    padding: 0;
    background-color: transparent
}

.flat-accordion .panel-title {
    font-weight: 500
}

.flat-accordion .panel-title a {
    display: block;
    color: #03a9f4;
    padding: 10px 0
}

.flat-accordion.brand-accordion .panel-title a {
    color: #03a9f4
}

.flat-accordion.pink-accordion .panel-title a {
    color: #ed145b
}

.flat-accordion .panel-title a.collapsed {
    color: #202020
}

.flat-accordion .panel-body {
    padding: 15px 0
}

.flat-accordion.solid-bg .panel {
    background-color: transparent
}

.flat-accordion.solid-bg .panel-title a {
    color: #fff
}

.flat-accordion.solid-bg .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgba(255, 255, 255, .5)
}

.flat-accordion.solid-bg .panel-body {
    color: #fff
}


.publication-card img {
    width: 100%;
    max-height: 430px;
}

.publication-card img {
    width: 100%;
    max-height: 430px;
}

.publication-card .pricing-header-right {
    text-align: right;
    padding: 10px;
    height: 170px;
}



.feature-accordion.panel-group .panel + .panel {
    margin-top: 10px
}

.feature-accordion .panel {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.feature-accordion .panel .panel-heading {
    position: relative;
    padding: 0
}

.feature-accordion .panel-title a {
    display: block;
    color: #fff;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.feature-accordion.brand-accordion .panel-title a {
    background-color: #03a9f4
}

.feature-accordion.pink-accordion .panel-title a {
    background-color: #ed145b
}

.feature-accordion.purple-accordion .panel-title a {
    background-color: #673ab7
}

.feature-accordion.red-accordion .panel-title a {
    background-color: #f6483f
}

.feature-accordion .panel-title a.collapsed {
    color: #202020;
    font-weight: 500;
    background-color: #ebebf0;
    box-shadow: none
}

.feature-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0
}

.feature-accordion .panel-body {
    padding: 15px 25px;
}

.dd-faq .panel-body {
    background-color: #fff;
}

.dd-faq .panel-body ul {
    padding: 0 0 0 30px;
}

.dd-faq .panel-body ul li {
    list-style-type: disc;
}

.icon .panel .panel-heading a:after {
    font-family: flaticon !important;
    font-size: 21px;
    width: 50px;
    height: 99%;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
}

.icon .panel .panel-heading a.collapsed:after {
    color: #03a9f4;
}

.angle-icon .panel .panel-heading a:after {
    content: "\f146"
}

.angle-icon .panel .panel-heading a.collapsed:after {
    content: "\f13c"
}

.plus-icon .panel .panel-heading a:after {
    content: "\f068"
}

.plus-icon .panel .panel-heading a.collapsed:after {
    content: "\f067"
}

.flat-accordion {
    padding: 30px
}

.flat-accordion .panel {
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.flat-accordion .panel .panel-heading {
    position: relative;
    padding: 0;
    background-color: transparent
}

.flat-accordion .panel-title {
    font-weight: 500
}

.flat-accordion .panel-title a {
    display: block;
    color: #03a9f4;
    padding: 10px 0
}

.flat-accordion.brand-accordion .panel-title a {
    color: #03a9f4
}

.flat-accordion.pink-accordion .panel-title a {
    color: #ed145b
}

.flat-accordion .panel-title a.collapsed {
    color: #202020
}

.flat-accordion .panel-body {
    padding: 15px 0
}

.flat-accordion.solid-bg .panel {
    background-color: transparent
}

.flat-accordion.solid-bg .panel-title a {
    color: #fff
}

.flat-accordion.solid-bg .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgba(255, 255, 255, .5)
}

.flat-accordion.solid-bg .panel-body {
    color: #fff
}

.panel-body .inner-heading strong {
    font-size: 18px;
}





.pp_section {
    padding: 0px 150px;
}

.pp_section .basic-info {
    text-align: justify;
}

.pp_section .sub-heading {
    margin-top: 20px;
    margin-left: 15px;
    font-size: 24px;
    position: relative;
}

.pp_section .sub-heading::before {
    content: "";
    position: absolute;
    height: 26px;
    width: 5px;
    left: -15px;
    top: 0px;
    background-color: #153167;
}

.pp_section .inner-heading {
    text-decoration: underline;
}

.pp_section p {
    margin: 0 0 10px;
    line-height: 22px;
}

.pp_section h3 {
    color: #153167;
}

.pp_section h5 {
    font-size: 16px;
}

.pp_section .feature-accordion .panel-title a.collapsed {
    color: #202020;
    font-weight: 500;
    background-color: #ccefff;
    box-shadow: 0 4px 11px -9px #2a2e2f;
}

.careers-header {
    padding-bottom: 0px;
}

.careers-header {
    display: block;
    width: auto;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(207 215 223 / 58%) 0px 6px 20px 0px;
    padding: 20px 20px 4px;
    box-sizing: border-box;
    margin: 30px 0px;
    border-radius: 0px;
}

.career-title {
    font-size: 22px;

}

.left-careers-header span {
    font-size: 12px;
}


.careersPositionApply {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.careers-header-comp-name {
    font-size: 15px;
    letter-spacing: 1px;
}

.left-careers-header .loctn i,
.left-careers-header .salary i,
.left-careers-header .exp i {
    min-width: 20px;
    color: #c9c9c9;
}

.left-careers-header .loctn,
.left-careers-header .salary,
.left-careers-header .exp {
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
}

.applyNowBtn {
    padding: 7px 24px;
    border-radius: 0px !important;
    box-shadow: 2px 3px 8px -2px #003f74;
}

.applyNowBtn:active {
    box-shadow: none !important;
}

.header-buttom {
    border-top: 1px solid rgb(238, 238, 238);
    margin-top: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 300;
}

.header-buttom span {
    margin-right: 20px;
    padding-right: 10px;
    border-right: 1px solid rgb(193 193 193);
}

.header-buttom span:last-child {
    border-right: none !important;
}


.requirment-details {
    display: block;
    width: auto;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(207 215 223 / 58%) 0px 6px 20px 0px;
    padding: 20px 20px 4px;
    box-sizing: border-box;
    margin: 30px 0px;
    padding-bottom: 50px;
    border-radius: 0px;
}

.criteria p {
    margin-top: 10px;
    line-height: 18px;
    font-size: 13px;
    color: rgb(51, 51, 51);
}

.jdes p {
    color: #000000;
}

.jdes li {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 14px;
    vertical-align: baseline;
    overflow-wrap: break-word;
    box-sizing: border-box;
    line-height: 1.6;
    color: #000000;
}

.Candidate-Profile p {
    color: #000000;
}

.Candidate-Profile li {
    font-size: 14px;
    color: #000000;
}

.another-details .detl > label {
    color: rgb(153, 153, 153);
    width: 110px;
    vertical-align: top;
    margin-right: 9px;
    font-size: 13px;

}

.detl > span {
    font-size: 13px;
}

.qualification {
    font-weight: 500;
    color: rgb(51, 51, 51);
}

.detll > label {
    color: rgb(153, 153, 153);
    width: 110px;
    vertical-align: top;
    margin-right: 9px;
    margin-top: 4px;
    font-size: 13px;


}

.detll > span {
    font-size: 13px;
}




.related-job-header {
    display: block;
    width: auto;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(207 215 223 / 58%) 0px 8px 20px 0px;
    padding: 20px 20px 4px;
    box-sizing: border-box;
    margin: 30px 0px;
    border-radius: 0px;

}

.related-job-group {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.related-job-head h2 {
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-weight: 700;
    margin-top: 4px;
}

.related-job-text-title h3 {

    margin-right: 10px;
    color: rgb(51, 51, 51);
    font-size: 13px;
    font-weight: 400;
}

.jobCriteria {
    font-size: 12px;
    color: #787878;
}

.jobCriteria span {
    letter-spacing: 1px;
}

.jobCriteria i {

    min-width: 20px;
    color: #c9c9c9;
}

.post-date {
    text-align: right;
}

.post-date span {
    color: #0006;
}

/* portfolio style start */


/*news css start*/
.newsBredCrmbImg {
    background-image: url(../img/news/newsBreadcramb.jpg);
    background-attachment: fixed;
}

.breadcrumb-wrap.newsBredCrmbImg:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(104 68 2 / 85%);
}

.contactBredCrmbImg {
    background-image: url(../img/breadcrumb/br-contact.jpg);
    background-attachment: fixed;
}

.breadcrumb-wrap.contactBredCrmbImg:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(0 65 120 / 72%);
}

.newsBGclr {
    background-color: #faf5ed;
}

.blog-info h3 a {
    /*    font-family: 'Roboto Slab', serif;*/
    font-family: 'Old Standard TT', serif;
}

.newsBGclr .blog-info p {
    font-size: 15px;
}


.newsBGclr .blog-img {
    position: relative;
}

.newsBGclr .blog-img-overlay {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-image: url(../img/fillGraph.png);
    background-size: auto;
    background-repeat: repeat;
    opacity: .4;
}

/*news css end*/

/* portfolio css  start*/
.portfolio-card.style1 a img {
    pointer-events: auto !important;
}

.portfolio-card.style1 .hellolyf-portfolio-info,
.portfolio-card.style2 .hellolyf-info {
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    /*    background-color: #03366cc2;*/
    background-image: linear-gradient(to top, #03366c, #053b75, #08417d, #0a4686ed, #0d4c8fd9, #0c4f95e6, #0c519beb, #0b54a1d9, #0755a5d9, #0455a9ad, #0256ad61, #0056b10f);
    border-radius: 0px 0px 10px 10px;
    padding: 30px 10px;
    visibility: visible;

}

.portfolio-card.style1 .hellolyf-portfolio-info .portfolio-cat,
.portfolio-card.style2 .hellolyf-portfolio-info .portfolio-cat {
    color: #2490EB;
    display: block;
    font-weight: 600;
    margin: 0 0 5px;
}

.portfolio-card.style1 .hellolyf-portfolio-info h3,
.portfolio-card.style2 .hellolyf-portfolio-info h3 {
    font-size: 20px;
    margin: 0;
    color: aliceblue;
}

.portfolio-card.style1 .hellolyf-portfolio-info h3:hover,
.portfolio-card.style2 .hellolyf-portfolio-info h3:hover {
    color: #2490EB;
}

.hellolyf-portfolio-info .cricket-event {

    color: #fff;
    font-size: 14px;
    margin-bottom: 6px;
}

.portfolio-wrap a .portfolio-card {
    height: 350px;
    box-shadow: 6px 11px 24px -2px #19487869;
}

.portfolio-wrap a .portfolio-card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}