/*!
Theme Name: versitae
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: versitae
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

versitae is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
    --primary: #005947;
    --secondary: #1E4147;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #F34A53;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --black: #222222;
    --gray: #EBEBEB;
    --gray-dark: #343a40;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #333333;
    --font-family-poppins-sans-serif: -apple-system, BlinkMacSystemFont, "Manrope", sans-serif;
}
img {
    width: 100%;
}
body {
	margin: 0;
    font-family: var(--font-family-poppins-sans-serif);
    color: var(--secondary);
}
a{
    text-decoration: none;
}
@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
h1{
    font-size: 72px;
    font-weight: 800;
    line-height: 79.2px;
}
h2{
    font-size: 40px;
    font-weight: 800;
    line-height: 44px;
}
a.btn-primary {
    color: var(--primary);
    border: 2px solid var(--primary);
    padding: 10px 20px;
    border-radius: 16px;
    font-weight: 800;
    line-height: 21.86px;
    background-color: transparent;
}
a.btn-primary:hover{
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}
/*Header CSS*/
header#masthead {
    width: 100%;
    transition: 0.5s;
    top: 0px;
    z-index: 999;
}
header#masthead.sticky{
	position: fixed;
	background-color: #fff;
	-webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.05);
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.05);
    animation: slide-down 0.5s;
}
#masthead nav.navbar {
    padding: 0px 0;
}
header#masthead #primary-menu {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 24px;
    align-items: center;
}
header#masthead #primary-menu li.menu-item.current-menu-item a,
header#masthead #primary-menu li.menu-item a:hover {
    color: var(--pink);
}
header#masthead #primary-menu li.menu-item a {
    color: var(--secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    transition: 0.5s;
}
header#masthead #primary-menu li.menu-item > a{
	line-height: 90px;
}
header#masthead #primary-menu li ul.sub-menu li a{
	line-height: normal;
    margin-bottom: 10px;
    display: inline-block;
}
header#masthead #primary-menu li ul.sub-menu li:last-child a{
	margin-bottom: 0px;
}
header#masthead #primary-menu li.menu-item.header-btn a {
   	margin: 0;
    padding: 10px 16px 10px 16px;
    background-color: var(--pink);
    border: 2px solid var(--pink);
    color: #fff;
    border-radius: 10px 10px 10px 10px;
    transition: 0.5s;
}
header#masthead #primary-menu li.menu-item.header-btn a:hover{
	background-color: transparent;
    color: var(--secondary)
}
header#masthead #primary-menu li.menu-item.header-btn a i,
header#masthead #primary-menu li.menu-item.header-btn a img{
	margin-left: 10px;
}
section.page-banner-section {
    height: 460px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px;
    position: relative;
}
.page-banner-section p{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;

}
footer.site-footer {
    background-color: var(--dark);
    position: relative;
    padding: 100px 0 100px 0;
}
footer.site-footer .footer-logo img{
    width: 179px;
}
.site-footer .footer-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.site-footer .footer-menu ul li {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: 10px;
}
.site-footer .footer-menu ul li a {
    font-size: 14px;
    color: #8DAE37;
}
.site-footer ul.social {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 16px;
}
.site-footer ul.social li img {
    width: 24px;
    vertical-align: text-bottom;
}
.site-footer .copyright p{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    color: var(--white);
    margin: 40px 0 0 0;
}

.perspective-section {
    padding-top: 100px;
    padding-bottom: 60px;
}

