/* header css for old website */
.header_type_2 .header-right-side #menu-header-sub-menu .touch_btn a,
.site_main #menu-header-sub-menu li.touch_btn a {
    min-height: 50px;
    min-width: 145px;
    padding: 5px;
    border-radius: 30px;
    border: 2px solid #fff;
    background-color: #fff;
    color: rgba(47, 131, 197, 1);
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    letter-spacing: unset;
    text-transform: unset;
    height: auto;
}

.header_type_2 .header-right-side #menu-header-sub-menu .touch_btn a:hover,
.site_main .darkHeader.header_type_2 #menu-header-sub-menu li.touch_btn a:hover,
.site_main #menu-header-sub-menu li.touch_btn a:hover{
    color: #fff;
    background: rgba(47, 131, 197, 1);
}

.site_main .main-menu>.custom-menu-item>.menu-link{
    font-weight: 500;
}

.header-right-side .corporate-video{
    margin: 0px;
}

.header-right-side .corporate-video a span svg{
    width: 100% !important;
    height: 100% !important;
}

.new-header-menu .header_type_2 .logo_white_cool{
    display: inline-block;
}

.new-header-menu .header_type_2 .logo_black_cool{
    display: none;
}

.site_main .new-header-menu.inner_services_cls header .ganpatiji, 
.site_main .new-header-menu.inner_services_clsfg header .ganpatiji{
    width: 30px;
    top: 10px;
}

.site_main .header_type_2 .main-menu .custom-menu-item .menu-link{
    color: #fff;
}

.site_main .header_type_2 .main-menu>.custom-menu-item.menu-item-has-children>.menu-link{
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2014%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2.33334%202.33337L12.3333%2012.3334L22.3333%202.33337%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E);
}

.site_main .header_type_2 .header-center-menu .main-menu>.custom-menu-item.is-open>.menu-link, 
.site_main .header_type_2 .header-center-menu .main-menu>.custom-menu-item>.menu-link:hover{
    background-color: rgba(249, 249, 255, .15);
}

.site_main .header_type_2 .main-menu>.custom-menu-item.menu-item-has-children.is-open>.menu-link{
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2014%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_806_1210)%22%3E%3Cpath%20d%3D%22M2.33331%2011.6666L12.3333%201.6666L22.3333%2011.6666%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_806_1210%22%3E%3Crect%20width%3D%2224%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22matrix(1%200%200%20-1%200%2014)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.site_main .darkHeader.header_type_2 #menu-header-sub-menu li.touch_btn a{
    color: rgba(47, 131, 197, 1);
}

.site_main .new-header-menu header .ganpatiji.header-ganpati-icon img,
.case-study-template-default .site_main .new-header-menu header .ganpatiji.header-ganpati-icon img, 
.case-study-template-default.page-template-cabson .site_main .new-header-menu header.header_type_2 .ganpatiji.header-ganpati-icon img, 
.case-study-template-default.page-template-derema-help .site_main .new-header-menu header.header_type_2 .ganpatiji.header-ganpati-icon img, 
.case-study-template-default.page-template-interactive-marketing .site_main .new-header-menu header.header_type_2 .ganpatiji.header-ganpati-icon img, 
.case-study-template-default.page-template-trade-star .site_main .new-header-menu header.header_type_2 .ganpatiji.header-ganpati-icon img, 
.case-study-template-default.page-template-write-about .site_main .new-header-menu header.header_type_2 .ganpatiji.header-ganpati-icon img{
    object-position: 0px 0;
}

.case-study-template-default .site_main .new-header-menu header.header_type_2.darkHeader .ganpatiji.header-ganpati-icon img, 
/* .site_main .new-header-menu .header_type_2.darkHeader .ganpatiji.header-ganpati-icon img, 
.site_main .new-header-menu header.darkHeader .ganpatiji.header-ganpati-icon img, */
.case-study-template-default .site_main .new-header-menu header.darkHeader .ganpatiji.header-ganpati-icon img,
.case-study-template-default.page-template-write-about .site_main .new-header-menu header.header_type_2.darkHeader .ganpatiji.header-ganpati-icon img{
    object-position: 3px 0;
    transition: none;
    object-fit: cover;
}
/* */

/* blog section starts */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 50px;
}

