.counter-info-txt,.heading-5{
    font-size:12px;
    text-transform:uppercase;
    line-height:16px;
    letter-spacing:.36px;
    max-width:100px;
    margin:0;
    font-weight:400
}
.counter-info-txt{
    display:block
}
.heading-5{
    color:#fff
}
.blank-header{
    min-height:360px
}
.header-top-section{
    color:#fff;
    margin:-242px 0 0;
    position:relative;
    z-index:1
}
.auther-top-box .auther-img{
    object-fit:cover;
    width:100%;
    max-height:300px;
    max-width:250px;
    height:250px;
    border-radius: 4px;
}
.auther-top-box .auther-name{
    text-transform:capitalize;
    font-weight:300;
    font-size:40px;
    line-height:67px;
    display:inline-block
}
.auther-top-box .auther-designation{
    text-transform:capitalize;
    font-weight:400;
    font-size:16px;
    margin:10px 0;
}
.auther-top-box .short-desc p{
    font-size:16px;
    line-height:24px;
    margin:15px 0
}
.auther-top-box .short-desc p:last-child{
    margin-bottom:0
}
.auther-top-box .social-links ul li a, .author-card .social-links ul li a {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: #FFC01D;
    color: #2B3949;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auther-top-box .social-links ul li a:hover, .author-card .social-links ul li a:hover {
    opacity: 0.8;
}
.author-card {
    display: flex;
    background: #f5f6f6;
    border-radius: 4px;
    padding: 40px;
}
.author-card .img-wrapper img {
    width: 200px;
    min-width: 200px;
    object-fit: cover;
    border-radius: 4px;
}
.author-card .info {
    padding-left: 44px;
}
.author-card .info .info-wrapper {
    display: flex;
    justify-content: space-between;
}
.author-card .info .title {
    color: #2B3949;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.author-card .info .name {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 8px;
}
.author-card .info .post {
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 12px;
}
.author-card .desc {
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 0;
}
@media only screen and (max-width:1024px) and (min-width:768px){
    .header-top-section{
        margin:-210px 0 0
    }
    .auther-top-box .auther-name{
        font-size:42px
    }
    .auther-top-box .short-desc p{
        margin:5px 0
    }
}
@media only screen and (max-width:767px){
    .auther-top-box .auther-name{
        font-size:35px;
        line-height:46px;
        margin-top: 20px;
    }
    .auther-top-box .auther-designation{
        font-size:18px;
    }
    .blank-header{
        min-height:400px
    }
    .author-card {
        flex-direction: column;
    }
    .author-card .info {
        padding-left: 0;
        padding-top: 30px;
    }
    .author-card .info .info-wrapper {
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 15px;
    }
}
.blog-detail-info table{
    display: block;
    overflow-x: auto;
}
.blog-detail-main table{
    width: 100% !important;
}

.blog-detail-main table {
  /* display: table !important; */
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}
.blog-detail-main table td{
    width: 50% !important
}
 

.blog-detail-main table{
    width: 100% !important;
}

.blog-detail-main table {
    @media screen and (min-width:768px) {
            display: table !important;
    }
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}
.blog-detail-main table td{
    width: 50% !important
}

/* Blog page Form */
 
 
 