.perspective-section h2{
    text-align: left;
    margin-bottom: 15px;
}
.perspective-section h3{
    font-size: 24px;
    font-weight: 400;
    line-height: 26.4px;
    text-align: left;  
    margin-bottom: 50px;
}
.perspective-section .perspective-listing {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.perspective-section .perspective-image {
    height: 100%;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}
.perspective-section .perspective-image img {
    height: 100%;
    object-fit: cover;
}
.perspective-section .perspective-image .perspective-overlay {
    position: absolute;
    bottom: 0;
    background: #0000001A;
    padding: 30px;
}
.perspective-section .perspective-image .perspective-overlay h2 {
    margin: 0px;
    line-height: normal;
}
.perspective-section .perspective-listing .perspective-item {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.perspective-section .perspective-listing .perspective-item:last-child{
    margin-bottom: 0px;
}
.perspective-section .perspective-listing .perspective-item .count-index {
    width: 90px;
    flex: 0 0 auto;
    font-size: 70px;
    font-weight: 800;
    line-height: 53.62px;
    color: #EBEBEB;
}
.perspective-section .perspective-listing .perspective-item .perspective-details {
    flex: 0 0 auto;
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: -o-calc(100% - 90px);
    width: calc(100% - 90px);
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.perspective-section .perspective-listing .perspective-heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 32.78px;
    text-align: left;
    width: 100%;
}
.perspective-section .perspective-listing .perspective-sub-heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.86px;
    text-align: left;
}
.perspective-section .perspective-listing .perspective-descriptions {
    font-weight: 500;
    line-height: 21.86px;
    margin: 24px 0;
    width: 100%;
}
.perspective-section .perspective-listing .perspective-button a {
    color: var(--primary);
    border: 2px solid var(--primary);
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    border-radius: 15px;
    font-weight: 800;
    line-height: 21.86px;
    transition: 0.5s;
}
.perspective-section .perspective-listing .perspective-button a:hover {
    background: var(--primary);
    color: #fff;
}
.perspective-section .perspective-listing .perspective-button img {
    width: 40px;
    margin-left: 15px;
    transition: 0.5s;
}
.perspective-section .perspective-listing .perspective-button a:hover img {
    filter: brightness(0) invert(1);
}
.what-we-do-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.what-we-do-section h2 {
    margin-bottom: 30px;
}
.what-we-do-section .what-we-do-details{
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}
.what-we-do-section .what-we-do-details .what-we-do-img img {
    width: 144px;
    border-radius: 24px;
    margin-bottom: 30px;
}
.what-we-do-section .what-we-do-details .what-we-do-heading {
    font-size: 24px;
    font-weight: 800;
    line-height: 26.4px;
    margin-bottom: 16px;
}
.what-we-do-section .what-we-do-details .what-we-do-descriptions {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.blog-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.blog-section h2{
    margin-bottom: 50px;
}
.blog-section .blog_item {
    border-radius: 24px;
    background-color: #F7F7F7;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.blog-section .blog_item .feature_image{
    width: 100%;
    height: 246px;
    object-fit: cover
}
.blog-section .blog_item .blog_detail{
    padding: 25px 40px 80px 40px;
}
.blog-section .blog_item .blog_detail .blog_title a{
    font-size: 24px;
    font-weight: 800;
    line-height: 28.8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--secondary)
}
.blog-section .blog_item .blog_detail .read_more {
    position: absolute;
    bottom: 30px;
}
.blog-section .blog_item .blog_detail .read_more a{
    color: var(--primary);
    font-weight: 800;
}
.blog-section .blog_item .blog_detail .read_more img{
    width: 40px;
    margin-left: 8px;
}
.blog-section .view-more,
.webinars-section .view-more {
    text-align: center;
    margin-top: 40px;
}

.webinars-section {
    margin-top: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #FEBE984D;
}
.webinars-section h2{
    margin-bottom: 50px;
}
.webinars-section .webinars-lists .video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
}
.webinars-section .webinars-lists .video-wrapper video {
    display: block;
    width: 100%;
    height: 324px;
    object-fit: cover;
}
.virtual-captive-organization {
    margin-top: 100px;
    margin-bottom: 50px;
}
.virtual-captive-organization .vco-inner {
    background-color: var(--gray);
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 24px;
}
.virtual-captive-organization h2 {
    margin-bottom: 40px;
}
.virtual-captive-organization .vco-inner .organization-list{
    text-align: center;
}
.virtual-captive-organization .vco-inner .organization-list img {
    width: 90px;
    margin-bottom: 30px;
}
.virtual-captive-organization .vco-inner .organization-list-description {
    font-size: 18px;
    padding-left: 27px;
    padding-right: 27px;
}
.talent-platform-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.talent-platform-section .talent-platform-image {
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.talent-platform-section .talent-platform-image img{
    height: 100%;
    object-fit: cover;
}
.talent-platform-section .talent-platform-listing {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 50px;
}
.talent-platform-section .talent-platform-item {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    width: 50%;
}
.talent-platform-section .talent-platform-item .count-index{
    width: 90px;
    flex: 0 0 auto;
    font-size: 70px;
    font-weight: 800;
    line-height: 53.62px;
    color: #EBEBEB;
}
.talent-platform-section .talent-platform-item .talent-platform-detail {
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: -o-calc(100% - 90px);
    width: calc(100% - 90px);
    padding-left: 20px;
    padding-right: 20px;
}
.testimonials-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.testimonials-section .testimonials-detail {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 24px;
}
.testimonials-section .testimonials-detail img.quotes-icon {
    width: 30px;
}
.testimonials-section .testimonials-detail p.testimonials-detail {
    font-size: 23px;
    font-weight: 400;
    line-height: 36px;
    margin: 0px;
}
.testimonials-section .testimonials-detail .testimonials-name {
    font-size: 20px;
    font-weight: 400;
}
.testimonials-section .testimonials-detail .testimonials-name span.name{
    font-weight: 500;
}
.testimonials-section .testimonials-img {
    overflow: hidden;
    border-radius: 24px;
}
.technology-organization-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.technology-organization-section .technology-organization-image {
    height: 100%;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}
.technology-organization-section .technology-organization-image img{
    height: 100%;
    object-fit: cover;
}
.technology-organization-section .technology-organization-detail {
    height: 100%;
    padding-left: 100px;
    display: flex;
    flex-wrap: wrap;
}
.technology-organization-section .technology-organization-title {
    font-size: 24px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 24px;
}
.technology-organization-section .technology-organization-item {
    position: relative;
}
.technology-organization-item .technology-organization-point {
    font-size: 16px;
    margin-bottom: 16px;
    position: relative;
    padding-left: 46px;
}
.technology-organization-item .technology-organization-point:last-child {
    margin: 0;
}
.technology-organization-item .technology-organization-point:before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid #4E7258;
    position: absolute;
    top: 7px;
    border-radius: 10px;
    left: 16px;
}
.technology-steps {
    padding-top: 60px;
    padding-bottom: 60px;
}
.technology-steps .technology-step-items img {
    width: 90px;
    margin-bottom: 30px;
}
.technology-steps .technology-step-items .line {
    width: 100%;
    height: 2px;
    background: #B0C68F;
    position: relative;
    margin-bottom: 60px;
}
.technology-steps .technology-step-items .line:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    box-shadow: 0px 0px 0px 5px #B0C68F;
    background-color: #4E7258;
    border-radius: 100%;
    top: -9px;
    left: 5px;
}
.technology-steps .technology-step-items ul{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0px;
}
.technology-steps .technology-step-items .step-name {
    font-size: 24px;
    font-weight: 800;
    line-height: 26.4px;
    margin-bottom: 16px;
}
.technology-steps .technology-steps-inner .row{
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

/*CPO Page CSS*/
.cpo-section {
    padding-top: 120px;
    padding-bottom: 60px;
}
.cpo-section .cpo-section-items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    padding-bottom: 250px;
}
.cpo-section .cpo-icons {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 50%;
}
.cpo-section .cpo-icons .cpo-item{
    position: relative;
    flex: 0 0 auto;
    width: 33.3333333%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
.cpo-section .cpo-center {
    position: absolute;
    margin: 0 auto;
    display: block;
    width: max-content;
    text-align: center;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
}
.cpo-section .cpo-icons .cpo-item img,
.cpo-section .cpo-center img{
    height: 97px;
}
.cpo-section .cpo-icons .cpo-item p,
.cpo-section .cpo-center p {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0 0 0;
}
.cpo-section .cpo-item:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 188px;
    background-color: #000;
    top: 200px;
    left: 50%;
    z-index: -1;
    bottom: 0;
}
.cpo-section .cpo-listing-left.cpo-icons:before{
    left: 35px;    
    width: 440px;
}
.cpo-section .cpo-listing-right.cpo-icons:before{
    right: 34px;
    width: 440px;
}