.page-template-new-hire-development .blog-card{
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25)
}

/* Card */
.blog-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.blog-card:hover {
  transform: translateY(-4px);
}

/* Image */
.blog-image {
  border-radius: 16px;
  overflow: hidden;
}

.blog-image img {
  width: 100%;
  height: 220px;
  object-fit: contain;
  display: block;
}

/* Content */
.blog-listing-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 16px;
}

/* Tag */
.blog-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: rgba(47, 131, 197, 1);
    background: rgba(1, 143, 255, 0.1);
    padding: 4px 10px;
    border-radius: 20px;
}

/* Title */
.blog-listing-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Description */
.blog-listing-desc {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
}

/* Read more */
.read-more {
    font-size: 14px;
    line-height: 28px;
    color: rgba(77, 82, 242, 1);
    text-decoration: none;
    font-weight: 500;
    text-decoration: underline;
}

/* blog section ends */

/* market preference section start */
.old-website-section .market-preference-wrapper{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 16px;
}

.market-preference-wrapper{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 16px;
    margin-top: 50px;
    margin-bottom: 16px;
}

.market-grid{
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 165px;
    padding: 5px;
}

.market-preference-image{
    margin-bottom: 20px;
}

.market-details{
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    column-gap: 5px;
    color: rgb(0, 0, 0, 0.6);
}

.ratings-wrapper{
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    color: #FFC107;
}

.market-numbers{
    font-weight: 600;
    color: #000;
}

.market-numbering{
    color: #515151;
    text-align: center;
}

.market-details + .market-numbering,
.market-numbering + .market-numbering{
    margin-top: 10px;
}

.award-certificate-wrapper{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    column-gap: 16px;
}

.award-certifcate-grid{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.award-certifcate-grid img{
    width: 160px;
    height: 160px;
    object-fit: contain;
}

.award-name{
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #575757;
    text-align: center;
}
/* market preference section ends */

.old-website-section{
    float: left;
    width: 100%;
}

.connect-mail label{
    margin: 0;
}

footer.old-page-footer::before {
    display: none;
}

@media(min-width:992px){
    .header-center-menu {
        margin-top: 25px;
    }
}

@media(min-width:1400px){

    .old-page-footer .container1,
    .old-website-section .container{
        max-width: 1320px;
    }
}

@media(max-width:1600px){
    .site_main .cmn-header-width {
        min-width: 195px;
    }

    .header_type_2 .header-right-side #menu-header-sub-menu .touch_btn a, 
    .site_main #menu-header-sub-menu li.touch_btn a{
        min-height: 45px;
        min-width: 140px;
    }
}

@media(max-width:1399px){
    .site_main .cmn-header-width {
        min-width: 160px;
    }

    .header_type_2 .header-right-side #menu-header-sub-menu .touch_btn a, 
    .site_main #menu-header-sub-menu li.touch_btn a{
        min-height: 40px;
        min-width: 120px;
        font-size: 14px;
        line-height: 24px;
    }

    .blog-grid {
        margin-top: 40px;
    }

    .blog-image img {
        height: 180px;
    }

    .blog-tag {
        font-size: 10px;
        padding: 3px 8px;
    }

    .blog-listing-title {
        font-size: 18px;
        line-height: 28px;
    }

    .blog-listing-desc {
        font-size: 14px;
        line-height: 24px;
    }

    .market-preference-wrapper {
        margin-top: 40px;
    }

    .market-preference-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .award-certifcate-grid img {
        width: 130px;
        height: 130px;
    }

    .award-name {
        font-size: 12px;
        line-height: 18px;
    }
}

@media(max-width:1199px){

    .header_type_2 .header-right-side #menu-header-sub-menu .touch_btn a, 
    .site_main #menu-header-sub-menu li.touch_btn a{
        min-height: 35px;
        min-width: 100px;
        font-size: 13px;
        line-height: 22px;
    }

    .site_main .cmn-header-width {
        min-width: 135px;
    }

    .blog-grid {
        gap: 20px;
    }

    .blog-listing-content {
        row-gap: 12px;
    }

    .blog-listing-title {
        font-size: 20px;
        line-height: 30px;
    }

    .award-certificate-wrapper, 
    .old-website-section .market-preference-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 16px;
    }

    .award-certifcate-grid, 
    .market-preference-wrapper .market-grid {
        width: calc(33% - 16px);
    }

    .new-header-menu.inner_services_cls header, .new-header-menu.inner_services_clsfg header {
        min-height: 85px;
    }

    .site_main .new-header-menu header.header_type_2 .ganpatiji.header-ganpati-icon img{
        object-position: 2px 0;
    }
}