.hire-form-container {
      background-color: transparent;
      width: 100%;    
    }
 
    .hire-form-container h2 {
      font-size: 17px;
      margin-bottom: 5px;
      color: #1d2e5a;
      text-align: center;
    }
 
    .hire-form-container p {
      font-size: 12px;
      color: #007bff;
      margin-bottom: 20px;
       text-align: center;
    }
 
    .hire-form-container label {
      display: block;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 600;
    }
 
    .hire-form-container label span {
      color: red;
    }
 
    .hire-form-container input,
    .hire-form-container textarea,
    .hire-form-container select {
      width: 100%;
      padding: 10px 12px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 3px;
      margin-bottom: 14px;
      box-sizing: border-box;
      transition: border-color 0.3s ease;
    }
 
    .hire-form-container input:focus,
    .hire-form-container textarea:focus {
      border-color: #007bff;
      outline: none;
    }
 
    .hire-form-container textarea {
      min-height: 80px;
      resize: vertical;
    }
 
    .hire-form-container .note {
      font-size: 14px;
      color: #555;
      margin-bottom: 20px;
       font-weight: 600;
    }
 
    .hire-form-container button {
      width: 100%;
      padding: 10px 0;
      border: none;
      border-radius: 6px;
      font-size: 16px;
      font-weight: 500;
      background: linear-gradient(to right, #FFC01D, #FFC01D);
      cursor: pointer;
      transition: background 0.3s ease;
    }
 
    .hire-form-container button:hover {
      opacity: 0.95;
    }
     .title-show-hide{
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .title-show-hide p{
      margin-bottom: 20px;
      font-size: 16px;
      color: #007bff;
      font-weight: 500;
    }
    .map_link:after{
        background: #fff !important;
        height: 0px !important;
    }

    


.title-show-hide{
  margin-bottom: 20px;
 }
 .title-show-hide h2{
   margin-bottom: 0;
 }
 .btn_show, .btn_hide{
  margin-bottom: 0;
 }
 .sticky-sidebar{
   @media screen and (min-width:1200px){
    position: sticky;
    max-height: calc(95vh - 65px);
     }
    top: 65px;
     overflow-y: auto;
 }

 .toc-sidebar {
    position: static !important;
    top: 0px !important;
}

.toc-sidebar>ol,.toc-sidebar>ul {
    max-height: 100% !important;
    overflow-y: auto;
}
.blog-detail-info{
    @media screen and (max-width:1199px) {
        margin-top: 48px;
    }
}

/* 40 -hour free trial css */

.new-submit-form {
    padding: 36px
}

@media screen and (max-width:767px) {
    .new-submit-form {
        padding: 20px
    }
}

.new-submit-form h3 {
    font-size: 28px;
    line-height: 1.5;
    font-weight: 600;
    color: #2b3949 !important;
    margin-bottom: 0
}

.new-submit-form p {
    font-size: 18px;
    line-height: 1.4;
    color: #2b3949 !important;
    letter-spacing: 0.64px;
    margin-bottom: 24px
}

.new-submit-form textarea.form-control {
    height: 55px;
    line-height: 2
}

.new-submit-form .custom-file label {
    color: #2b3949 !important
}

.new-submit-form .newBtn {
    width: 100%
}

.new-submit-form .newBtn:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.new-submit-form .secure-text p {
    font-size: 16px;
    line-height: 1.5;
    color: #2b3949;
    margin-left: 8px
}

.newListCircle .list-circle ul li:before {
    top: 7px
}

.newCompanyStrength {
    margin-top: 40px
}

.newCompanyStrength .counter-info-txt {
    display: block
}

.newCompanyStrength .counter-info-txt {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.36px;
    max-width: 100px;
    margin: 0;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .new-process-block-wrapper {
        row-gap: 30px;
        padding: 0 15px
    }
}

.new-process-block-wrapper .process-card-col {
    width: 25%
}

@media screen and (max-width:991px) {
    .new-process-block-wrapper .process-card-col {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .new-process-block-wrapper .process-card-col {
        width: 100%
    }
}

.new-process-block-wrapper .step-option {
    font-size: 20px;
    line-height: 1.5;
    text-align: center
}

.new-process-block-wrapper .process-block-card {
    height: calc(100% - 110px)
}

.new-process-block-wrapper .process-block-card .dot {
    background: #ffc01d
}

.new-process-block-wrapper .process-block-card .process-icon {
    left: 50%;
    -webkit-transform: translate(-52.5%, 0);
    transform: translate(-52.5%, 0)
}

.new-process-block-wrapper .process-block-card:before {
    color: #2b3949;
    left: 50%;
    -webkit-transform: translate(-35%, 0);
    transform: translate(-35%, 0)
}

.new-process-block-wrapper .process-block-card .process-block h3 {
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 12px;
    line-height: 30px;
    letter-spacing: 0.6px
}

.new-benefits-hiring-block img {
    margin-bottom: 20px
}

.new-benefits-hiring-block h3 {
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 12px;
    line-height: 30px;
    letter-spacing: 0.6px
}

.featured-new-project-row {
    row-gap: 24px
}

.featured-new-card {
    background: white;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.0784313725);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.0784313725);
    border-radius: 8px;
    height: 100%
}

.featured-new-card .img-wrapper img {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.featured-new-card .content {
    padding: 32px
}

.featured-new-card .content h3 {
    font-size: 28px;
    margin-bottom: 0
}

.featured-new-card .content p {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 28px
}

.featured-new-card .content ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 30px
}

.featured-new-card .content ul li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.64px
}