.cpo-section .cpo-icons:before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -200px;
    height: 1px;
    background-color: #000;
    z-index: -1;
    width: 406px;
    margin: 0px auto;
}
.cpo-content-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.cpo-content-section h2 {
    margin-bottom: 16px;
}
.cpo-content-section p{
    font-size: 24px;
    margin-bottom: 0px;
}
.service-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.service-section h2{
    margin-bottom: 40px;
}
.service-section .count-index {
    width: 90px;
    font-size: 70px;
    font-weight: 800;
    line-height: 53.62px;
    color: #EBEBEB;
    margin-bottom: 30px;
}
.service-section .service-item-title {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}
.service-section ul.service-item-detail li{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.service-section .service-lists > .row{
    grid-row-gap: 40px; 
}
.service-section .service-item-detail{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0px;
}
.cpo-key-benefits {
    padding-top: 60px;
    padding-bottom: 60px;
}
.cpo-key-benefits h2 {
    margin-bottom: 16px;
}
.cpo-key-benefits ol.cpo-key-benefits-items {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 0px;
}
.cta-section {
    padding-top: 60px;
    padding-bottom: 120px;
}
.cta-section h2{
    margin-bottom: 40px;
}
.cta-section .cta-btn {
    background-color: var(--pink);
    border: 2px solid var(--pink);
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    color: var(--white);
    padding: 26px 36px;
    display: inline-block;
    border-radius: 10px;
    transition: 0.5s;
}
.cta-section .cta-btn:hover{
    background-color: transparent;
    color: var(--pink);
}
.cta-section .cta-btn i{
    margin-left: 10px;
}

/*DATA AND ANALITICS CSS*/
.da-services-section {
    padding-top: 100px;
    padding-bottom: 40px;
}
.da-services-section h2 {
    margin-bottom: 16px;
}
.da-services-section p {
    font-size: 24px;
    margin-bottom: 30px;
}
.da-services-section p:last-child{
    margin-bottom: 0px;
}
.unique-approach-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.unique-approach-section h2{
    margin-bottom: 16px;
}
.unique-approach-section h3{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 60px;
}
.unique-approach-section .approach-lists{
    grid-row-gap: 60px;
}
.unique-approach-section .unique-approach-item {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.unique-approach-section .unique-approach-item .count-index {
    width: 90px;
    flex: 0 0 auto;
    font-size: 70px;
    font-weight: 800;
    line-height: 53.62px;
    color: #EBEBEB;
}
.unique-approach-section .unique-approach-details {
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: -o-calc(100% - 90px);
    width: calc(100% - 90px);
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 24px;
}
.unique-approach-section .unique-approach-details .unique-approach-heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 32.78px;
}
.unique-approach-section .unique-approach-details .unique-approach-descriptions {
    font-weight: 500;
}
.layer-section {
    padding-bottom: 120px;
}
.layer-section h2 {
    font-weight: normal;
    margin-bottom: 60px;
}
.layer-section .layer-lists .layer-list-details .layer-list-heading{
    font-size: 24px;
    font-weight: 800;
    line-height: 26.4px;
}
.layer-section .layer-lists .layer-list-details .layer-list-descriptions,
.layer-section .layer-lists .layer-list-details .layer-list-points {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.layer-section .layer-lists .layer-list-details img{
    margin-top: 24px;
}


/*ABOUT PAGE CSS*/
.about-wwd{
    padding-top: 120px;
}
.about-wwd h2{
    margin-bottom: 16px;
}
.about-wwd h3{
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 60px;
}
.counter-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.counter-section .counter_lists {
    background-color: #8DAC46;
    padding: 80px 20px;
    border-radius: 24px;
}
.counter-section .counter_lists .counter-box {
    color: #fff;
    text-align: center;
}
.counter-section .counter_lists .counter-box h5 {
    font-size: 52px;
    font-weight: 800;
    line-height: 71.03px;
}
.counter-section .counter_lists .counter-box p {
    margin: 0px;
    font-weight: 800;
    line-height: 21.86px;
}
.counter-section .counter_lists .counter-border{
    border-right: 1px solid #fff;
}
.counter-section .counter_lists .counter-border:last-child{
    border:none;
}
.who-we-are-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.who-we-are-section h2 {
    margin-bottom: 16px;
}
.who-we-are-section h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 40px;
}
.who-we-are-section p{
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 24px;
}
.who-we-are-section .who-we-are-detail {
    height: 100%;
    padding-right: 70px;
}
.who-we-are-section .who-we-are-image {
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.who-we-are-section .who-we-are-image img{
    height: 100%;
    object-fit: cover;
}
.meet-our-team-section {
    background-color: #FEBE984D;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 60px;
}
.meet-our-team-section .meet-our-team-peopel {
    height: 378px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    background-color: #D9D9D9;
    border-radius: 16px;
    overflow: hidden;
}
.meet-our-team-section .meet-our-team-peopel .teams-detail {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    background: #fff;
}
.meet-our-team-section .meet-our-team-peopel .team-name {
    font-size: 20px;
    font-weight: 800;
    line-height: 27.32px;
}
.meet-our-team-section .meet-our-team-peopel .team-designation {
    font-size: 20px;
    font-weight: 500;
    line-height: 27.32px;
}
.meet-our-team-section .meet-our-team-detail {
    padding-left: 20px;
    padding-right: 70px;
}
.meet-our-team-section .meet-our-team-detail h2 {
    margin-bottom: 16px;
}
.meet-our-team-section .meet-our-team-detail h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 40px;
}
.meet-our-team-section .meet-our-team-detail p {
    font-weight: 500;
    margin: 0px;
}
.load-more-container .load-more-btn .spin{
    display: none;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
    width: 17px;
    margin-left: 10px;
}
.webinars-detail{
    padding-top: 100px;
    padding-bottom: 100px;
}
.blog-section .blog_lists .blog_detail p.category-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 19.12px;
    margin-bottom: 24px;
    color: var(--pink);
}
.load-more-container button.load-more-btn {
    color: var(--primary);
    border: 2px solid var(--primary);
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    border-radius: 15px;
    font-weight: 800;
    line-height: 21.86px;
    transition: 0.5s;
    background-color: transparent;
}
.load-more-container button.load-more-btn:hover,
.load-more-container button.load-more-btn.active{
    background: var(--primary);
    color: #fff;
}
.load-more-container button.load-more-btn img.arrow{
    width: 40px;
    margin-left: 15px;
    transition: 0.5s;
}
.load-more-container button.load-more-btn:hover img.arrow,
.load-more-container button#load-more-webinar.active img.arrow{
    filter: brightness(0) invert(1);
}
@-moz-keyframes fa-spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes fa-spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes fa-spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.blog-listing-section {
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-listing-section .blog_lists .blog_item .blog_detail {
    border-bottom: 1px solid #B8B8B8;
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: flex;
    column-gap: 40px;
}
.blog-listing-section .blog_lists .blog_item:last-child .blog_detail{
    border-bottom: none;
}
.blog-listing-section .blog_lists .blog_img {
    width: 260px;
    height: 200px;
}
.blog-listing-section .blog_lists .blog_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-listing-section .blog_lists .blog_title {
    width: -moz-calc(100% - 260px);
    width: -webkit-calc(100% - 260px);
    width: -o-calc(100% - 260px);
    width: calc(100% - 260px);
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.blog-listing-section .blog_lists .blog_title ul {
    margin: 0px;
    padding: 0;
    list-style: none;
    display: flex;
    column-gap: 15px;
}
.blog-listing-section .blog_lists .blog_title ul li {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 15px;
    color: #717171;
    font-size: 18px;
}
.blog-listing-section .blog_lists .blog_title ul li:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--secondary);
    border-radius: 10px;
}
.blog-listing-section .blog_lists .blog_title ul li:first-child:before{
    content: none
}
.blog-listing-section .blog_lists .blog_title a {
    font-size: 40px;
    font-weight: 800;
    line-height: 52px;
    letter-spacing: -0.01em;
    width: 100%;
    color: var(--secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;);
}