@media(max-width:991px){
    .blog-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .blog-card {
        width: calc(50% - 10px);
    }

    .site_main .new-header-menu.inner_services_cls header .ganpatiji, 
    .site_main .new-header-menu.inner_services_clsfg header .ganpatiji{
        top: 50%;
        transform: translateY(-50%);
    }

    .page-template-green-energy-saver .site_main .header_type_2:not(.darkHeader) .client_vid, 
    .page-template-green-energy-saver .site_main .header_type_2:not(.darkHeader) i.fas.fa-envelope,
    .page-template-ticket-jockey .site_main .header_type_2:not(.darkHeader) .client_vid, 
    .page-template-ticket-jockey .site_main .header_type_2:not(.darkHeader) i.fas.fa-envelope,
    .page-template-ticket-jockey .site_main .inner_services_cls .header_type_2 .header-right-side .mobile-menu-toggle .menu-icon svg,
    .page-template-employers-desk .site_main .header_type_2:not(.darkHeader) .client_vid, 
    .page-template-employers-desk .site_main .header_type_2:not(.darkHeader) i.fas.fa-envelope,
    .page-template-fitness-partner .site_main .header_type_2:not(.darkHeader) .client_vid, 
    .page-template-fitness-partner .site_main .header_type_2:not(.darkHeader) i.fas.fa-envelope,
    .page-template-interactive-marketing .site_main .header_type_2:not(.darkHeader) .client_vid, 
    .page-template-interactive-marketing .site_main .header_type_2:not(.darkHeader) i.fas.fa-envelope,
    .page-template-lawyer-firm-management-system .site_main .header_type_2:not(.darkHeader) .client_vid, 
    .page-template-lawyer-firm-management-system .site_main .header_type_2:not(.darkHeader) i.fas.fa-envelope,
    .page-template-lawyer-firm-management-system .site_main .inner_services_cls .header_type_2 .header-right-side .mobile-menu-toggle .menu-icon svg{
        color: #fff;
    }
}

@media(max-width:767px){
    .blog-grid {
        gap: 10px;
    }

    .blog-card {
        width: calc(50% - 5px);
    }

    .blog-image img {
        height: 130px;
    }

    .blog-listing-title {
        font-size: 18px;
        line-height: 28px;
    }

    .award-certificate-wrapper, 
    .market-preference-wrapper {
        gap: 10px;
    }

    .award-certifcate-grid, 
    .market-preference-wrapper .market-grid {
        width: calc(33% - 5px);
    }

    .market-preference-image {
        max-height: 26px;
    }

    .ratings-wrapper, .market-details {
        font-size: 14px;
        line-height: 24px;
    }
}

@media(max-width:575px){
    .blog-grid {
        margin-top: 30px;
        gap: 20px;
    }

    .blog-card {
        width: 100%;
        row-gap: 15px;
    }

    .blog-image img {
        height: 100%;
    }

    .market-preference-wrapper {
        margin-top: 30px;
    }

    .market-grid {
        min-height: 140px;
    }

    .award-certifcate-grid, 
    .market-preference-wrapper .market-grid {
        width: calc(50% - 10px);
    }

    .market-preference-image {
        max-height: 22px;
        margin-bottom: 15px;
    }

    .ratings-wrapper, .market-details {
        font-size: 14px;
        line-height: 24px;
    }

    .ratings-wrapper {
        font-size: 12px;
        line-height: 22px;
    }
}

@media(max-width:479px){
    .market-preference-image {
        max-height: 20px;
        margin-bottom: 10px;
    }

    .market-numbering {
        font-size: 14px;
        line-height: 22px;
    }

    .market-details + .market-numbering, 
    .market-numbering + .market-numbering {
        margin-top: 5px;
    }

    .award-certifcate-grid {
        row-gap: 8px;
    }
}