.featured-new-card .content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #FFC01D;
    border-radius: 4px
}

.featured-new-card .content .btn {
    min-width: 120px;
    font-size: 16px
}

.trial-idea-card {
    padding: 46px 30px 46px 0
}

@media screen and (max-width:991px) {
    .trial-idea-card {
        padding-left: 30px
    }
}

.hiring-model-card {
    padding: 38px 32px;
    border-radius: 24px;
    text-align: center
}

.hiring-model-card h3 {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #FFC01D !important;
    margin-bottom: 8px;
    line-height: 1
}

.hiring-model-card p {
    opacity: 0.6;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 36px
}

.hiring-model-card ul {
    text-align: left;
    margin-bottom: 36px
}

.hiring-model-card ul li {
    padding-left: 38px;
    position: relative;
    list-style: none;
    margin-bottom: 10px
}

.hiring-model-card ul li:last-child {
    margin-bottom: 0
}

.hiring-model-card ul li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/list-tick-icon.svg) no-repeat center
}

.hire-dev-row {
    row-gap: 24px
}

.hire-dev-card {
    padding: 12px 12px 24px 12px;
    border-radius: 12px;
    background-color: white
}

.hire-dev-card .dev-content {
    background: rgba(161, 200, 255, 0.5019607843);
    border-radius: 8px;
    padding: 24px;
    min-height: 300px
}

.hire-dev-card .dev-content h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 4px
}

.hire-dev-card .dev-content .exp {
    opacity: 0.7;
    line-height: 1.2;
    margin-bottom: 16px
}

.hire-dev-card .dev-content .desc {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.hire-dev-card .dev-content .skill-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.hire-dev-card .dev-content .skill-wrapper p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 500
}

.hire-dev-card .dev-content .skill-wrapper span {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    background: #a1c8ff;
    border-radius: 20px;
    padding: 6px 12px
}

.hire-dev-card .hire-link-wrapper {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hire-dev-card .hire-link-wrapper .cv-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #2B3949
}

.hire-dev-card .hire-link-wrapper .cv-link .download-icon {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f1f1f1
}

.hire-dev-card.green .dev-content {
    background: #d8f5e2
}

.hire-dev-card.green .dev-content .skill-wrapper span {
    background: #b0f5c8
}

.hire-dev-card.grey .dev-content {
    background: #e4e2e8
}

.hire-dev-card.grey .dev-content .skill-wrapper span {
    background: #d2d0d6
}

.hire-dev-card.red .dev-content {
    background: #ffedec
}

.hire-dev-card.red .dev-content .skill-wrapper span {
    background: #fecbcb
}

.hire-dev-card.sky .dev-content {
    background: #ddf1fb
}

.hire-dev-card.sky .dev-content .skill-wrapper span {
    background: #b0e2fb
}

.hire-dev-card.orange .dev-content {
    background: #fff2e6
}

.hire-dev-card.orange .dev-content .skill-wrapper span {
    background: #ffdab8
}

.achivement-slide-img {
    max-width: 88px;
    max-height: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.achivement-slide-img img {
    max-height: 88px;
    margin: auto
}

.achivement-slider .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:991px) {
    .trial-hiriing-slide-btn {
        top: auto !important;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: auto;
        position: absolute;
        border: 0
    }
}
/* 40 hour free trial css */

#toast-container > .toast-error {
    background-color: #d92127;
    box-shadow: 0 0 12px #d92127;
}