/*Single Post CSS*/
.single-post-detail .page-banner-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    top: 0;
    bottom: 0;
}
.single-post-detail .page-banner-section .container{
    z-index: 1;
}
.single-post-detail .page-banner-section {
    color: #fff;
}
.site-main .single-post{
    padding-top: 80px;
    padding-bottom:80px; 
}
.single-post .blog_detail ul.post-meta {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: start;
    column-gap: 15px;
    margin-bottom: 20px;
    color: var(--pink);
}
.single-post .blog_detail ul.post-meta li a{
    color: var(--pink);
}
.single-post .blog_detail ul.post-meta li {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.single-post .blog_detail ul.post-meta li img{
    width: 25px;
    margin-right: 5px;
    margin-bottom: 0px;
}
.single-post .blog_detail h2.blog-title {
    margin-bottom: 30px;
}
.single-post .blog_detail .video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 25px;
}
.single-post .blog_detail .video-wrapper video {
    display: block;
    width: 100%;
    height: 324px;
    object-fit: cover;
    border-radius: 24px;
}
.single-post .blog_detail img{
    margin-bottom: 25px;
}
.single-post .post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.single-post .post-navigation .prev-post img {
    transform: rotate(180deg);
}
.single-post .post-navigation .next-prev a {
    column-gap: 10px;
    color: var(--primary);
    border: 2px solid var(--primary);
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    border-radius: 15px;
    font-weight: 800;
    line-height: 21.86px;
    transition: 0.5s;
}
.single-post .post-navigation .next-prev a:hover{
    background: var(--primary);
    color: #fff;
}
.single-post .post-navigation .next-prev img{
    width: 40px;
    transition: 0.5s;
}
.single-post .post-navigation .next-prev a:hover img{
    filter: brightness(0) invert(1);
}
.single-post .related-posts{
    position: sticky;
    top: 110px;
}
.single-post .related-posts ul.related-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.single-post .related-posts ul.related-list li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--gray);
}
.single-post .related-posts ul.related-list li:last-child{
    border:none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.single-post .related-posts h3{
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}
.single-post .related-posts .related-img{
    width: 80px; 
    height: 80px; 
    object-fit: cover;
    margin-right: 15px;
    border-radius: 10px;
}
.single-post .related-posts ul li a{
    color: var(--secondary)
}
.single-post .post_content h2{
    font-size: 30px;
    line-height: 36px;
}
.single-post .blog_detail .feature-img{
    border-radius: 24px;
}
/*Contact Form CSS*/
.get-in-touch-section{
    padding-top: 120px;
    padding-bottom: 60px;
}
.get-in-touch-section .contact-form h2 {
    font-size: 54px;
    font-weight: 700;
    line-height: 73.76px;
    margin-bottom: 10px;
}
.get-in-touch-section .contact-form h2 span{
    color: var(--pink)
}
.get-in-touch-section .contact-form .form-title p{
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.01em;
    margin-bottom: 40px;
}
#respond .form-group {
    position: relative;
    margin-bottom: 20px;
}
#respond .form-group p {
    margin: 0;
}
#respond .form-group span.wpcf7-form-control-wrap input,
#respond .form-group span.wpcf7-form-control-wrap textarea {
    border: 2px solid var(--gray);
    border-radius: 10px;
    padding: 13px 20px;
    color: var(--secondary);
    width: 100%;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#respond .form-group label {
    position: absolute;
    left: 20px;
    top: -3px;
    color: #828282;
    pointer-events: none;
    transform: translateY(1rem);
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#respond .form-group label span {
    line-height: normal;
    color: var(--pink);
}
#respond .form-group.focused label {
    transform: translateY(-50%) scale(0.8);
    padding: 0 5px;
    background-color: #fff;
    border-radius: 5px;
    left: 14px;
}
#respond .form-group span.wpcf7-form-control-wrap input:focus,
#respond .form-group span.wpcf7-form-control-wrap textarea:focus,
#respond .form-group span.wpcf7-form-control-wrap input:focus-visible,
#respond .form-group span.wpcf7-form-control-wrap textarea:focus-visible {
    outline: none;
    border-color: var(--pink);
    box-shadow: none
}
.contact-form .wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
}
.contact-form #respond .btn-submit .wpcf7-submit {
    width: 100%;
    font-weight: 700;
    line-height: 21.86px;
    padding: 12.5px 20px;
    background-color: var(--pink);
    color: #fff;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid var(--pink);
    transition: 0.5s;
}
.contact-form #respond .btn-submit .wpcf7-submit:hover{
    background-color: transparent;
    color: var(--pink);
}
.contact-form #respond .btn-submit{
    position: relative;
}
.contact-form #respond .btn-submit span.wpcf7-spinner {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 12px;
}
.get-in-touch-section .contact-form{
    padding-top: 30px;
    padding-bottom: 30px;
}
.get-in-touch-section .address-map{
    height: 100%;
}
.where-are-we-section {
    padding-top: 60px;
    padding-bottom: 120px;
}
.where-are-we-section h2{
    margin-bottom: 40px;
}
.where-are-we-section .where-are-we-details {
    height: 100%;
    background-color: #F7F7F7;
    border-radius: 12px;
    padding: 16px 15px;
}
.where-are-we-section .where-are-we-details .pin img {
    width: 37px;
    margin-bottom: 16px;
}
.where-are-we-section .where-are-we-details .office-name {
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    color: var(--pink);
    margin-bottom: 16px;
}
.where-are-we-section .where-are-we-details .office-address {
    font-weight: 500;
}
/*Default Page CSS*/
.default-page-content{
    padding-top: 100px;
    padding-bottom: 100px;
}
.default-page-content a{
    color: var(--pink);
}