/* Theme Building Customized CSS on premade components */
/* Features One */


 @font-face {

font-family: "Roboto", sans-serif;
src: url('../fonts/Roboto_Condensed-Regular.ttf') format('truetype');

}



.wptb-features-one .wptb-heading {
/*    padding-right: 265px;*/
    margin-bottom: 0px;
    z-index: 1;
}

.wptb-features-one .wptb-heading .wptb-item--subtitle {
    color: var(--color-white);
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
    letter-spacing: -0.24px;
}

.wptb-features-one .wptb-heading .wptb-item--title {
    color: var(--color-one);
/*    border: 1px solid var(--color-one);*/
    padding: 4px 10px;
    margin-bottom: 14px;
    text-transform: uppercase;
    display: inline-block;
}
.wptb-features-one .wptb-heading .wptb-item--description {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.wptb-features-author .wptb-item--image {
    border-radius: 100%;
    max-width: 84px;
    overflow: hidden;
    border: 5px solid rgba(var(--color-dark-black-three-rgb), 0.3)
}
.wptb-features-author .wptb-item--designation {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; /* 116.667% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.wptb-features-author .wptb-item--name {
    color: var(--color-one);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
    letter-spacing: -0.24px;
}

.wptb-features-one .wptb-item--image {
    position: relative;
}
.wptb-features-one .right-col-image {
    position: absolute;
/*    right: 0;*/
}

.wptb-features-one .wptb-item-layer {
    z-index: 1;
}
.wptb-features-one .wptb-item-layer-one {
    left: 0px;
    top: 72%;
}
.wptb-features-one .wptb-item-layer-two {
    left: auto;
    top: -45px;
    right: 30px;
}
.wptb-features-one .wptb-item-layer-three {
    right: 30px;
}

/* About Company One */
.wptb-about-company-one.pd-more {
    padding-bottom: 165px;
}
.wptb-about-company-one .wptb-image-single .wptb-item--image {
    position: relative;
    /*padding-left: 100px;
    padding-right: 50px;*/
}
.wptb-about-company-one .wptb-image-single .wptb-item--image img.image-main {
 
    object-fit: cover;
}
.wptb-about-company-one .wptb-client-review2 {
    position: absolute;
    left: 0;
    bottom: -30px;
}
.wptb-about-company-one .wptb-image-single .wptb-item-layer {
    left: 0%;
    top: 19%;
}

.wptb-about-company-one .wptb-image-single .wptb-icon-box1 {
    background-color: var(--color-one);
    color: var(--color-white);
    border-radius: 10px;
    padding: 21px;
}

.wptb-about-company-one .wptb-image-single .wptb-icon-box1 .wptb-item--icon {
    width: 62px;
    height: 62px;
}

.wptb-about-company-one .wptb-image-single .wptb-icon-box1 .wptb-item--icon svg path {
    fill: var(--color-one);
}

.wptb-about-company-one .wptb-image-single .wptb-icon-box1 .wptb-item--title {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-white);
    margin-bottom: 5px;
}

.wptb-about-company-one .wptb-image-single .wptb-icon-box1 .wptb-item--description a {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: var(--color-white);
}
.wptb-about-company--inner {
    position: relative;
}
.wptb-about-company--inner .wptb-heading {
    margin-bottom: 0px;
}
.wptb-about-company--inner .wptb-heading .wptb-item--description {
    font-size: 18px;
    line-height: 30px;
}

.wptb-about-company--inner .wptb-icon-box1 {
    margin-bottom: 15px;
    text-align: center;
}

.wptb-about-company--inner .wptb-icon-box1 .wptb-item--icon {
    width: 52px;
    height: 52px;
    font-size: 30px;
    background-color: rgba(var(--color-dark-black-three-rgb), 0.3);
    border: 1px solid var(--color-dark-black-three);
    box-shadow: none;
}

.wptb-about-company--inner .wptb-icon-box1 .wptb-item--title {
    color: var(--color-white);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.14px;
}

.wptb-about-company--inner .wptb-item--button {
    margin-top: 4px;
}

/* Index 3 Page About Company */
.wptb-about-company-two {
    background-color: var(--color-dark);
}

.wptb-about-company-two .wptb-about-company--inner .wptb-heading .wptb-item--description {
    margin-bottom: 25px;
}
.wptb-about-company-two .wptb-item-layer-one {
    left: 18%;
    top: 12%;
}
.wptb-about-company-two .wptb-image-single .wptb-item--image {
    position: relative;
    max-width: 620px;
}
.wptb-about-company-two .wptb-image-single .wptb-item-layer {
    position: absolute;
    z-index: 1;
}

.wptb-about-company-two .wptb-image-single .wptb-item-part-one {
    left: 70px;
    top: -50px;
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-two {
    top: -50px;
    right: 70px 
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-three {
    left: 20px;
    bottom: -70px;
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-four {
    right: 50px;
    bottom: 70px;
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-five {
    left: 50%;
    top: 38%;
}

.wptb-about-company-two .wptb-image-single .wptb-item-part-name {
    position: absolute;
    min-width: 190px;
    display: inline-block;
    cursor: pointer;
}

.wptb-about-company-two .wptb-image-single .wptb-item-part-one .wptb-item-part-name {
    top: -30px;
    left: -30px;
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-two .wptb-item-part-name {
    top: -30px;
    left: calc(100% - 30px);
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-three .wptb-item-part-name {
    bottom: -30px;
    left: calc(100% - 30px);
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-four .wptb-item-part-name {
    bottom: -30px;
    left: calc(100% - 30px);
}

.wptb-about-company-two .wptb-image-single .wptb-item-part-name span {
    margin-left: 10px;
    opacity: 0;
    transition: var(--transition-base);
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-name img {
    display: inline-block;
    transition: var(--transition-base);
}

.wptb-about-company-two .wptb-image-single .wptb-item-part-name:hover img {
    transform: rotate(180deg);
}
.wptb-about-company-two .wptb-image-single .wptb-item-part-name:hover span {
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .wptb-about-company-two .wptb-image-single .wptb-item-layer {
        display: none;
    }
}

/* Funfacts Two */
.wptb-funfacts-two {
    position: relative;
    z-index: 2;
    margin-top: 120px;
}
.wptb-funfacts-two .wptb-counter1.style1 .wptb-item--text {
    color: var(--color-white);
}
.wptb-funfacts-two .wptb-counter1.style1 .wptb-item--inner {
    border-color: rgba(var(--color-white-rgb),.2);
}
.wptb-funfacts-two.less-gap {
    margin-top: 85px;
}



@media screen and (min-width: 1199px) {
.wptb-page-heading .wptb-item--inner
{
    padding:80px 0px 90px 0px !important;
}

}



@media screen and (max-width: 991px) {
    .wptb-funfacts-two,
    .wptb-funfacts-two.less-gap {
        margin-top: 60px;
    }
.mb-txt-left
    {
        text-align: left !important;
    }
    .custom-dropdown i {
   
    top: 66% !important;
}
.break-tab
{
    display: block;
}

.header .header_right_part {
    padding: 10px 0px;
    }
    .header .header_left_part {
    padding: 10px 0px;
    }

    .service-details__subtitle {
font-size: 23px !important;
    }
    .mob-img-none
    {
        display: none;
    }

    .wptb-page-heading
    {
height: 230px !important;
    }
    .impl_contact_box {
  text-align: center !important;
    }
    .width-counter-50
{
    width: 50% !important;
    display: contents !important;
}
.flex-reverse
{
    flex-direction:column-reverse;
}

.search-bar
{
   z-index: 1 !important;
    top: 80% !important;
    width: 100%; 
}



.custom-dropdown {
    
    /*padding-top: 15px;*/
}
.custom-dropdown-area {
    
    padding-top: 15px !important;
}

/*.mar-tp-100 {
    margin-top: 30px !important;
}*/
      

    /*.wptb-image-box1 .wptb-item--inner
    {
     padding-bottom: 20px !important;
    }*/
}

/* Funfacts Three */
.wptb-funfacts-three {
    position: relative;
    z-index: 2;
}
.wptb-funfacts-three .wptb-funfacts--inner{
    background: var(--gradient-one);
    border-bottom: 6px solid var(--color-one);
    border-radius: 20px;
    padding: 56px 0px;
}

.wptb-funfacts-three .wptb-counter1.style1 .wptb-item--value,
.wptb-funfacts-three .wptb-counter1.style1 .wptb-item--text {
    color: var(--color-white);
}



/* FAQ's One */
.wptb-faq-one.pd-top-more {
    padding-top: 200px;
    z-index: 1;
}

.wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item {
    border-color: rgba(var(--color-white-rgb), 0.4);
}
.wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item.active .wptb-item-title {
    border-bottom: 1px solid rgba(var(--color-white-rgb), 0.4);
}

.wptb-faq-one .wptb-faq--inner .wptb-accordion .wptb-item--button {
    margin-top: 30px;
}
.wptb-faq-one .wptb-faq--inner .wptb-accordion .btn {
    color: var(--color-three);
    text-transform: uppercase;
    padding: 0;
    min-width: auto;
    background: transparent;
}
.wptb-faq-one .wptb-faq--inner .wptb-accordion .btn:hover {
    color: var(--color-one);
}

.wptb-faq-form {
    padding: 100px 60px;
    border-radius: 10px;
    overflow: hidden;
    background-size: auto;
}

/* Radial Progress */
.wptb-radial-progress-one {
    padding-top: 85px;
    padding-bottom: 75px;
}


/* Appointform */
.wptb-appointment-form-one {
    position: relative;
}
.wptb-appointment-form-one .wptb-form--wrapper {
    padding: 55px 65px 75px 65px;
    background-color: var(--color-one);
    position: absolute;
    left: 0;
    top: 0;
}
.wptb-appointment-form-one .wptb-form .wptb-item--title {
    font-size: 36px;
    line-height: 50px;
    color: var(--color-white);
    margin-bottom: 50px;
}

.wptb-appointment-form-one .wptb-form input[type="text"],
.wptb-appointment-form-one .wptb-form .form-control {
    background-color: var(--color-white);
    color: var(--color-muted);
    border-width: 0px;
    border-radius: 0px;
    padding: 15px 15px;
}
.wptb-appointment-form-one select option {
    background-color: var(--color-one);
    padding: 5px 15px;
}

.wptb-appointment-form-one .wptb-form .btn-three {
    height: 52px;
}
.wptb-appointment-form-one .wptb-form .btn-three.black:hover, 
.wptb-appointment-form-one .wptb-form .btn-three.black:before {
    background-color: var(--color-white);
    color: var(--color-one);
}


/* Clients/Partners */
.wptb-partners-one {
    padding: 80px 0px;
}



/* Work Process */
.wptb-work-process-one--inner {
    position: relative;
}
@media screen and (min-width: 992px) {
    .wptb-work-process-one--inner::before {
        content: url('../img/line.html');
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translateX(-50%);
    }
    .impl_contact_box {
display: flex !important;
      }
      .pc-none
      {
        display: none !important;
      }

      .wcu-tab-content .wcu-thumb {
  position: relative;
  padding: 10px 10px 10px 10px !important;
    text-align: center !important;
    margin:0px 0px !important;
}
.wcu-tab-content .wcu-content {
  padding: 20px 30px 20px 30px !important;
  text-align: left !important;
  align-content: center !important;
 
}
   
}

/* Awards */
.wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--inner {
    border-width: 0px;
}
.wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--value {
    font-size: 166px;
    line-height: 80px;
    color: var(--color-dark-blue);
}
.wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--value .suffix {
    color: var(--color-one);
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; 
}

.wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--text {
    color: var(--color-four);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

@media screen and (max-width: 1199px) {
    .wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--value {
        font-size: 140px;
        line-height: 1.2em;
    }
    .wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--value .suffix {
        font-size: 72px;
        line-height: 1.2em;
    }
    
    .wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--text {
        font-size: 20px;
        line-height: 1.2em;
    }
}

@media screen and (max-width: 991px) {
    .wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--value {
        font-size: 100px;
    }
    .wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--value .suffix {
        font-size: 60px;
    }
    
    .wptb-awards-one--inner .wptb-counter1.style1 .wptb-item--text {
        font-size: 18px;
    }
    .impl_contact_text
    {
        padding-top: 15px;
    }
    .wcu-tab-content .wcu-content .checklist
    {
        margin-top: 0px !important;
    }
}


@media screen and (min-width: 767px) and (max-width: 991px) {
  .wptb-counter1 {
      margin-bottom: 20px !important;
  }
}


/* FAQ's Two */
.wptb-faq-two{
    background-color: #F8FAFC;
    overflow: hidden;
}
.wptb-faq-two .wptb-faq-two--wrapper {
    position: relative;
    z-index: 1;
}
.wptb-faq-two .wptb-faq--inner + .wptb-image-single {
    z-index: -1;
}

.wptb-faq-two .wptb-faq--inner {
    position: relative;
    background-color: #F8FAFC;
    padding: 110px 70px;
    padding-right: 0px;
}
.wptb-faq-two .wptb-faq--inner::after {
    content: '';
    background-color: #F8FAFC;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 200%;
}
.wptb-faq-two .wptb-faq--inner .wptb-item--button {
    margin-top: 50px;
}
.wptb-faq-two .wptb-faq--inner .btn {
    color: var(--color-one);
    font-weight: 500;
    text-transform: uppercase;
}
.wptb-faq-two .wptb-faq--inner .btn:hover {
    color: var(--color-two);
}

/* Why Choose Two */
.wptb-why-choose-two .wptb-image-single--two {
    z-index: -1;
    max-width: 600px;
}


.wptb-contact-one {
    padding-bottom: 300px;
}
/* Contact Page */
.wptb-contact-page-wrapper {
    padding-left: 60px;
    padding-right: 60px;
    transition: var(--transition-base);
}

/* Contact Form */
.wptb-contact-form-one {
    background-color: #FFEEEF;
    padding: 80px 25px;
    border-radius: 15px;
    margin-top: 30px;
}

.wptb-contact-form-one .wptb-form--inner .wptb-heading::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 84px;
    height: 3px;
    background-color: var(--color-one);
}

.wptb-contact-form-one .wptb-form--inner .wptb-heading .wptb-item--title {
    margin-top: 0px;
}

.wptb-contact-form-one .wptb-form--inner .wptb-heading .wptb-item--description {
    margin-bottom: 20px;
}


/* Partners Page */
.wp-tb-partners-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 45px;
    padding: 50px 200px 0px 200px;
}

@media screen and (max-width: 991px) {
    .wp-tb-partners-row {
        gap: 30px;
        padding: 50px 50px 0px 50px;
    }
    .theme-style--light .wptb-heading .wptb-item--title {
   
    font-size: 18px !important;
}
.heading2 h1 {
    font-size: 25px !important;
    }

    .portfolio-filters-content .filters-button-group .button
    {
        margin: 4px 2px !important;
    }
    .filters-button-group {
        padding: 0px !important;
    }
}

@media screen and (max-width: 575px) {
    .wp-tb-partners-row {
        gap: 30px;
        padding: 50px 10px 0px 10px;
    }
}

.wptb-radio-list {
    gap: 60px;
}
.wptb-radio-list + .wptb-radio-list {
    margin-top: 10px;
}

/* Project Information */
.wptb-project-info1 {
    background-color: rgba(var(--color-dark-black-three-rgb), 0.3);
    border: 1px solid var(--color-dark-black-three);
    overflow: hidden;
    margin-bottom: 30px;
}

.wptb-project-info1 .wptb-item--title {
    margin-bottom: 0;
    background-color: var(--color-one);
    color: var(--color-white);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    padding: 15px 30px;
    text-align: center;
}

.wptb-project-info1 .wptb--holder {
    padding: 30px 25px;
}

.wptb-project-info1 .wptb--item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--color-dark-black-three);
}

.wptb-project-info1 .wptb--item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.wptb-project-info1 .wptb--icon {
    min-width: 43px;
    width: 43px;
    height: 43px;
    border-radius: 43px;
    background-color: var(--color-one);
    line-height: 46px;
    text-align: center;
    color: var(--color-white);
    font-size: 16px;
}
.wptb-project-info1 .wptb--meta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.wptb-project-info1 .wptb--meta span {
    color: var(--color-three);
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.wptb-project-info1 .rating .wptb--meta span {
    color: var(--color-one);
}

.wptb-project-info1 .wptb-item--footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: var(--color-dark-black-two);
    padding: 18px 0px;
}
.wptb-project-info1 .wptb-item--footer .wptb-footer--item {
    flex: 0 0 auto;
    width: 50%;
    text-align: center;
}
.wptb-project-info1 .wptb-item--footer .wptb-footer--item + .wptb-footer--item {
    border-left: 1px solid var(--color-dark-black-three);
} 
.wptb-project-info1 .wptb-item--footer .wptb-footer--item label {
    color: var(--color-three);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 185.714% */
}

/* Error 404 */


/* Coming Soon */
.wptb-credential {
    padding-top: 240px;
}

.wptb-credential .wptb-heading .wptb-item--subtitle {
    font-size: 16px;
    line-height: 28px;
    color: var(--color-white);
    transition: var(--transition-base);
}
.wptb-credential .wptb-heading .wptb-item--title {
    text-align: center;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 82.8px; /* 55.2% */
    text-transform: uppercase;
    color: var(--color-white);
    text-shadow: 5px 5px var(--color-one);
    transition: var(--transition-base);
}
.wptb-credential .wptb-heading .wptb-item--description {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-white);
    transition: var(--transition-base);
}

.wptb-credential.error-404 .wptb-heading .wptb-item--subtitle {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-one);
    margin-top: 30px;
    margin-bottom: 20px;
}
.wptb-credential.error-404 .wptb-heading .wptb-item--title {
    text-align: center;
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: 82.8px; /* 55.2% */
    text-transform: uppercase;
    color: var(--color-white);
    text-shadow: 5px 5px var(--color-one);
}
.wptb-credential.error-404 .wptb-heading .wptb-item--title span {
    color: var(--color-white);
    margin-right: 10px;
    transition: var(--transition-base);
}
.wptb-credential.error-404 .wptb-heading .wptb-item--title span,
.wptb-credential.error-404 .wptb-heading .wptb-item--title img {
    transition: var(--transition-base);
}
.wptb-credential.error-404 .wptb-heading .wptb-item--title span:nth-child(2) {
    display: inline-block;
    animation: wptb-spin infinite ease-in-out 10s;
}

.credential-form {
    position: relative;
    transition: var(--transition-base);
}
.credential-form .form-control {
    font-family: var(--font-family-base);
    color: var(--color-white);
    background: rgba(var(--color-dark-black-three-rgb), 0.5);
    height: 63px;
}
.credential-form .form-control:focus {
    color: var(--color-white);
    border-color: var(--color-dark-black-three);
}

.credential-form .btn-search {
    padding: 0;
    justify-content: space-between;
    border: 0;
    width: auto;
    min-width: auto;
    height: 100%;
    font-size: 30px;
    color: var(--color-white);
    background-color: transparent;
    position: absolute;
    top: 0px;
    right: 25px;
    bottom: 0;
    transition: var(--transition-base);
}

.credential-form .btn-search:hover {
    right: 20px;
}

.wptb-credential #countdown ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    padding: 0px;
    margin: 0px;
}

.wptb-credential #countdown ul li {
    position: relative;
    display: inline-block;
    font-family: var(--font-family-base);
    font-style: normal;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--color-one);
}

.wptb-credential #countdown ul li span {
    position: relative;
    display: block;
    font-size: 48px;
    font-weight: 500;
    line-height: 30px;
    color: var(--color-white);
    margin-top: 0px;
    margin-bottom: 15px;
}
.wptb-credential #countdown ul li:not(:last-child) {
    padding-right: 25px;
    margin-right: 25px;
}

.wptb-credential #countdown ul li:not(:last-child)::after {
    content: ':';
    position: absolute;
    top: 10%;
    left: calc(100% - 10px);
    font-size: 36px;
    line-height: 36px;
    color: var(--color-light);
    font-weight: 700;
}

@media screen and (max-width: 1199px) {
    .wptb-credential .wptb-heading .wptb-item--title {
        font-size: 56px;
        line-height: 1.3em;
    }

    .wptb-credential.error-404 .wptb-heading .wptb-item--subtitle {
        font-size: 36px;
        line-height: 1.2em;
    }
}

@media screen and (max-width: 991px) {

    .wptb-credential .wptb-heading .wptb-item--title {
        font-size: 44px;
        line-height: 1.3em;
    }

    .wptb-credential #countdown ul li span {
        font-size: 36px;
    }
    .wptb-credential.error-404 .wptb-heading .wptb-item--subtitle {
        font-size: 24px;
        line-height: 1.2em;
    }

    .wptb-credential.error-404 .wptb-heading .wptb-item--title {
        font-size: 100px;
        line-height: 80px;
    }
    .wptb-credential.error-404 .wptb-heading .wptb-item--title img {
        max-width: 100px;
    }
    .mb-pad-30
    {
        margin-top: 30px;
    }
}

/* Flatpickr */
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-family: var(--font-family-base);
    font-weight: 400;
    border-radius: 0px;
    padding: 5px 10px;
    height: 100%;
    border-width: 0px;
}


/* World Map */
#world-map {
    height: 600px;
}

.wptb-item--vector-map {
    position: relative;
    text-align: center;
    max-width: 1100px;
    margin:  0 auto;
}

.wptb-map-item-list {
    position: absolute;
}
.wptb-map-item-list.one {
    top: 100px;
    left: 225px;
}
.wptb-map-item-list.two {
    top: 200px;
    left: 190px;
}
.wptb-map-item-list.three {
    top: 120px;
    left: 44%;
}
.wptb-map-item-list.four {
    top: 80px;
    right: 320px;
}
.wptb-map-item-list.five {
    top: 200px;
    right: 225px;
}
.wptb-map-item-list.six {
    bottom: 100px;
    right: 170px;
}

.wptb-map-item-list .wptb-item--inner {
    position: relative;
}
.wptb-map-item-list .wptb-item--inner>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.wptb-map-item-list .wptb-item--inner .wptb-item--image {
    cursor: pointer;
    width: 81px;
    height: 81px;
    border-radius: 1e3px;
    border: 5px solid var(--color-one);
    position: relative;
    overflow: hidden;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    transform: scale(.877);
    z-index: 1;
}
.wptb-map-item-list .wptb-item--inner .wptb-item--image img {
    width: 100%;
}
.wptb-map-item-list .wptb-item--inner .wptb-item--holder {
    position: absolute;
    top: -60%;
    right: 50%;
    transform: translateX(50%);
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.wptb-map-item-list .wptb-item--inner:hover .wptb-item--holder {
    opacity: 1;
    visibility: visible;
}
.wptb-map-item-list .wptb-item--inner .wptb-item--holder .wptb-item--title {
    padding: 0 17px;
    line-height: 1.65;
    color: var(--color-two);
    background-color: var(--color-one);
    border-radius: 8.27px;
    text-align: center;
    font-family: PT Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0;
}
.wptb-map-item-list .wptb-item--inner .wptb-item--holder .wptb-item--title:before {
    content: "";
    background-color: var(--color-one);
    clip-path: polygon(51% 100%,0 0,100% 0);
    width: 35px;
    height: 17px;
    position: absolute;
    bottom: -10px;
    right: 50%;
    z-index: 1;
    transform: translateX(50%);
}

@media screen and (max-width: 991px) {
    .wptb-map-item-list {
        position: initial;
        display: inline-block;
    }
}

/* Contact Page Map */
.gmapbox {
    position: relative;
}
.gmapbox .map {
    width: 100%;
    height: 550px;
    background-color: #e6e6e6;
}
.gmapbox .wptb-office-time {
    position: absolute;
    top: 105px;
    right: 85px;
}
@media (max-width: 991px) {
    .gmapbox .map {
        height: 400px;
    }

    .gmapbox .wptb-office-time {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}

@media (max-width: 400px) {
    .gmapbox .wptb-office-time {
        width: 100%;
        position: relative;
        top: 15px;
        right: 0px;
    }
}



/* Team Details */
.wptb-team-grid1 .wptb-item--inner .wptb-item--social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background-color: var(--color-one);
    color: var(--color-white);
    border-radius: 100%;
    transform: translateY(-24px);
    opacity: 0;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a {
    transform: translateY(0px);
    opacity: 1;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(2) {
    transition-delay: 0.1s;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(3) {
    transition-delay: 0.18s;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(4) {
    transition-delay: 0.26s;
}

/* Team Details */
.wptb-single--image .wptb-team-ci-wrap {
    margin-top: 25px;
}
.wptb-single--image .wptb-team-ci-wrap .team-ci-content .team-ci-title {
    font-family: "Quicksand", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    color: var(--color-four);
}

.wptb-single--image .wptb-team-ci-wrap .team-ci-content .team-ci-desc {
    font-family: "Quicksand", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-decoration: underline;
    line-height: 38px;
}
.wptb-single--image .wptb-team-ci-wrap .team-ci-content .team-ci-desc a {
    text-decoration: underline;
}

.team-details-content .wptb-single--title {
    font-size: 64px;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 20px;
}

/* Social List */
.wptb-team-social {
    text-align: center;
    margin-top: 40px;
}

.wptb-team-social .wptb-team-social-list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0px;
    margin-bottom: 0px;
}

.wptb-team-social .wptb-team-social-list li {
    list-style: none;
    display: inline-block;
    position: relative;
    font-size: var(--fs-20);
    line-height: var(--fs-30);
}
.wptb-team-social .wptb-team-social-list li + li {
    padding-left: 20px;
}

.wptb-team-social .wptb-team-social-list li a {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    color: var(--color-light);
    background: rgba(var(--color-two-rgb), 0.6);
    display: block;
    outline: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
}
.wptb-team-social .wptb-team-social-list li a i {
    opacity: 1;
    font-size: inherit;
    margin-right: 0px;
}

.wptb-team-social .wptb-team-social-list li a:hover {
    background: var(--link-color-hover);
}

.team-details-content .wptb-single--designation {
    background: -webkit-linear-gradient(90deg, var(--color-one) 0%, var(--color-one) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    font-weight: 600;
    line-height: 53px;
    margin-bottom: 0px;
}

.team-details-content .inner-content {
    margin-top: 40px;
}

.team-details-content .inner-content .wptb-headline {
    font-size: 40px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 18px;
}

.team-details-content .inner-content .wptb-headline p {
    font-size: 18px;
    line-height: 28px;
}
.team-details-content .wptb-link{
    list-style: none;
    margin: 0px;
    padding: 0;
}

.team-details-content .wptb-link span {
    font-size: 24px;
    font-weight: 700;
    line-height: 54px;
}
.team-details-content .wptb-link li a {
    display: inline-flex;
    align-items: center;
    position: relative;
    position: relative;
}
.team-details-content .wptb-link li i {
    margin-right: 25px;
    margin-top: 0;
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    padding: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    border-radius: 50%;
}

/* Product List */
.wptb-product-list .widget {
    padding: 0px;
    border-width: 0px;
}
.wptb-product-list .widget-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.24px;
}
.wptb-product-list .widget-title::before {
    content: url(../img/more/divider.svg);
}
.wptb-product-list .widget-title::after {
    display: none;
}

/* Office Address */
.wptb-office-address .widget {
    padding-left: 60px;
    padding-right: 15px;
    margin-right: -1px;
    height: 100%;
}

.wptb-office-address .widget .widget-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
    letter-spacing: -0.24px;
    text-transform: capitalize;
    padding: 20px 0px;
}

/* Testimonial */
.wptb-testimonial-two .wptb-swiper-dots {
    margin-top: 15px;
}
.wptb-testimonial-two .swiper-pagination {
    text-align: center;
}
.wptb-testimonial-two .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0px;
}
.wptb-testimonial-two .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before, 
.wptb-testimonial-two .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
    background-color: var(--color-white);
}

.wptb-login-form .wptb-form label {
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
}

.wptb-service-two {
    background-color: var(--color-dark);
}

/* Color Mode Switcher */
#mode_switcher {
    position: fixed;
    right: 20px;
    top: calc(100vh / 4);
    cursor: pointer;
    z-index: 9999;
  }
  
  #mode_switcher span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--color-dark-black-three);
    font-size: 30px;
    background-color: #000000;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    /* animation: rotateSwitcher 5s infinite linear; */
  }
  
  @keyframes rotateSwitcher {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.85);
    }
    100% {
      transform: scale(1);
    }
  }

/*header*/
.header {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  background-color: var(--color-black);
  border-bottom: 1px solid rgba(var(--color-white-rgb), 0.35);
  box-shadow: 0px 4px 40px 0px rgba(var(--color-black), 0.35);
  z-index: 9;
  transition: var(--transition-base);
  backdrop-filter: blur(30px);
}

.header .header-inner {
  transition: var(--transition-base);
}

.header .logo {
  position: relative;
  min-width: 160px;
  transition: var(--transition-base);
}

.header .logo a {
  position: relative;
  display: inline-block;
}


.header .logo a img {
  width: 100%;
  transition: var(--transition-base);
}

.header .logo a.dark_logo {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

/* Top Bar */
.header .header-top{
    position:relative;
  max-height: 37px;
    background-color:var(--color-black);
  border-bottom: 1px solid rgba(var(--color-white-rgb), 0.35);
    transition: all 0.3s ease-in-out;
}
.header .header-top--inner {
  padding: 5px 0px;
}

.header .social-box ul{
    position:relative;
    margin-bottom: 0px;
    padding: 0px;
}

.header .social-box ul li{
    position:relative;
    display:inline-block;
    margin-right: 26px;
}

.header .social-box ul li a{
    position:relative;
    color:var(--color-white);
    font-size:var(--fs-16);
}

.header .social-box ul li:last-child{
    margin-right:0px;
}

.header .social-box ul li a:hover{
    color:var(--color-one);
  transform: translateY(-3px);
}

.header .info-list{
    position:relative;
    margin-bottom: 0px;
  padding: 0px;
}

.header .info-list li{
    position:relative;
    display:inline-block;
    line-height:1em;
    margin-right: 30px;
}
.header .info-list li + li {
  border-left: 1px solid var(--color-white);
  padding-left: 30px;
}
.header .info-list li a{
    position:relative;
    font-size:var(--fs-13);
    color:var(--color-white);
    padding-left: 30px;
}

.header .info-list li a .icon{
    position:absolute;
    left:0px;
    color:var(--color-one);
}

.header .info-list li:last-child{
    margin:0px;
}

.header .info-list li a:hover{
  color:var(--color-one);
}
.header .button-box {
  margin-left: 40px;
}
.header .button-box .btn {
  border-radius: 0px;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 400;
}
.header .button-box .btn:hover {
  background-color: var(--color-one);
}

/* Top Bar End */
.header .header_right_part {
  padding-left: 70px;
}
.header .mainnav ul.main-menu {
  padding: var(--fs-0);
  margin: var(--fs-0);
}

.header .mainnav ul.main-menu li {
  position: relative;
  border: 0;
  list-style: none;
  line-height: 1;
  display: inline-block;
  font-size: var(--fs-14);
  font-weight: 500;
  line-height: var(--fs-24);
}

.header .mainnav ul.main-menu > li + li {
  margin-left: 16px;
}

.header .mainnav ul.main-menu li a {
  border: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-white);
  letter-spacing: 1px;
  padding: 25px 0px;
  transition: var(--transition-base);
}

.header .mainnav ul.main-menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0px, 0px, 0px);
}

.header .mainnav ul.main-menu li.current > a, .header .mainnav ul.main-menu li.active > a, .header .mainnav ul.main-menu li:hover > a {
  color: #f1270f;
}

.header .mainnav ul.main-menu li ul {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  min-width: 340px;
  margin: 0px 0px;
  padding: 15px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 5;
  transition: var(--transition-base);
  transform: translate3d(15px, 0px, 0px);
  background: #000;
  box-shadow: 0px 0px 40px 0px rgba(39, 61, 113, 0.1);
}

.header .mainnav ul.main-menu li ul li {
  width: 100%;
  border-bottom: 1px solid #fff;
}

.header .mainnav ul.main-menu li ul li a {
  padding:  10px 0px;
  width: 100%;
  text-align: left;
}

.header .mainnav ul.main-menu li ul li a:hover {
  color: var(--color-one);
}

.header .mainnav ul.main-menu li ul li:last-child > a {
  border-bottom: none;
}

.header .mainnav ul.main-menu li ul li.menu-item-has-children > a:after {
  content: "\F285";
  font-family: 'bootstrap-icons';
  speak: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.header .mainnav ul.main-menu li ul ul {
  left: calc(100% + 25px);
  top: -15px;
  border-top: 0px solid var(--color-one);
}

.header .mainnav ul.main-menu li ul ul ul ul {
  left: auto;
  right: calc(100% + 26px);
}

.header .mainnav ul.main-menu > li.menu-item-has-children.current > a::after, .header .mainnav ul.main-menu > li.menu-item-has-children.active > a::after, .header .mainnav ul.main-menu > li.menu-item-has-children:hover > a::after {
  color: var(--color-one);
}
.header .mainnav ul.main-menu > li.menu-item-has-children > a::after {
    content: "\F282";
    font-family: 'bootstrap-icons';
    speak: none;
    transition: var(--transition-base);
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    line-height: normal;
}
.header .mainnav ul.main-menu > li.menu-item-has-children.current > a::after, .header .mainnav ul.main-menu > li.menu-item-has-children.active > a::after, .header .mainnav ul.main-menu > li.menu-item-has-children:hover > a::after {
    color: var(--color-one);
}


/* Header Search */
.header .header_search {
  margin: 0px 30px;
}

.header .header_search .search_form {
  position: relative;
  border: 0px solid transparent;
  transition: all 0.5s ease;
}

.header .header_search .search_form .form-control {
  font-size: 16px;
    color: var(--color-one);
    width: 140px;
    padding-left: 55px;
    padding-right: 15px;
    background-color: rgba(var(--color-one-rgb),.08);
    border: none;
    height: 50px;
    border-radius: 50px;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.header .header_search .search_form .form-control:focus {
  box-shadow: none;
  width: 165px;
}

.header .header_search .search_form .form-control-submit {
  width: 36px;
  min-width: 36px;
  height: 50px;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  color: var(--color-one);
  font-weight: 400;
  background-color: initial;
  position: absolute;
  top: 0;
  left: 20px;
  border: 0px;
  background: transparent;
  padding: 0;
}

.header .header_search .search_form .form-control-submit:focus {
  outline: none;
}

.header .header_search .search_form ::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: var(--color-one);
}

.header .header_search .search_form ::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: var(--color-one);
}

.header .header_search .search_form :-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: var(--color-one);
}

.header .header_search .search_form :-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: var(--color-one);
}

.header .header_search .search_form :placeholder {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: var(--color-one);
}

.aside_open {
  position: relative;
  cursor: pointer;
  width: 74px;
  height: 74px;
  background-color: var(--color-one);
  border: none;
  outline: none;
  border-radius: 0;
  text-align: center;
  padding: 10px;
  transition: var(--transition-base);
}
.aside_open .aside-open--inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.aside_open span {
  display: block;
  background: var(--color-white);
  width: 26px;
  height: 2px;
  transition: .25s margin .25s,.25s transform;
}

.aside_open span:not(:last-child) {
  margin-bottom: 5px;
}

.aside_open.close span {
  margin-bottom: 0px;
  transition: .25s margin,.25s transform .25s;
  transform-origin: top;
}
.aside_open.close span:nth-child(1) {
  transform: rotate(45deg);
}
.aside_open.close span:nth-child(2) {
  transform: rotate(45deg);
  opacity: 0;
  visibility: hidden;
}
.aside_open.close span:nth-child(3) {
  transform: rotate(135deg);
  margin-top: -2px;
}

.aside_info_wrapper {
  padding: 30px 30px;
  background: var(--color-black);
  max-width: 400px;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -400px;
  overflow-y: auto;
  z-index: 99;
  transition: var(--transition-base);
  transform: scale(0);
}

.aside_info_wrapper.show {
  right: 0;
  transform: scale(1);
}

.aside_info_wrapper .aside_close {
  font-size: var(--fs-24);
  color: var(--color-one);
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 35px;
}

.aside_info_wrapper::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* make scrollbar transparent */
}

.aside_info_wrapper .aside_logo {
  position: relative;
}

.aside_info_wrapper .aside_logo a {
  display: inline-block;
}

.aside_info_wrapper .aside_logo a img {
  max-width: 200px;
  transition: var(--transition-base);
}

.aside_info_wrapper .aside_logo a.dark_logo {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}

.aside_info_wrapper .aside_info_inner {
  margin-top: 25px;
  padding: 0px 15px;
}

.aside_info_wrapper .aside_info_inner h5, .aside_info_wrapper .aside_info_inner .h5 {
  display: inline-block;
}

.aside_info_wrapper .aside_info_inner .aside_info_inner_box {
  margin-top: var(--fs-30);
}

.aside_info_wrapper .aside_info_inner p{
  font-size: 15px;
  margin-bottom: 5px;
  color: var(--color-white);
}
.aside_info_wrapper .aside_info_inner a {
  color: var(--color-white);
}
.aside_info_wrapper .aside_info_inner a:hover {
  color: var(--color-one);
}

.aside_info_wrapper .aside_info_inner .social_sites {
  margin-top: 40px;
}

.aside_info_wrapper .aside_info_inner .social_sites ul {
  list-style-type: none;
  padding: 0px;
}

.aside_info_wrapper .aside_info_inner .social_sites ul li:not(:last-child) {
  margin-right:  15px;
}

.aside_info_wrapper .aside_info_inner .social_sites ul li a {
  color: var(--color-white);
  background-color: var(--color-dark);
  display: inline-block;
  width: 34px;
  height: 34px;
  font-size: 12px;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
}
.aside_info_wrapper .aside_info_inner .social_sites ul li a:hover {
  background-color: var(--color-one);
  transform: translateY(-3px);
}

.mr_menu_toggle {
  position: relative;
  cursor: pointer;
  width: 74px;
  height: 50px !important;
  background-color: #000;
  color: var(--color-white);
  font-size: 36px;
  border: none;
  outline: none;
  border-radius: 0;
  text-align: center;
  transition: var(--transition-base);
}

.mr_menu_toggle:focus {
  outline: none;
}

.mr_menu_toggle:hover {
  color: #f8f9fa;
}

.mr_menu {
  width: 300px;
  background: var(--color-dark);
  padding: 0px;
  height: 100%;
  position: fixed;
  left: -300px;
  top: 0;
  z-index: 9999;
  transition: var(--transition-base);
  overflow-x: hidden;
}

.mr_menu .mr_menu_close {
  position: absolute;
  top: 10px;
  right: 12px;
  background: transparent;
  padding: 0px;
  color: var(--color-one);
  font-size: 20px;
  line-height: 20px;
  border: 0px solid var(--color-one);
  border-radius: 0px;
  transition: all 0.5s ease;
}

.mr_menu .mr_menu_close:focus {
  outline: none;
}

.mr_menu .logo {
  position: relative;
  text-align: center;
  margin: 50px 0px;
}

.mr_menu .logo a {
  display: inline-block;
}

.mr_menu .logo a img {
  width: 100%;
  transition: var(--transition-base);
}

.mr_menu .logo_left_menu a img {
  width: 100%;
  transition: var(--transition-base);
}

.mr_menu ul.main-menu {
  padding: 0px;
  margin: 0px;
  border-top: 1px solid rgba(var(--color-two-rgb), 0.1);
}

.mr_menu ul.main-menu li {
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: var(--fs-24);
  width: 100%;
}

.mr_menu ul.main-menu li a {
  list-style: none;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: var(--fs-20);
  text-decoration: none;
  text-align: center;
  color: var(--color-two);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px;
  border-bottom: 1px solid rgba(var(--color-two-rgb), 0.1);
  border-left: 3px solid transparent;
}

.mr_menu ul.main-menu li.current > a, .mr_menu ul.main-menu li.active > a, .mr_menu ul.main-menu li:hover > a {
  color: #f1270f;
  /*border-left-color: var(--color-one);*/
}

.mr_menu ul.main-menu li .submenu_opener {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  border: none;
  height: 50px;
  width: 40px;
  line-height: 52px;
  text-align: center;
  color: var(--color-two);
  background: rgba(var(--color-two-rgb), 0.03);
  cursor: pointer;
  z-index: 5;
}

.mr_menu ul.main-menu li .submenu_opener i {
  position: relative;
  display: block;
  transition: all 0.5s ease;
}

.mr_menu ul.main-menu li.nav_open > .submenu_opener i {
  transform: rotate(90deg);
  animation: blinking 1.5s ease-in-out infinite;
}

@keyframes blinking {
  0% {
    bottom: -3px;
  }
  50% {
    bottom: 3px;
  }
  100% {
    bottom: -3px;
  }
}

.mr_menu ul.main-menu li ul {
  position: relative;
  display: none;
  overflow: hidden;
  min-width: auto;
  width: 100%;
  margin: 0px 0px;
  padding-left: 10px;
  z-index: 5;
  border-radius: 0px;
}

body.mr_menu_active .mr_menu {
  left: 0;
}

body{
    letter-spacing: 0.5px !important;
}

h1,h2,h3,h4,h5,h6
{
     letter-spacing: 0.5px !important;
}

a{
     letter-spacing: 0.5px !important;
}

p
{
 letter-spacing: 0.5px !important;   
}

body::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: rgba(var(--color-black-rgb), 0.6);
  transition: var(--transition-base);
  z-index: 10;
}
body.mr_menu_active::after {
  width: 100%;
}

body.left_menu {
  padding-left: 300px;
}

body.left_menu .mr_menu {
  left: 0;
}


.wptb-icon-box1.live-chat {
  padding: 12px 40px;
  margin-left: 30px;
  border-left: 1px solid rgba(var(--color-white-rgb), 0.35);
}
.wptb-icon-box1.live-chat .wptb-item--icon {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: var(--color-one);
  color: var(--color-white);
  margin-right: 16px;
}
.wptb-icon-box1.live-chat .wptb-item--icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(var(--color-one-rgb),.5);
  z-index: -1;
}
.wptb-icon-box1.live-chat .wptb-item--title {
  color: var(--color-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.18px;
}
.wptb-icon-box1.live-chat .wptb-item--title a {
  color: var(--color-white);
}
.wptb-icon-box1.live-chat .wptb-item--title a:hover {
  color: var(--color-one);
}
.wptb-icon-box1.live-chat .wptb-item--description {
  color: var(--color-white);
  font-size: 13px;
}

/* Header Style 2 */
.header.style2 {
  background-color: var(--color-white);
  border-bottom: 1px solid rgba(var(--color-black-rgb), 0.35);
}

.header.style2 .header-top {
  border-bottom: 1px solid rgba(var(--color-black-rgb), 0.35);
}

.header.style2 .header_right_part {
  border-left: 1px solid rgba(var(--color-black-rgb), 0.35);
}

.header.style2 .mainnav ul.main-menu > li > a {
  color: var(--color-black);
  padding: 22px 0px;
}

.header.style2 .mainnav ul.main-menu > li.menu-item-has-children > a::after {
  color: var(--color-black);
}

.header.style2 .mainnav ul.main-menu > li > a:hover,
.header.style2 .mainnav ul.main-menu > li.menu-item-has-children > a:hover::after {
  color: var(--color-one);
}

.header.style2 .wptb-icon-box1.live-chat .wptb-item--title,
.header.style2 .wptb-icon-box1.live-chat .wptb-item--description {
  color: var(--color-black);
}
.header.style2 .wptb-icon-box1.live-chat .wptb-item--title a {
  color: var(--color-black);
}
.header.style2 .wptb-icon-box1.live-chat .wptb-item--title a:hover {
  color: var(--color-one);
}



/* Sticky Nav */
.header.sticky {
  transform: perspective(300px) rotateX(0deg);
  transform-origin: top;
  position: fixed !important;
}

.header.sticky .header-top,
.header.style2.sticky .header-top {
    max-height: 0px;
    opacity: 0;
  visibility: hidden;
    overflow: hidden;
    padding: 0px;
    transition: all 0.3s ease-in-out;
}

.header.sticky .logo {
  max-width: 220px;
}
.header.sticky .mainnav ul.main-menu > li > a {
  padding: 20px 0px;
}

.header.top-up {
  overflow: hidden;
  transition: var(--transition-base);
  transform: perspective(300px) rotateX(-90deg);
  transform-origin: top;
}


@media screen and (max-width: 1366px) {
  .header .header_right_part,
  .header.style2 .header_right_part {
    padding-left: 20px;
  }
  .header .mainnav ul.main-menu > li + li {
    margin-left: 11px;
  }
}

@media screen and (max-width: 1199.9px) {
  .header .logo,
  .header.sticky .logo {
    position: relative;
    max-width: 180px;
  }
  
  .header .logo a {
    padding: 0;
    box-shadow: none;
  }
  .header .logo a::before {
    display: none;
  }

  .header.style2 .header-top {
    padding: 0px 0px;
  }
  .header.style2 .header-inner {
    background-color: var(--color-white);
  }
  .header .header_right_part,
  .header.style2 .header_right_part {
    padding-left: 0px;
    border-left-width: 0px;
  }
}

@media screen and (max-width: 991.9px) {
  body.left_menu {
    padding-left: 0px;
  }
  body.left_menu .mr_menu {
    left: -300px;
  }
  body.left_menu.mr_menu_active .mr_menu {
    left: 0px;
  }
}

@media screen and (max-width: 575.9px) {
  
  .mr_menu_toggle {
    width: 50px !important;
    height: 50px !important;
    padding: 0px;
       padding-top:0px;
  }
  .aside_open {
      width: 50px;
      height: 50px;
      padding: 0px;
  }
}
/* Service Details */
.blog-details {
    position: relative;
}
.blog-details .post-header {
    margin-top: 0px;
    margin-bottom: 25px;
}
.blog-details .post-header .post-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 112.5% */
    letter-spacing: -0.32px;
}

.blog-details .wptb-item--meta {
    margin-top: 20px;
}
.blog-details .wptb-item--meta .wptb-item {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.blog-details .wptb-item--meta .wptb-item--author {
    text-transform: uppercase;
}
.blog-details .wptb-item--meta .wptb-item a span {
    color: var(--color-white);
    transition: var(--transition-base);
}
.blog-details .wptb-item--meta .wptb-item a:hover,
.blog-details .wptb-item--meta .wptb-item a:hover span {
    color: var(--color-one);
}

.blog-details .intro,
.blog-details .fulltext {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #000;
}


.blog-details .highlight {
    font-size: 24px;
    line-height: 34px;
    line-height: 30px;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
}
.blog-details .blog-details-inner .widget-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 32px;
    line-height: 36px;
    text-transform: capitalize;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-bottom: 0px;
    letter-spacing: -0.5px;
}
.blog-details .blog-details-inner .widget-title::before {
    content: url('../img/more/divider.svg');
}

/* .blog-details .widget-title:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 30px;
    height: 3px;
    background-color: var(--color-one);
} */

.blog-details ul.point-order {
    padding-left: 35px;
    margin-bottom: 35px;
    list-style-type: none;
}

.blog-details ul.point-order li {
    position: relative;
    color: var(--color-white);
    font-family: var(--font-family-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    letter-spacing: -0.2px;
    display: flex;
    align-items: start;
    
}

.blog-details ul.point-order li i {
    font-size: 16px;
    color: var(--color-one);
    margin-right: 10px;
    display: inline-block;
}
.blog-details ul.point-order.rotate li i {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.blog-details .image-post {
    margin-bottom: 40px;
}

.blog-details .image-post img {
    width: 100%;
}

.blog-details .process-step {
    margin-bottom: 15px;
}

.blog-details .process-step .serial {
    position: relative;
    width: 40px;
    height: 40px;
    background: var(--color-white);
    color: var(--color-one);
    border-radius: 100%;
    font-family: var(--font-family-heading);
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    margin-right: 25px;
    box-shadow: 0px 10px 20px rgba(137, 151, 186, 0.25);
    flex-shrink: 0;
    transition: all 0.5s ease-in-out;
}
.blog-details .process-step:hover .serial {
    box-shadow: 0px 0px 20px rgba(137, 151, 186, 0.25);
}
.blog-details .process-step h5 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
}

/* WP Block Gallery */
.blog-details .block-gallery {
    margin-bottom: 30px;
}
.blog-details .blocks-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.blog-details .blocks-gallery-grid .blocks-gallery-item {
    margin: 0 30px 0px 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: calc(33% - 30px);
}

.blog-details .blocks-gallery-grid .blocks-gallery-item figure {
    margin-bottom: 0px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

/* Post Footer */
.blog-details .post-footer {
    display: inline-block;
    width: 100%;
    border-top: 1px solid var(--color-dark-black-three);
    padding-top: 30px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.blog-details .post-footer .page-all a {
    font-size: 1.5rem;
    color: #a6a182;
}

.blog-details .post-share {
    display: flex;
    align-items: center;
}

.blog-details .post-share ul.share-list {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    margin-bottom: 0px;
    padding-left: 0;
}

.blog-details .post-share ul.share-list li {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 5px;
}

.blog-details .post-share ul.share-list li a {
    color: var(--color-white);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    letter-spacing: 1px;
    text-transform: uppercase;

    width: auto;
    display: inline-block;
    background-color: var(--color-dark-black-three);
    
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0px 5px;
    padding: 1px 12px;
    transition: var(--transition-base);
}

.blog-details .post-share ul.share-list li a:hover {
    background-color: var(--color-one);
    border-color: var(--color-one);
    
}

.blog-details .post-share ul.share-list li:first-child {
    
    font-family: var(--font-family-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    letter-spacing: -0.2px;
    margin-right: 15px;
}

/* .blog-details .post-share ul.share-list li:last-child a {
    margin-right: 0px;
}
.blog-details .post-share ul.share-list li.facebook a {
    background: #004da9;
}

.blog-details .post-share ul.share-list li.twitter a {
    background: #00a0ee;
}

.blog-details .post-share ul.share-list li.dribbble a {
    background: #a99df5;
}

.blog-details .post-share ul.share-list li.instagram a {
    background: #d432bc;
}

.blog-details .post-share ul.share-list li.linkedin a {
    background: #0e76a8;
}

.blog-details .post-share ul.share-list li.pinterest a {
    background: #d10a0f;
} */


/* Author Section */
.blog-details .author-div {
    display: flex;
    border-top: 1px dotted var(--color-light);
    border-bottom: 1px dotted var(--color-light);
    padding: 30px 0px;
    margin: 0px 0px 40px 0px;
  }
  
  .blog-details .author-div .author {
    max-width: 125px;
    min-width: 125px;
    height: 125px;
    margin-right: 30px;
    border-radius: 100%;
    overflow: hidden;
  }
  
  .blog-details .author-div .author-name {
    font-size: 24px;
    margin-bottom: 6px;
  }
  
  .blog-details .author-div .author-intro {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
  }
  
  .blog-details .author-div .social-media {
    display: flex;
    align-items: center;
  }
  
  .blog-details .author-div .social-media ul.social-list {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    padding-left: 0;
  }
  
  .blog-details .author-div .social-media ul.social-list li {
    list-style-type: none;
    display: inline-block;
  }
  
  .blog-details .author-div .social-media ul.social-list li a {
    font-size: 15px;
    padding: 0px 14px;
    
  }
  
  .blog-details .author-div .social-media ul.social-list li:first-child a {
    padding-left: 0px;
  }
  
  .blog-details .author-div .social-media ul.social-list li:last-child a {
    padding-right: 0px;
  }

/* Vdeo Section */
.video-post {
    display: inline-block;
    width: 100%;
    margin: 35px 0px;
}

.video-post .ytube-video {
    position: relative;
    overflow: hidden;
}

.video-post .ytube-video #ytvideo {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.video-post .ytube-video .ytplay-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    line-height: 75px;
    background: var(--color-one);
    text-align: center;
    font-size: 30px;
    
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.5s ease;
    z-index: 1;
}

.ytplay-btn:before,
.ytplay-btn:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.4);
    animation: ripple3 2s ease-in-out infinite;
}
.ytplay-btn:after {
    -webkit-box-shadow: 0px 0px 0px 40px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 0px 40px rgba(255, 255, 255, 0.3);
    animation: ripple4 2s ease-in-out infinite;
}

@keyframes ripple3 {
    0% {box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.4);}
    50% {box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);}
}
@keyframes ripple4 {
    0% {box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.3);}
    50% {box-shadow: 0px 0px 0px 40px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);}
}

.video-post .ytube-video.play #ytvideo {
    opacity: 1;
}

.video-post .ytube-video.play .post-content {
    opacity: 0;
    visibility: hidden;
}

.blog-details .video-post .ytube-video .post_header {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    text-align: center;
}

.blog-details .video-post .ytube-video .post_header .post_title {
    margin: 0px 0px;
    
}

.blog-details .video-post .ytube-video .post_header .post_title a {
    
}

.blog-details .video-post .local_video {
    position: relative;
    overflow: hidden;
}

.blog-details .video-post .local_video #video {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.blog-details .video-post .local_video .play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: var(--second-color);
    text-align: center;
    font-size: 30px;
    
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.5s ease;
    z-index: 1;
}

.blog-details .video-post .local_video.play #video {
    opacity: 1;
}

.blog-details .video-post .local_video.play .post-content {
    opacity: 0;
    visibility: hidden;
}

.blog-details .video-post .local_video.play .play_btn {
    left: 50%;
    top: auto;
    bottom: 25px;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    background: var(--second-color);
    text-align: center;
    
    border-radius: 3px;
    cursor: pointer;
}

.blog-details .video-post .local_video.play .play_btn i.ion-ios-play:before {
    content: "\f478";
}

.blog-details .video-post .local_video .post_header {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
}

.blog-details .video-post .local_video .post_header .post_title {
    margin: 0px 0px;
    
}

.blog-details .video-post .local_video .post_header .post_title a {
    
}

iframe, object, embed, iframe, object, iframe, video {
    width: 100%;
    height: 100%;
}
/*-------- Comments ------------*/
.comments-area .comments-title {
    position: relative;
    
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 112.5% */
    letter-spacing: -0.32px;
    padding-bottom: 15px;
}
/* .comments-area .comments-title::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;
    background-color: var(--color-one);
    border-radius: 10px;
} */
.comments-area ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0px;
}

.comments-area ul ul {
    padding-left: 90px;
}

.comments-area ul.comment-list .commenter-block {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: start;
}

.comments-area ul.comment-list .commenter-block .comment-avatar {
    margin-right: 30px;
    min-width: 130px;
    max-width: 130px;
    max-height: 130px;
    overflow: hidden;
}

.comments-area ul.comment-list .commenter-block .comment-content {
    width: 100%;
}

.comments-area ul.comment-list .commenter-block .comment-content .comment-author-name {
    display: flex;
    align-items: center;
    color: var(--color-white);
    font-family: var(--font-family-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 166.667% */
    text-transform: capitalize;
    letter-spacing: -0.18px;
    margin-top: 0px;
}

.comments-area ul.comment-list .commenter-block .comment-content .comment-author-comment {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-top: 10px;
}

.comments-area ul.comment-list .commenter-block .comment-content .comment-author-comment p {
    margin-bottom: 15px;
}

.comments-area ul.comment-list .commenter-block .comment-content .comment-date {
    font-family: var(--font-family-base);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 24.012px; /* 184.71% */
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--color-one);
    margin-left: 25px;
}

.comments-area ul.comment-list .commenter-block .comment-content .comment-reply .comment-reply-link {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.96px; /* 114% */
    letter-spacing: 0.21px;
    text-transform: uppercase;
    color: var(--color-white);
}

/* Comments Pagination */
.comments-area .comments-pagination {
    margin-bottom: 0px;
    list-style-type: none;
    align-items: center;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0px;
}

.comments-area .comments-pagination a, .comments-area .comments-pagination span {
    margin-right: 7px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    
    display: block;
}

.comments-area .comments-pagination a:hover, .comments-area .comments-pagination a.current, .comments-area .comments-pagination span:hover, .comments-area .comments-pagination span.current {
    background: var(--color-one);
    
}

.comment-respond {
    margin-top: 100px;
}

.comment-respond .comment-reply-title {
    position: relative;    
    
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 112.5% */
    letter-spacing: -0.32px;
    padding-bottom: 15px;
}
/* .comment-respond .comment-reply-title::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;
    background-color: var(--color-one);
    border-radius: 10px;
} */

.comment-respond .logged-in-as {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    margin-top: 15px;
}

/* .comment-respond select, .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond input[type="password"], .comment-respond input[type="search"], .comment-respond input[type="number"], .comment-respond input[type="tel"], .comment-respond input[type="range"], .comment-respond input[type="date"], .comment-respond input[type="month"], .comment-respond input[type="week"], .comment-respond input[type="time"], .comment-respond input[type="datetime"], .comment-respond input[type="datetime-local"], .comment-respond input[type="color"] {
    height: 58px;
    font-size: 16px;
    background: var(--color-five);
    
    border: 1px solid var(--color-five);
    padding: 15px 25px;
}

.comment-respond textarea.form-control {
    height: 140px;
    font-size: 16px;
    background: var(--color-five);
    
    border: 1px solid var(--color-five);
    padding: 15px 25px;
} */

.comment-respond .form-group {
    margin-bottom: 1.25rem;
}

.comment-respond ::-webkit-input-placeholder,
.comment-respond ::-moz-placeholder,
.comment-respond :-ms-input-placeholder,
.comment-respond :-moz-placeholder,
.comment-respond :placeholder {
    font-size: 0.875rem;
    font-weight: 400;
    color: #999999;
}

/* .pagination-div {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

.pagination {
    margin-bottom: 0px;
    list-style-type: none;
    align-items: center;
    justify-content: center;
}

.pagination li:not(:last-child) {
    margin-right: 10px;
}

.pagination li a {
    font-size: 16px;
    color: var(--color-one);
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    border-radius: 50%;
}

.pagination li a:hover, .pagination li a.current {
    background: var(--color-two);
    
}

.pagination li a i {
    font-size: 14px;
    color: var(--color-two);
} */

@media screen and (max-width: 991px) {
    .comments-area ul ul {
        padding-left: 30px;
    }
    .comments-area ul.comment-list .commenter-block {
        flex-direction: column;
    }
    .comments-area ul.comment-list .commenter-block .comment-content .comment-author-name {
        margin-top: 10px;
        flex-direction: column;
        align-items: baseline;
    }
    .comments-area ul.comment-list .commenter-block .comment-content .comment-date {
        margin-left: 0px;
    }
    .wptb-features-one-padding
  {
     padding-top: 30px !important;
  }    
}

/* Extra Content In Details  */
.blog-details .wptb-testimonial2 .wptb-item--image img {
    max-width: 300px;
}

.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--holder {
    max-width: 320px;
    padding: 40px 40px;
}

.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--description {
    font-size: 14px;
    line-height: 20px;
}

.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--title {
    font-size: 16px;
    line-height: 22px;
}

.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--designation {
    font-size: 12px;
    line-height: 18px;
}
/*contact*/
.contact-section {
    padding: var(--space-120) var(--space-50);
}
.contact-section.home {
    padding: var(--space-0);
    background-image: url(../images/background/16.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.contact-section.home .contact-form {
    background: none;
    box-shadow: none;
    padding: var(--space-0);
}
.contact-section.home .contact-form form {
    padding: var(--space-100) var(--space-35);
}
.contact-section.home .contact-form .btn-submit { 
    width: 270px;
}

.contact-box {
    position: relative;
    overflow: hidden;
    background-color: var(--white-color);
    border: 1px solid #e1e9f4;
    border-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: var(--space-15);
}
.contact-box:hover {
    border-color: transparent;
    box-shadow: 0px 10px 60px rgba(137, 151, 186, 0.15);
}
.contact-box .box-image {
    overflow: hidden;
    background-color: var(--color-white);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-box .box-image img {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-box:hover .box-image img {
    opacity: 0.70;
    transform: scale(1.04,1.04) rotate(1deg);
}

.contact-box .contact-box-inner {
    position: relative;
    padding: var(--space-60) var(--space-50);
    padding-top: var(--space-0);
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.contact-box .contact-box-inner .content h5 {
    margin-bottom: var(--space-25);
}

.contact-box .contact-box-inner .content p {
  font-size: var(--font-18);
  line-height: 28px;
  color: var(--color-six);
  margin-bottom: 0;
}

.contact-box .contact-box-inner .image {
    position: relative;
    background-color: var(--white-color);
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 10px 20px rgba(137, 151, 186, 0.2);
    margin: -45px auto 25px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-box:hover .contact-box-inner .image img {
    animation: rotateme3 0.8s ease-in-out;
    -webkit-animation: rotateme3 0.8s ease-in-out;
}

.contact-box .contact-box-inner .image img {
    margin: 0 auto;
}

.contact-form {
    background-image: url('../images/background/6.html');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
    margin-top: var(--space-35);
    padding: var(--space-100) var(--space-15);
    box-shadow: 0px 10px 60px rgba(137, 151, 186, 0.15);
}
.contact-form .btn-submit {
    width: 370px;
    max-width: 100%;
    margin-top: var(--space-15);
}
/* Footer Section  */
.footer {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: var(--fw-normal);
    line-height: 34px;
    color: var(--color-white);
    background-color: var(--color-black);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer .footer--inner{
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
  
.footer ul {
    padding: 0;
    margin-bottom: 0px;
    list-style-type: none;
}

.footer ul li {
    list-style-type: none;
}

.footer ul li a {
    color: var(--color-white);
}

.footer .footer-widget svg {
    display: block;
}
.footer .widget-title {
    font-weight: 700;
    letter-spacing: 0.64px;
    padding-top: 20px;
}
.footer .widget-title::before {
    position: absolute;
    top: 0;
}

.footer .footer-nav li {
    position: relative;
    line-height: normal;
    display: inline-block;
    padding-left: 10px;
}
.footer .footer-nav li i{
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-right: 3px;
    transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
}
.footer .footer-nav li + li {
    margin-top: 10px;
}
.footer .footer-nav li a {
    position: relative;
    display: inline-flex;
    padding-left: 0px;
    text-decoration: none;
    padding-left: 0px;
    color: var(--color-three);
    font-family: var(--font-family-base);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.42px;
    text-transform: capitalize;
    transition: var(--transition-base);
    padding-right: 10px;
    border-right: 2px solid #fff;
}
.footer .footer-nav li a:hover {
    color: var(--color-one);
}
.footer .footer-nav li a i {
    font-size: 5px;
    margin-right: 10px;
}
.footer .footer-nav li a i.bi-arrow-right {
    font-size: 18px;
}

.footer .footer-nav.left li a i {
    font-size: 17px;
}

.footer .button {
    border-radius: 30px;
    text-transform: capitalize;
}

/* Footer Upper Contact */
.footer-upper-contact {
    position: relative;
    background-color: var(--color-one);
    border-radius: 10px;
    padding: 37px 20px;
    margin-bottom: 100px;
    transition: all 0.3s ease-in-out;
}
.footer-upper-contact .logo {
    position: absolute;
    left: 20px;
    top: 0;
    max-width: 330px;
    transition: var(--transition-base);
}
.footer-upper-contact .logo a {
    position: relative;
    display: inline-block;
    padding: 30px;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 1px 72px 0 rgba(0,0,0,8%);
    -khtml-box-shadow: 0 1px 72px 0 rgba(0,0,0,8%);
    -moz-box-shadow: 0 1px 72px 0 rgba(0,0,0,8%);
    -ms-box-shadow: 0 1px 72px 0 rgba(0,0,0,8%);
    -o-box-shadow: 0 1px 72px 0 rgba(0,0,0,8%);
    box-shadow: 0 1px 72px rgba(0,0,0,8%);
}

.footer-upper-contact .logo a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5.54px;
    content: "";
    background-color: var(--color-one);
}
.footer-upper-contact .wptb-icon-box1 .wptb-item--inner {
    border-right: 1px solid var(--color-white);
    margin-right: 25px;
    flex-wrap: wrap;
}

.footer-upper-contact .wptb-icon-box1 .wptb-item--icon {
    background-color: transparent;
    font-size: 23px;
    color: var(--color-white);
}
.footer-upper-contact .wptb-icon-box1 .wptb-item--description {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.footer .social-box ul{
    position:relative;
    margin-bottom: 0px;
    padding: 0px;
    /*display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;*/
}

.footer .social-box ul li{
    position:relative;
    display: inline-block;
}

.footer .social-box ul li a{
    position:relative;
    font-size:var(--fs-16);
    color: var(--color-white);
    background-color: rgba(var(--color-white-rgb), 0.1);
    border: 0px solid rgba(var(--color-white-rgb), 0.1);
    border-radius: 3px;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .social-box ul li:last-child{
    margin-right:0px;
}

.footer .social-box ul li a:hover{
    background-color: rgba(var(--color-white-rgb), 1);
    border-color: rgba(var(--color-white-rgb), 1);;
    color:var(--color-one);
    transform: translateY(-3px);
}

/* Footer Contact */
.footer-contact-style.wptb-icon-box1 .wptb-item--title {
    color: var(--color-white);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 81.25% */
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 7px;
}
.footer-contact-style.wptb-icon-box1.address .wptb-item--title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.18px;
}
.footer-contact-style.wptb-icon-box1 .wptb-item--title a {
    color: var(--color-white);
}
.footer-contact-style.wptb-icon-box1 .wptb-item--title a:hover {
    color: var(--color-one);
}
.footer-contact-style.wptb-icon-box1 .wptb-item--description {
    color: var(--color-one);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 185.714% */
    text-transform: uppercase;
}

/* Footer Bottom Part  */
.footer .footer-bottom {
    border-top: 1px solid var(--color-dark-black);
    padding: 10px 0px;
}
.footer .footer-bottom .footer-bottom-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    color: var(--color-three);
}

.footer .footer-nav-bottom ul {
    display: flex;
}

.footer .footer-nav-bottom ul li {
    margin-bottom: 0;
}

.footer .footer-nav-bottom ul li + li {
    margin-left: 20px;
}

.footer .copyright p {
    margin-bottom: 0;
}


.footer .footer-nav-bottom ul li a {
    color: var(--color-three);
}
.footer .footer-nav-bottom ul li a:hover {
    color: var(--color-one);
}

.footer .newsletter-form button.btn-three {
    min-width: auto;
    height: 50px;
    font-size: 14px;
}


/* Style 2 */
.footer.style2 ul li a {
    color: var(--color-white);
}
.footer.style2 ul li a:hover {
    color: var(--color-one);
}
.footer.style2 .widget-title {
    color: var(--color-white);
}

/* Totop */
.totop {
    position: fixed;
    right: 30px;
    bottom: 22px;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-base);
}
.totop.show {
    opacity: 1;
    visibility: visible;
}

.totop a {
    width: 50px;
    height: 50px;
    background: var(--color-one);
    color: var(--color-white);
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 40px;
    box-shadow: 0px 0px 3px var(--color-one);
}

@media screen and (max-width: 1199.9px) {
    .footer-upper-contact .logo {
        position: relative;
        left: 0;
        margin-bottom: 15px;
    }
    .footer-upper-contact .logo a {
        padding: 10px;
    }
    .wptb-banner3 {
        padding: 30px 40px;
    }
}

@media screen and (max-width: 575.9px) {
    .footer-upper-contact .wptb-icon-box1 .wptb-item--inner {
        border-width: 0px;
        margin-right: 0px;
    }
    .footer .social-box ul li {
        margin-right: 8px;
        margin-bottom: 8px;
    }
}
/*sidebar*/
.sidebar {
    position: sticky;
    position: -webkit-sticky;
    top: 80px;
}

/* Service Details Sidenav */
.sidenav ul {
    padding: 0px;
    margin: 0px;
}

.sidenav ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 4px 0px;
}

.sidenav ul li a {
    position: relative;
    font-family: var(--font-family-heading);
    font-size: 20px;
    text-transform: capitalize;
    line-height: 30px;
    color: var(--color-white);
    list-style: none;
    background: var(--color-dark-black);
    padding: 17px 22px;
    display: flex;
    align-items: center;
    border-radius: 0px;
    letter-spacing: -0.2px;
}

.sidenav ul li a:hover,
.sidenav ul li.active a {
    background: var(--color-one);
    color: var(--color-white);
}

.sidenav ul li.active a i {
    color: var(--color-white);
}

.sidenav ul li a svg {
  margin-right: 15px;
  transition: var(--transition-base);
}
.sidenav ul li a svg path {
  transition: var(--transition-base);
}

.sidenav ul li a:hover svg path,
.sidenav ul li.active a svg path {
  fill: var(--color-white);
}

.sidenav ul li a img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 15px;
}

/* Service Details Sidebar */


/* Blog Sidebar */
.widget {
  background: transparent;
  padding: 0px 30px 30px 30px;
  margin-bottom: -1px;
  box-shadow: none;
  border: 1px solid var(--color-dark-black-three);
  overflow: hidden;
}

.widget-title {
    position: relative;
    color: var(--color-white);
    font-family: var(--font-family-base);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.widget-title::before {
  content: url('../img/more/divider-sm.svg');
  position: relative;
  left: 0px;
  margin-right: 10px;
}
.widget .widget-title {
  padding: 13px 0px;
}
.widget .widget-title::after {
  content: '';
  position: absolute;
  left: -50%;
  bottom: 0px;
  width: 200%;
  height: 1px;
  background-color: var(--color-dark-black-three);
}

.widget ul, .widget ol {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}


.widget ul li a, .widget ol li a {
  width: 100%;
}

.widget ul li .submenu-container, .widget ol li .submenu-container {
  padding-left: 20px;
}

.widget .wp-block-page-list li {
  border-bottom: 0px;
  padding: 0px;
}

.widget .wp-block-page-list li a {
  border-bottom: 1px solid rgba(174, 182, 194, 0.15);
  padding: 12px 0px;
  width: 100%;
  display: block;
}

.widget .wp-calendar-table {
  width: 100%;
  border: 1px solid #2e2e2e;
}

.widget .wp-calendar-table td, .widget .wp-calendar-table th {
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #2e2e2e;
}

.widget .wp-calendar-table caption {
  color: #ffffff;
}

/*-- Search --*/
.widget_search {
  text-align: left;
  padding: 0px;
  box-shadow: none;
  margin-bottom: 20px;
}

.widget_search .wp-block-search__inside-wrapper {
  position: relative;
}

.widget_search .wp-block-search {
  position: relative;
}

.widget_search .wp-block-search .wp-block-search__input {
  padding: 5px 30px;
  height: 48px;
  border-radius: 0px;
  background: var(--color-dark-black-three);
  color: var(--color-white);
  overflow: hidden;
  border-color: transparent;
}

.widget_search .wp-block-search .wp-block-search__input:focus {
  box-shadow: none;
}

.widget_search .wp-block-search .wp-block-search__button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0px;
  font-size: 16px;
  text-align: center;
  background: var(--color-one);
  color: var(--color-white);
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 0px;
  padding: 0px;
  cursor: pointer;
  box-shadow: 0px 10px 20px rgba(242, 100, 100, 0.3);
}

.widget_search .wp-block-search .wp-block-search__button:focus {
  outline: none;
}

/*-- Author --*/
.sidebar_author {
  position: relative;
}

.sidebar_author img {
  width: 100%;
  margin: 0 auto;
  display: block;
  margin-bottom: 25px;
}

.sidebar_author .intro {
  position: relative;
  color: var(--color-three);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.sidebar_author .author_social {
  margin-top: 30px;
}

.sidebar_author .author_social ul {
  margin: 0px;
  padding: 0;
  display: flex;
  align-items: center;
}

.sidebar_author .author_social ul li {
  list-style-type: none;
  width: auto;
  padding: 0px;
  border-width: 0px;
}

.sidebar_author .author_social ul li:not(:last-child) {
  margin-right: 10px;
}

.sidebar_author .author_social ul li a {
  display: block;
  font-size: 15px;
  text-align: center;
  background: rgba(var(--color-white-rgb), 0.2);
  color: var(--color-white);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  transition: var(--transition-base);
}

.sidebar_author .author_social ul li a:hover {
  background: var(--color-one);
  color: var(--color-white);
}

/* Latest Posts */
ul.wp-block-latest-posts li {
  display: flex;
  align-items: center;
}

ul.wp-block-latest-posts li + li {
  padding-top: 30px;
}


ul.wp-block-latest-posts li .latest-posts-image {
  width: 85px;
  border-radius: 0px;
  flex-shrink: 0;
  margin-right: 20px;
}

ul.wp-block-latest-posts li h5 {
  color: var(--color-white);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 8px;
  word-break: break-word;
}

ul.wp-block-latest-posts li h5 a {
  color: var(--color-white);
}

ul.wp-block-latest-posts li h5 a:hover {
  color: var(--color-one);
}

ul.wp-block-latest-posts li h6 {
  font-family: var(--font-family-base);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-one);
}


/* Categories */
ul.wp-block-categories li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-three);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border-width: 0px;
  padding: 16px 0px;
  transition: var(--transition-base);
  border-bottom: 1px dotted rgba(var(--color-white-rgb), 0.3);
}
ul.wp-block-categories li a {  
  color: var(--color-white);
  transition: var(--transition-base);
}
ul.wp-block-categories li:hover,
ul.wp-block-categories li a:hover {
  color: var(--color-one);
}

/*-- Tag Cloud --*/
.wp-block-tag{
  margin: 0px;
}
.wp-block-tag a {
  position: relative;
  display: inline-block;
  color: var(--color-three);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 200% */
  text-decoration-line: underline;
  padding: 2px 8px;
  margin: 0px 0px 5px 0px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.wp-block-tag a:hover {
  color: var(--color-white);
}

/* Checkbox */
.sidebar .form-check {
  position: relative;
  min-height: auto;
  padding-left: 0;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.sidebar .form-check label {
  color: var(--color-white);
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  margin-bottom: 0px;
}

.sidebar .form-check .form-check-input {
  float: none;
  margin: 0px 7px 0px 0px;
  width: 12px;
  height: 12px;
  border: 1px solid var(--color-dark-black-three);;
  background-color: transparent;
  border-radius: 3px;
}

.sidebar .form-check .form-check-input:checked {
  background-color: var(--colo-white);
  border-color: var(--color-dark-black-three);
  box-shadow: none;
}

.sidebar .form-check .form-check-input:focus {
  outline: none;
  box-shadow: none;
}
/*colors*/
:root .theme-style--light {
    --color-three: #4E4E4E;
}
/* Root Element */
body.theme-style--light {
    color: var(--color-black);
    background-color: var(--color-white);
}
.theme-style--light .btn:hover,
.theme-style--light .btn-two:hover,
.theme-style--light .btn-three:before {
    background-color: rgb(153 138 138 / 30%);
    color: var(--color-one);
}
.theme-style--light .wptb-header--cart .wptb-cart-icon:not(:hover) {
    color: var(--color-white);
}

/* Swiper Customize */
.theme-style--light .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.theme-style--light .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000;
}


/* Section Heading */
.theme-style--light .wptb-heading .wptb-item--title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.06px;
}
.theme-style--light .wptb-slider .wptb-heading .wptb-item--title,
.theme-style--light .wptb-testimonial-one .wptb-heading .wptb-item--title,
.theme-style--light .wptb-testimonial-two .wptb-heading .wptb-item--title,
.theme-style--light .wptb-banner .wptb-heading .wptb-item--title,
.theme-style--light .wptb-banner .wptb-list1 .wptb--item .wptb-item--text,
.theme-style--light .wptb-banner3 .wptb-heading .wptb-item--title,
.theme-style--light .wptb-appointment-form-one .wptb-form .wptb-item--title,
.theme-style--light .wptb-appointment-form-one .wptb-form label,
.theme-style--light .wptb-credential .wptb-heading .wptb-item--title {
    color: var(--color-white);
}
.theme-style--light .wptb-features-one .wptb-heading .wptb-item--title {
    color: var(--color-one);
}


/* Funfacts */
.theme-style--light .wptb-counter1.style1 .wptb-item--text {
    color: var(--color-white);
}


/* About */
.theme-style--light .wptb-about-company-one {
    background-image: url(../../covai-images/web-images/background/bg-2-light.png) !important;
}


/* Imagbox 1 */
.theme-style--light .wptb-image-box1 .wptb-item--inner {
    background: rgba(var(--color-light-gray-rgb), 0.30);
    border-color: var(--color-light-gray-two);
    border-radius: 20px;
}
.theme-style--light .wptb-image-box1 .wptb-item--inner .wptb-item--title a,
.theme-style--light .wptb-features-one .wptb-heading .wptb-item--subtitle {
    color: var(--color-black);
}


/* Iconbox 2 */
.theme-style--light .wptb-icon-box2:not(.active, :hover) {
    /*background-color: rgb(189 180 180 / 30%);*/
}
.theme-style--light .wptb-icon-box2 .wptb-item--title {
    color: var(--color-black);
    font-size: 22px;
    font-weight: 600;
}
.theme-style--light .wptb-icon-box2.active .wptb-item--title,
.theme-style--light .wptb-icon-box2:hover .wptb-item--title {
    color: var(--color-white);
}
.theme-style--light .wptb-icon-box2 .wptb-item--icon svg path {
    fill: var(--color-one);
}
.theme-style--light .wptb-icon-box2.active .wptb-item--icon svg path,
.theme-style--light .wptb-icon-box2:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}

/* Service Two */
.theme-style--light .wptb-service-one {
    background-image: url('../img/background/bg-1-light.png') !important;
}
.theme-style--light .wptb-service-two {
    background-color: var(--color-white);
    background-image: url('../img/background/bg-1-light.png') !important;
}
.theme-style--light .wptb-service-two .wptb-icon-box2.active, 
.theme-style--light .wptb-service-two .wptb-icon-box2:hover {
    background-color: transparent;
}
.theme-style--light .wptb-service-two .wptb-icon-box2.active .wptb-item--title,
.theme-style--light .wptb-service-two .wptb-icon-box2:hover .wptb-item--title {
    color: var(--color-black);
}
.theme-style--light .wptb-service-two .wptb-icon-box2:hover .wptb-item--description {
    color: var(--color-black);
}
.theme-style--light .wptb-service-two .wptb-icon-box2.active .wptb-item--icon svg path,
.theme-style--light .wptb-service-two .wptb-icon-box2:hover .wptb-item--icon svg path {
    fill: var(--color-one);
}

.theme-style--light .wptb-icon-box2.style3.active,
.theme-style--light .wptb-icon-box2.style3:hover {
    background-color: rgba(var(--color-light-gray-rgb),.3);
}
.theme-style--light .wptb-icon-box2.style3.active .wptb-item--icon svg path, 
.theme-style--light .wptb-icon-box2.style3:hover .wptb-item--icon svg path {
    fill: var(--color-one);
}
.theme-style--light .wptb-icon-box2.style3.active .wptb-item--title, 
.theme-style--light .wptb-icon-box2.style3:hover .wptb-item--title,
.theme-style--light .wptb-icon-box2.style3.active .wptb-item--description, 
.theme-style--light .wptb-icon-box2.style3:hover .wptb-item--description {
    color: var(--color-black);
}


/* About Company two */
.theme-style--light .wptb-about-company-two {
    background-color: var(--color-white);
}
.theme-style--light .wptb-about-company-two .wptb-about-company--inner .wptb-icon-box1 .wptb-item--icon {
    background: #f1270f;
    border-color: var(--color-light-gray-two);
}
.theme-style--light .wptb-about-company-two .wptb-about-company--inner .wptb-icon-box1 .wptb-item--icon svg path {
    fill: #ffffff;
}
.theme-style--light .wptb-about-company-two .wptb-about-company--inner .wptb-heading .wptb-item--description {
    color: #000;
}
.theme-style--light .wptb-about-company-two .btn-two.white:not(:hover),
.theme-style--light .wptb-login-form .btn-two.white:not(:hover),
.theme-style--light .wptb-contact-form-two .btn-two.white:not(:hover) {
    background-color: var(--color-black);
    color: var(--color-white);
}

/* Marquee */
.theme-style--light .wptb-marquee .dark {
    background-color: var(--color-white);
}

/* Pricetable */
.theme-style--light .wptb-pricetable-one .wptb-list1 .wptb--item .wptb-item--text {
    color: var(--color-white);
}
.theme-style--light .wptb-package-switcher .toggler {
    color: var(--color-black);
}
.theme-style--light .wptb-package-switcher .toggle {
    background-color: #F5F5F5;
    border-color: var(--color-light-gray-two);
}
.theme-style--light .wptb-package-switcher .check:checked ~ .switch {
    background-color: var(--color-black);
}


/* Testimonial */
.theme-style--light .wptb-testimonial1 .wptb-item--inner .wptb-item--description {
    color: var(--color-white);
}
/* Testimonial Light */
.theme-style--light .wptb-testimonial1.style2 .wptb-item--inner {
    background-color: var(--color-white);
    border-top: 8px solid rgba(var(--color-black-rgb),.3);
}
.theme-style--light .wptb-testimonial1.style2 .wptb-item--inner .wptb-item--description {
    color: var(--color-muted);
}
.theme-style--light .wptb-testimonial1.style2 .wptb-item--inner .wptb-item--title {
    color: var(--color-black);
}
.theme-style--light .wptb-testimonial1.style2 .wptb-item--inner .wptb-item--designation {
    color: var(--color-muted);
}


/* Blog Grid 1 */
.theme-style--light .wptb-blog-grid1 .wptb-item--inner .wptb-item--holder,
.theme-style--light .wptb-blog-grid1 .wptb-item--inner .wptb-item--meta,
.theme-style--light .wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a,
.theme-style--light .wptb-blog-grid2 .wptb-item--inner .wptb-item--holder,
.theme-style--light .wptb-blog-grid2 .wptb-item--inner .wptb-item--meta,
.theme-style--light .wptb-blog-grid2 .wptb-item--inner .wptb-item--comments a,
.theme-style--light .blog-details .post-footer {
    border-color: var(--color-light-gray-two);
}
.theme-style--light .wptb-blog-grid1 .wptb-item--inner .wptb-item--title a:not(:hover) {
    color: var(--color-black);
}
.theme-style--light .wptb-blog-grid1 .wptb-item--inner .wptb-item--author a,
.theme-style--light .wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a {
    color: var(--color-muted);
}

.theme-style--light .wptb-blog-grid2 .wptb-item--inner .wptb-item--title a:not(:hover) {
    color: var(--color-black);
}
.theme-style--light .wptb-blog-grid2 .wptb-item--inner .wptb-item--share a {
    color: var(--color-three);
}
.theme-style--light .sidebar_author .author_social ul li a:not(:hover) {
    background-color: var(--color-light-gray);
    color: var(--color-black);
}
.theme-style--light .blog-details .wptb-item--meta .wptb-item a:not(:hover) span,
.theme-style--light .comments-area ul.comment-list .commenter-block .comment-content .comment-author-name,
.theme-style--light .comments-area ul.comment-list .commenter-block .comment-content .comment-reply .comment-reply-link:not(:hover) {
    color: var(--color-black);
}
.theme-style--light .blog-details .post-share ul.share-list li a:not(:hover) {
    background-color: rgba(var(--color-light-gray-rgb), 0.3);
    color: var(--color-black);
}

/* Form */
.theme-style--light textarea, 
.theme-style--light .form-control,
.theme-style--light .nice-select {
    background-color: #ffffff;
    border-color: #00000085;
    color: var(--color-black);
    border-radius: 10px !important;
}
.theme-style--light textarea:focus, 
.theme-style--light .form-control:focus {
    background-color: rgba(var(--color-white-rgb), 0.70);
    border-color: var(--color-light-gray-two);
}
.theme-style--light .footer-widget .form-control,
.theme-style--light .credential-form .form-control {
    background-color: rgba(var(--color-dark-black-rgb), 0.30);
    border-color: var(--color-dark-black);
}
/* Portfolio */
.theme-style--light .portfolio-filters-content .filters-button-group .button:not(.is-checked) {
    color: var(--color-black);
}
.theme-style--light .wptb-partner--image1:hover img:nth-child(1) {
    filter: brightness(0.2);
}
.theme-style--light .wptb-partner--image2 {
    border:none;
}

/* Widget */
.theme-style--light .widget-title,
.theme-style--light .products-list .product_title a:not(:hover) {
    color: var(--color-black);
}
.theme-style--light .footer .widget-title {
    color: var(--color-white);
}
.theme-style--light .widget {
    border-color: var(--color-light-gray-two);
}
.theme-style--light .widget .widget-title::after {
    background-color: var(--color-light-gray-two);
}
.theme-style--light .wptb-office .wptb-item--inner .wptb-item--title a:not(:hover) {
    color: var(--color-black);
}

/* Product List */
.theme-style--light .products-list .popular_product_image {
    background: rgba(var(--color-light-gray-rgb), 0.30);
    border-color: var(--color-light-gray-two);
}

/* .theme-style--light .aside_info_wrapper .aside_info_inner, */
.theme-style--light .aside_info_wrapper .wptb-office .wptb-item--inner .wptb-item--title a:not(:hover) {
    color: var(--color-white);
}


.theme-style--light .wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item,
.theme-style--light .wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item.active .wptb-item-title,
.theme-style--light .wptb-accordion1 .wptb--item,
.theme-style--light .wptb-image-box2 .wptb-item--inner {
    border-color: var(--color-light-gray-two);
    background: #dddddd;
}

/* Pagination */
.theme-style--light .pagination li .page-number:not(.current, :hover) {
    background-color: var(--color-light-gray-two);
    color: var(--color-black);
}

/* ---- */
.theme-style--light .wptb-team-grid3 .wptb-item--inner .wptb-item--social a {
    background-color: var(--color-one);
}
.theme-style--light .wptb-team-grid3 .wptb-item--inner .wptb-item--social a:hover {
    background-color: var(--color-dark);
}
.theme-style--light .wptb-team-ci-wrap a {
    color: var(--color-black);
}
.theme-style--light .wptb-progressbar .wptb-progress--label,
.theme-style--light .wptb-progressbar.style2 .wptb-progress--value {
    color: var(--color-dark-black-two);
}
.theme-style--light .blog-details ul.point-order li {
    color: var(--color-dark-black-two);
}
.theme-style--light .blog-details .process-step .serial {
    background-color: var(--color-one);
    color: var(--color-white);
}

.theme-style--light .wptb-project-info1 {
    background-color: var(--color-white);
}
.theme-style--light .wptb-project-info1 .wptb-item--footer {
    background-color: var(--color-light-gray);
}
.theme-style--light .wptb-project-info1,
.theme-style--light .wptb-project-info1 .wptb--item {
    border-color: var(--color-light-gray-two);
}
.theme-style--light .wptb-project-info1 .wptb-item--footer .wptb-footer--item + .wptb-footer--item {
    border-color: rgba(var(--color-dark-black-rgb), 0.3);
}
.theme-style--light .wptb-page-links {
    border-color: var(--color-light-gray-two);
}
.theme-style--light .wptb-page-links .wptb-pge-link--item a {
    color: var(--color-dark-black-two);
}

/* Shop */
.theme-style--light .shop_filtering_method .view_type_wrapper .view_type a:not(.active) {
    color: var(--color-muted);
}
.theme-style--light .shop_filtering_method .sorting_select .nice-select,
.theme-style--light .place_order ul li,
.theme-style--light .place_order .paymentmethod label.radio_circle:not(:last-child) {
    border-color: var(--color-light-gray-two);
}
.theme-style--light .product_thumb .product_imagebox,
.theme-style--light .product_left .product_zoom .product_zoom_container .product_zoom_info,
.theme-style--light .product_left .product_zoom .product_zoom_button_group li a ,
.theme-style--light .product_right .product_view_bottom .product_quantity .product_quantity_inner,
.theme-style--light .cart_table .cart_content .cart_quantity .product_quantity_inner,
.theme-style--light .product_right .product_view_bottom .wish_button a, 
.theme-style--light .product_right .product_view_bottom .compare_button a,
.theme-style--light .cart_table .cart_content .cart_image img,
.theme-style--light .grand_total {
    background: rgba(var(--color-light-gray-rgb), 0.30);
    border-color: var(--color-light-gray-two);
}
.theme-style--light .product_view_list .product_thumb {
    background: rgba(var(--color-light-gray-rgb), 0.30);
}
.theme-style--light .product_thumb .product_item_price,
.theme-style--light .product_thumb .label_text .product_item_name a:not(:hover),
.theme-style--light .product_right .product_social_share ul li {
    color: var(--color-black);
}
.theme-style--light .product_details_tab .nav li a:not(.active, :hover),
.theme-style--light .product_right .product_view_bottom_credential ul li span,
.theme-style--light .product_right .product_view_bottom_credential ul li.tags a:hover,
.theme-style--light .product_right .product_view_bottom .product_quantity .product_quantity_inner input,
.theme-style--light .cart_table .cart_content .cart_quantity .product_quantity_inner input,
.theme-style--light .review_sec .review_title,
.theme-style--light .review_sec .review_title a,
.theme-style--light .product_details_tab .product_additional_info ul li span,
.theme-style--light .cart_table .cart_content .cart_title, 
.theme-style--light .cart_table .cart_content .cart_price, 
.theme-style--light .cart_table .cart_content .cart_quantity,
.theme-style--light .cart_table .cart_header th,
.theme-style--light .place_order ul li.totalvalue {
    color: var(--color-black);
}
.theme-style--light .product_right .product_social_share ul li a {
    background-color: var(--color-one);
}
.theme-style--light .cart_table .cart_content .cart_removal a {
    background-color: var(--color-light-gray);
    color: var(--color-black);
}
.theme-style--light .shopping_cart .btn-three.white {
    background-color: var(--color-black);
    color: var(--color-white);
}
.theme-style--light .grand_total ul li.totalvalue .value {
    color: var(--color-one);
}
.theme-style--light .shipping_form .have_coupon .form-group label {
    color: var(--color-white);
}



/* Shop Sidebar */
.theme-style--light .widget_search .wp-block-search .wp-block-search__input {
    background-color: rgba(var(--color-light-gray-rgb), 0.3);
    color: var(--color-black);
}
.theme-style--light .shop_sidebar ul.sidebar_category li a:not(:hover),
.theme-style--light ul.wp-block-categories li a:not(:hover),
.theme-style--light ul.wp-block-latest-posts li h5 a:not(:hover),
.theme-style--light .shop_sidebar .form-check label,
.theme-style--light .sidebar .form-check label {
    color: var(--color-black);
}
.theme-style--light .shop_sidebar .form-check .form-check-input,
.theme-style--light .sidebar .form-check .form-check-input {
    border-color: var(--color-muted);
}
  
.theme-style--light .shop_sidebar .form-check .form-check-input:checked,
.theme-style--light .sidebar .form-check .form-check-input:checked  {
    background-color: var(--color-muted);
}
.theme-style--light .shop_sidebar .sidebar_price_filter .range-bar {
    background-color: var(--color-light-gray);
}
.theme-style--light .shop_sidebar .sidebar_price_filter .range-bar .ui-slider-handle,
.theme-style--light .shop_sidebar .sidebar_price_filter .range-bar .ui-slider-range {
    background-color: var(--color-muted);
}
.theme-style--light .wp-block-tag a:hover {
    color: var(--color-one);
}

.theme-style--light #mode_switcher span {
    background-color: var(--color-one);
    border-color: var(--color-light-gray-two);
}

/* Footer */
.theme-style--light .footer .footer-nav li a:not(:hover),
.theme-style--light .footer .footer-bottom .footer-bottom-inner,
.theme-style--light .footer .footer-nav-bottom ul li a:not(:hover),
.theme-style--light .wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three:not(:hover) {
    color: #fff;
}
/*portfolio*/
.grid {
  overflow: hidden;
}

.grid-item {
  position: relative;
  overflow: hidden;
  transition: none;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* -------- grid ---------- */
.grid-item.width-20 {
  width: 20%;
}

.grid-item.width-25 {
  width: 25%;
}

.grid-item.width-30 {
  width: 30%;
}

.grid-item.width-35 {
  width: 35%;
}

.grid-item.width-40 {
  width: 40%;
}

.grid-item.width-50 {
  width: 50%;
}

.grid-item.width-60 {
  width: 60%;
}

.grid-item.width-66 {
  width: 66.66%;
}

.grid-item.width-70 {
  width: 70%;
}

.grid-item.width-75 {
  width: 75%;
}

.grid-item.width-80 {
  width: 78%;
}

.grid-item.width-100 {
  width: 100%;
}

/* -------- grid ---------- */
.grid-1 .grid-item, .grid-1 .grid-sizer {
  width: 100%;
}

.grid-2 .grid-item, .grid-2 .grid-sizer {
  width: 50%;
}

.grid-3 .grid-item, .grid-3 .grid-sizer {
  width: 33.33%;
}

.grid-4 .grid-item, .grid-4 .grid-sizer {
  width: 25%;
}

.grid-5 .grid-item, .grid-5 .grid-sizer {
  width: 20%;
}

.grid-2 .grid-sizer.small {
  width: 1%;
}

.grid-3 .grid-sizer.small {
  width: 1%;
}

.grid-4 .grid-sizer.small {
  width: 1%;
}

@media screen and (max-width: 991px) {
  .grid-4 .grid-item, .grid-4 .grid-sizer,
  .grid-5 .grid-item, .grid-5 .grid-sizer {
    width: 33.33%;
  }
  .grid-item.width-20,
  .grid-item.width-25,
  .grid-item.width-30,
  .grid-item.width-35,
  .grid-item.width-40,
  .grid-item.width-50,
  .grid-item.width-60,
  .grid-item.width-66,
  .grid-item.width-70,
  .grid-item.width-75,
  .grid-item.width-80 {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .grid-3 .grid-item, .grid-3 .grid-sizer,
  .grid-4 .grid-item, .grid-4 .grid-sizer,
  .grid-5 .grid-item, .grid-5 .grid-sizer {
    width: 50%;
  }
  .grid-item.width-20,
  .grid-item.width-25,
  .grid-item.width-30,
  .grid-item.width-35,
  .grid-item.width-40,
  .grid-item.width-50,
  .grid-item.width-60,
  .grid-item.width-66,
  .grid-item.width-70,
  .grid-item.width-75,
  .grid-item.width-80 {
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
  .grid-2 .grid-item, .grid-2 .grid-sizer,
  .grid-3 .grid-item, .grid-3 .grid-sizer,
  .grid-4 .grid-item, .grid-4 .grid-sizer,
  .grid-5 .grid-item, .grid-5 .grid-sizer {
    width: 100%;
  }
  .grid-item.width-20,
  .grid-item.width-25,
  .grid-item.width-30,
  .grid-item.width-35,
  .grid-item.width-40,
  .grid-item.width-50,
  .grid-item.width-60,
  .grid-item.width-66,
  .grid-item.width-70,
  .grid-item.width-75,
  .grid-item.width-80 {
    width: 100%;
  }
.swiper-button-next
{
    right: 30% !important;
    left: auto !important;
}

.swiper-button-prev
{
    left: 30% !important;
    right: auto !important;
}

}

.gutter-0 {
  margin: 0 0;
}

.gutter-0 .grid-item {
  padding: 0;
}

.gutter-5 {
  margin: 0 -0.3125rem;
}

.gutter-5 .grid-item {
  padding: 0.3125rem;
}

.gutter-10 {
  margin: 0 -0.625rem;
}

.gutter-10 .grid-item {
  padding: 0.625rem;
}

.gutter-15 {
  margin: 0 -0.9375rem;
}

.gutter-15 .grid-item {
  padding: 0.9375rem;
}

.gutter-20 {
  margin: 0 -1.25rem;
}

.gutter-20 .grid-item {
  padding: 1.25rem;
}

.gutter-25 {
  margin: 0 calc(-4.375rem - 0.32143vw);
}

@media (min-width: 1400px) {
  .gutter-25 {
    margin: 0 -1.5625rem;
  }
}

.gutter-25 .grid-item {
  padding: calc(1.28125rem + 0.32143vw);
}

@media (min-width: 1400px) {
  .gutter-25 .grid-item {
    padding: 1.5625rem;
  }
}

.gutter-30 {
  margin: 0 calc(-4.375rem - 0.64286vw);
}

@media (min-width: 1400px) {
  .gutter-30 {
    margin: 0 -1.875rem;
  }
}

.gutter-30 .grid-item {
  padding: calc(1.3125rem + 0.64286vw);
}

@media (min-width: 1400px) {
  .gutter-30 .grid-item {
    padding: 1.875rem;
  }
}

.gutter-35 {
  margin: 0 calc(-4.375rem - 0.96429vw);
}

@media (min-width: 1400px) {
  .gutter-35 {
    margin: 0 -2.1875rem;
  }
}

.gutter-35 .grid-item {
  padding: calc(1.34375rem + 0.96429vw);
}

@media (min-width: 1400px) {
  .gutter-35 .grid-item {
    padding: 2.1875rem;
  }
}

.gutter-40 {
  margin: 0 calc(-4.375rem - 1.28571vw);
}

@media (min-width: 1400px) {
  .gutter-40 {
    margin: 0 -2.5rem;
  }
}

.gutter-40 .grid-item {
  padding: calc(1.375rem + 1.28571vw);
}

@media (min-width: 1400px) {
  .gutter-40 .grid-item {
    padding: 2.5rem;
  }
}

.gutter-45 {
  margin: 0 calc(-4.375rem - 1.60714vw);
}

@media (min-width: 1400px) {
  .gutter-45 {
    margin: 0 -2.8125rem;
  }
}

.gutter-45 .grid-item {
  padding: calc(1.40625rem + 1.60714vw);
}

@media (min-width: 1400px) {
  .gutter-45 .grid-item {
    padding: 2.8125rem;
  }
}

.gutter-50 {
  margin: 0 calc(-4.375rem - 1.92857vw);
}

@media (min-width: 1400px) {
  .gutter-50 {
    margin: 0 -3.125rem;
  }
}

.gutter-50 .grid-item {
  padding: calc(1.4375rem + 1.92857vw);
}

@media (min-width: 1400px) {
  .gutter-50 .grid-item {
    padding: 3.125rem;
  }
}

.gutter-55 {
  margin: 0 calc(-4.375rem - 2.25vw);
}

@media (min-width: 1400px) {
  .gutter-55 {
    margin: 0 -3.4375rem;
  }
}

.gutter-55 .grid-item {
  padding: calc(1.46875rem + 2.25vw);
}

@media (min-width: 1400px) {
  .gutter-55 .grid-item {
    padding: 3.4375rem;
  }
}

.gutter-60 {
  margin: 0 calc(-4.375rem - 2.57143vw);
}

@media (min-width: 1400px) {
  .gutter-60 {
    margin: 0 -3.75rem;
  }
}

.gutter-60 .grid-item {
  padding: calc(1.5rem + 2.57143vw);
}

@media (min-width: 1400px) {
  .gutter-60 .grid-item {
    padding: 3.75rem;
  }
}

.gutter-70 {
  margin: 0 calc(-4.375rem - 3.21429vw);
}

@media (min-width: 1400px) {
  .gutter-70 {
    margin: 0 -4.375rem;
  }
}

.gutter-70 .grid-item {
  padding: calc(1.5625rem + 3.21429vw);
}

@media (min-width: 1400px) {
  .gutter-70 .grid-item {
    padding: 4.375rem;
  }
}

.gutter-80 {
  margin: 0 calc(-4.375rem - 3.85714vw);
}

@media (min-width: 1400px) {
  .gutter-80 {
    margin: 0 -5rem;
  }
}

.gutter-80 .grid-item {
  padding: calc(1.625rem + 3.85714vw);
}

@media (min-width: 1400px) {
  .gutter-80 .grid-item {
    padding: 5rem;
  }
}

.gutter-90 {
  margin: 0 calc(-4.375rem - 4.5vw);
}

@media (min-width: 1400px) {
  .gutter-90 {
    margin: 0 -5.625rem;
  }
}

.gutter-90 .grid-item {
  padding: calc(1.6875rem + 4.5vw);
}

@media (min-width: 1400px) {
  .gutter-90 .grid-item {
    padding: 5.625rem;
  }
}

.gutter-100 {
  margin: 0 calc(-4.375rem - 5.14286vw);
}

@media (min-width: 1400px) {
  .gutter-100 {
    margin: 0 -6.25rem;
  }
}

.gutter-100 .grid-item {
  padding: calc(1.75rem + 5.14286vw);
}

@media (min-width: 1400px) {
  .gutter-100 .grid-item {
    padding: 6.25rem;
  }
}



.grid-item.hidden {
  visibility: hidden;
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

/*-------- Filter Button ---------*/
.portfolio-filters-content {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  z-index: 1;
}

.portfolio-filters-content .filters-button-group {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}

.portfolio-filters-content .filters-button-group .button {
  position: relative;
  background: transparent;
  border: 0px;
  color: var(--color-white);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.333px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
  padding: 1rem 1.25rem 1rem 1.25rem;
  margin-bottom: -2px;
  cursor: pointer;
  outline: none;
  transition: var(--transition-base);
  margin:10px 10px;
}
.portfolio-filters-content .filters-button-group .button::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-width: 8px;
  border-style: solid;
  border-color: var(--color-one) transparent transparent transparent;
  opacity: 0;
  transition: var(--transition-base);
}

.portfolio-filters-content .filters-button-group .button.is-checked,
.portfolio-filters-content .filters-button-group .button:hover {
  color: var(--color-one);
  outline: none;
  border-color: var(--color-one);
}
.portfolio-filters-content .filters-button-group .button.is-checked::after {
  opacity: 1;
}

.portfolio-filters-content .filters-button-group .button .filter-count {
  position: absolute;
  top: 0rem;
  right: 0.5rem;
  font-size: 0.75rem;
  color: var(--color-white);
  transition: var(--transition-base);
}

.portfolio-filters-content .filters-button-group .button .filter-count {
  opacity: 0;
  visibility: hidden;
}

.portfolio-filters-content .filters-button-group .button:first-child.is-checked .filter-count {
  opacity: 0;
  visibility: hidden;
}

.portfolio-filters-content .filters-button-group .button.is-checked .filter-count {
  opacity: 1;
  visibility: visible;
}


/*-------- Grid Gallery ---------*/
.grid-item img.item_image{
    width: 100%;
    transition: all 0.5s ease;
}
.grid-item .wptb-item--inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.grid-item .wptb-item--holder{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-one-rgb), 0.8);
}

.grid-item .wptb-item--meta{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 30px 30px;
    text-align: center;
}

.grid-item .wptb-item--meta h3 {
    position: relative;
    padding-top: 10px;
    letter-spacing: 0px;
    color: var(--color-one);
    margin-bottom: 5px;
}

.grid-item .wptb-item--meta h3 a {
    color: var(--color-white);
}

.grid-item .wptb-item--meta p {
    color: var(--color-white); 
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.grid-item .wptb-item--holder .wptb-item--divider {
    display: flex;
    width: 120px;
    height: 1px;
    background-color: var(--color-white);
    margin: 10px auto 15px;
}
/*heading*/
/*--------------------------------------------------------------
Ready Components Stylesheet
-----------------------------------------------------------------*/
/* Section Heading */
.wptb-heading {
    position: relative;
}
.wptb-heading .wptb-item--subtitle {
    color: var(--color-one);
    font-family: var(--font-family-base);
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
    line-height: var(--fs-24);
    text-transform: uppercase;
    transition: var(--transition-base);
}

.wptb-heading .wptb-item--subtitle svg {
    margin-right: 7px;
}
.wptb-heading .wptb-item--subtitle svg path {
    fill: var(--color-one);
}

.wptb-heading .wptb-item--title {
    position: relative;
    z-index: 1;
    color: var(--color-white);
    font-size: var(--fs-48);
    font-weight: var(--fw-semibold);
    line-height: var(--fs-56);
    letter-spacing: -1.06px;
    margin-top: 10px;
    margin-bottom: 15px;
    transition: var(--transition-base);
}

.wptb-heading .wptb-item--title span {
    color: var(--color-one);
    transition: var(--transition-base);
}

.wptb-heading .wptb-item--description {
    color: #212529;
    font-size: var(--fs-16);
    font-weight: var(--fw-medium);
    line-height: var(--fs-28);
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    transition: var(--transition-base);
}
.wptb-heading .wptb-item--description span {
    color: var(--color-one);
}
.wptb-heading .wptb-item--description + .wptb-item--description {
    margin-top: 20px;
}



.wptb-heading .wptb-item--divider {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
    margin-top: 20px;
    margin-bottom: 35px;
}
.wptb-heading .wptb-item--inner.text-center .wptb-item--divider {
    margin: 20px auto 35px;
}
.wptb-heading .wptb-item--divider::before {
    content: '';
    position: absolute;
    left: calc(100% + 6px);
    top: 0;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
}
.wptb-heading .wptb-item--inner.text-center .wptb-item--divider::before {
    left: auto;
    right: calc(100% + 6px);
}
.wptb-heading .wptb-item--divider::after {
    content: '';
    position: absolute;
    left: calc(100% + 36px);
    top: 0;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
}
.wptb-heading .wptb-item--inner.text-center .wptb-item--divider::after {
    left: calc(100% + 6px);
}

/* Divider Light */
.wptb-heading .wptb-item--divider.white {
    background-color: var(--color-white);
}
.wptb-heading .wptb-item--divider.white::before {
    background-color: var(--color-white);
}
.wptb-heading .wptb-item--divider.white::after {
    background-color: var(--color-white);
}

@media screen and (max-width: 1199.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-48);
        line-height: 1.3em;
    }
}

@media screen and (max-width: 767.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-40);
    }

}

@media screen and (max-width: 575.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-30);
    }
}


/* Page Heading */
.wptb-page-heading {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.wptb-page-heading .wptb-item--inner {
    position: relative;
    padding: 140px 0px 90px 0px;
    text-align: center;
}

.wptb-page-heading .wptb-item--title {
    color: var(--color-white);
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 0px;
}

.wptb-breadcrumb {
    color: var(--color-white);
    font-family: var(--font-family-base);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    width: 100%;
    margin: 25px 0 0;
    padding: 0px;
    list-style: none;
    text-transform: uppercase;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.wptb-breadcrumb li a {
    position: relative;
    color: inherit;
    margin-right: 18px;
    padding-right: 8px;
}
.wptb-breadcrumb li a:hover,
.wptb-breadcrumb li span {
    color: var(--color-one);
}

.wptb-breadcrumb li a:after {
    content: "\F309";
    font-family: 'bootstrap-icons';
    color: inherit;
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
}



/* Swiper Customize */
.swiper-container {
    position: relative;
    overflow: hidden;
}
.wptb-swiper-dots {
    position: relative;
    margin-top: 40px !important;
    width: auto;
    height: 40px;
    display: block;
    z-index: 1;
}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    top: 0;
    bottom: auto;
    margin-top: 0px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background-color: #d70006;
    margin: 0 14px;
    cursor: pointer;
    transition: var(--transition-base);
    position: relative;
    opacity: 1;
    font-family: var(--font-family-heading);
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 30px;
    transition: var(--transition-base);
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active , 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(var(--color-white-rgb), 0.2);
}


/* Layer Style */

.wptb-item-layer {
    position: absolute;
    z-index: -1;
}
.wptb-item-layer-one{
    left: -2%;
    top: -10%;
}
.wptb-item-layer-two{
    left: -40%;
    top: 0%;
}

.wptb-item-layer-three{
    right: 0px;
    bottom: 0px;
    transform: scaleY(1.3);
    -webkit-transition: all 6s ease;
    -moz-transition: all 6s ease;
    -ms-transition: all 6s ease;
    -o-transition: all 6s ease;
    transition: all 6s ease;
}
.wptb-item-layer-four {
    opacity: 0.3;
    top: 150px;
}

/* Main Slider */
.wptb-slider {
    position:relative;
}
.wptb-slider .wptb-slider--item {
    position:relative;
    padding: 30px 0px 200px 0px;
    overflow: hidden;
}

.wptb-slider .wptb-slider--item .container {
    position: relative;
    z-index: 2;
}

.wptb-slider .wptb-slider--image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 4s linear;
    -moz-transition: all 4s linear;
    -ms-transition: all 4s linear;
    -o-transition: all 4s linear;
    transition: all 4s linear;
}
.wptb-slider .swiper-slide .wptb-slider--image {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.wptb-slider .swiper-slide-active .wptb-slider--image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.wptb-slider .wptb-heading {
    margin-bottom: 0px;
}
.wptb-slider .wptb-heading .wptb-item--subtitle {
    color: var(--color-white);
    font-family: var(--font-family-base);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    display: inline-block;
    margin-bottom: 23px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.wptb-slider .swiper-slide .wptb-heading .wptb-item--subtitle {
    opacity: 0;
    transform-origin: top;
    transform: translateX(200px);
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--subtitle{
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.wptb-slider .wptb-heading .wptb-item--title {
    color: var(--color-white);
    font-size: 70px;
    font-weight: 600;
    line-height: 70px;
    margin-bottom: 50px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.wptb-slider .swiper-slide .wptb-item--title {
    opacity: 0;
    transform-origin: top;
    transform: translateX(200px);
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--title{
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}

.wptb-slider .wptb-heading .wptb-item--title .active {
    color: var(--color-one);
}

.wptb-slider .wptb-heading .wptb-item--description {
    margin: 0px 0px 38px 0px;
    border-radius: 0px 0px 0px 0px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.wptb-slider .swiper-slide .wptb-item--description {
    opacity: 0;
    transform: translateX(200px);
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--description {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.wptb-slider .wptb-image-single .wptb-item--image {
    position: relative;
    -webkit-transition: all 1300ms ease;
    -moz-transition: all 1300ms ease;
    -ms-transition: all 1300ms ease;
    -o-transition: all 1300ms ease;
    transition: all 1300ms ease;
}
.wptb-slider .swiper-slide .wptb-image-single .wptb-item--image {
    opacity: 0;
    transform: scale(1.2);
}
.wptb-slider .swiper-slide-active .wptb-image-single .wptb-item--image {
    opacity: 1;
    transform: scale(1);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.wptb-slider .wptb-item--button {
    display:inline-block;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
}

.wptb-slider .swiper-slide .wptb-item--button {
    opacity:0;
    transform: translateX(200px);
    transform-origin: top;
}
.wptb-slider .swiper-slide-active .wptb-item--button {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition-delay: 1600ms;
    -moz-transition-delay: 1600ms;
    -ms-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
}
.wptb-slider .wptb-item--tag {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background-color: var(--color-one);
    font-family: var(--font-family-base);
    font-size: 23px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 25%;
    bottom: 15%;
}

/* Style Two */
.wptb-slider.style2 .wptb-slider--item {
    background-color: #141414;
}
.wptb-slider.style2 .wptb-slider--item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-image: url('../img/slider/layer-3.png');
    background-repeat: repeat;
    width: 84px;
    height: 100%;
}
.wptb-slider.style2 .wptb-heading .wptb-item--subtitle {
    font-family: var(--font-family-heading);
    color: var(--color-one);
    font-size: 70px;
    font-weight: 600;
    line-height: 70px;
    margin-bottom: 30px;
}

.wptb-slider.style2 .wptb-heading .wptb-item--title {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 20px;
}
.wptb-slider.style2 .wptb-image-single {
    padding-left: 70px;
}

.wptb-slider.style2 .swiper-pagination {
    counter-reset: numbers;
}
.wptb-slider.style2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.wptb-slider.style2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: transparent;
    border: 3px solid transparent;
    margin: 5px 0px;
}
.wptb-slider.style2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.wptb-slider.style2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--color-one);
}

.wptb-slider.style2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before, 
.wptb-slider.style2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
    background-color: var(--color-white);
    border-radius: 100%;
}
.wptb-slider.style2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before, 
.wptb-slider.style2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background-color: var(--color-one);
    opacity: 0;
    visibility: hidden;
}

.wptb-slider.style2 .swiper-pagination-bullet .number {
    opacity: 0;
    visibility: hidden;
}
.wptb-slider.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active .number {
    opacity: 1;
    visibility: visible;
    color: var(--color-one);
}
.wptb-slider.style2 .swiper-pagination-bullet::after {
    counter-increment: numbers;
    content: "0"counter(numbers);
    font-family: var(--font-family-base);
    font-size: 385px;
    font-weight: 700;
    color: rgba(39, 39, 39, 0.4);
    position: absolute;
    right: 100%;
    opacity: 0;
    visibility: hidden;
}
.wptb-slider.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

/* Style 3 */
.wptb-slider.style3 .wptb-slider--item {
/*    padding-top: 250px;*/
    overflow: visible;
}

.wptb-slider.style3 .wptb-slider--item .wptb-image-single {
    position: absolute;
    left: 0;
    right: 0;
}
.wptb-slider.style3 .wptb-slider--item .wptb-image-single .wptb-item--image {
    text-align: center;
}
.wptb-slider.style3 .wptb-slider--item .wptb-image-single img.car-light {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    bottom: 120px;
    animation: wptb_opacity infinite ease-in-out 2s;
}

@media screen and (min-width: 768px) {
    .wptb-slider.style3 .wptb-slider--item {
        padding-bottom: 250px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single {
        bottom: -200px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single img {
        height: 550px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single img.car-light {
        height: 200px;
    }
}

@media screen and (min-width: 1200px) {
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single {
        bottom: -320px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single img {
        height: 830px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single img.car-light {
        height: 390px;
    }
}

@media screen and (max-width: 767px) {
    .wptb-slider.style3 .wptb-slider--item {
        padding-bottom: 30px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single {
        bottom: -120px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single img {
        height: 300px;
    }
    .wptb-slider.style3 .wptb-slider--item .wptb-image-single img.car-light {
        height: 130px;
        bottom: 50px;
    }
    .mar-tp-100 {
    margin-top: 168px !important;
}
}
@media screen and (max-width: 1199px) {    
    .wptb-slider.style3 {
        padding-bottom: 0px;
    }
}

/* Style Light */
.wptb-slider.light .wptb-slider--item {
    background-color:  #F3F3F3;
}
.wptb-slider.light .wptb-slider--item::before {
    background-image: url('../img/slider/layer-4.png');
}
.wptb-slider.light .wptb-heading .wptb-item--title {
    color: var(--color-black);
}
.wptb-slider.light .wptb-heading .wptb-item--description {
    color: #4E4E4E;
}
.wptb-slider.light .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #D9D9D9;
}
.wptb-slider.light .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before, 
.wptb-slider.light .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
    background-color: #D9D9D9;
}
.wptb-slider.light .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after, 
.wptb-slider.light .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::after {
    color: rgba(209, 209, 209, 0.4);
}

/* Slider Pattern Layer */
.swiper-slide-active .wptb-item-layer-one {
    animation: sliderobject-move1 3s;
}
.swiper-slide-active .wptb-item-layer-two {
    animation: wptb-spin infinite 12s;
}
.swiper-slide-active .wptb-item-layer-three {
    transform: scaleY(1);
}


@keyframes sliderobject-move1 {
    0% {
        left: -30%;
        top: 10%;
    }
    100% {
        left: -2%;
        top: -10%;
    }
}

@keyframes sliderobject-move2 {
    0% {
        left: 50%;
        top: 15%;
    }
    100% {
        left: 43%;
        top: 10%;
    }
}

/* Slider Light Mode */
.wptb-slider.style-light .wptb-heading .wptb-item--subtitle,
.wptb-slider.style-light .wptb-heading .wptb-item--title,
.wptb-slider.style-light .wptb-heading .wptb-item--title .active,
.wptb-slider.style-light .wptb-heading .wptb-item--description {
    border-color: var(--color-white);
    color: var(--color-white);
}

.wptb-slider.style-light .btn {
    color: var(--color-one);
    background-color: var(--color-white);
}
.wptb-slider.style-light .btn:hover {
    color: var(--color-white);
}

.wptb-slider.style-light .swiper-pagination-bullet:before,
.wptb-slider.style-light .swiper-pagination-bullet-active:before{
    background-color: var(--color-white);
    border-color: var(--color-white);
}
.wptb-slider.style-light .swiper-pagination-bullet-active {
    border-color: var(--color-white);
}

@media screen and (min-width: 1400px) {
    .wptb-slider .wptb-swiper-dots {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 40px;
        width: 40px;
        height: 200px;
    }
    .wptb-slider .swiper-pagination {
        display: grid;
    }
}

@media screen and (max-width: 1399px) {
    .wptb-slider .wptb-heading .wptb-item--title {
        font-size: 54px;
        line-height: 1.2em;
    }

    .wptb-slider .swiper-pagination {
        top: calc(100% - 50px);
        margin-top: 0px;
    }
    .wptb-slider.style2 .swiper-pagination {
        top: calc(100% - 75px);
        margin-top: 0px;
    }
    .wptb-slider.style2 .swiper-pagination-bullet::after {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .wptb-slider .wptb-heading .wptb-item--title {
        font-size: 31px;
    }
}


/* Iconbox 1 */
.wptb-icon-box1 .wptb-item--inner {
   
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    transition: var(--transition-base);
    display: flex;
}

.wptb-icon-box1 .wptb-item--icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    background-color: var(--color-white);
    margin-right: 11px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -khtml-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -moz-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -ms-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -o-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    box-shadow: 0 10px 20px rgba(var(--color-one-rgb),.25);
    border-radius: 50%;
    transition: var(--transition-base);
}
.wptb-icon-box1:hover .wptb-item--icon span,
.wptb-icon-box1:hover .wptb-item--icon i,
.wptb-icon-box1:hover .wptb-item--icon svg {
    position: relative;
    transition: var(--transition-base);
    display: block;

}
.wptb-icon-box1:hover .wptb-item--icon svg {
    transform: rotateY(360deg);
    transform-origin: center;
}
.wptb-icon-box1 .wptb-item--title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625;
    margin: 0px 0px;
}

.wptb-icon-box1 .wptb-item--description {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0px;
}

/* Iconbox 2 */
.wptb-icon-box2 {
    display: inline-block;
 
    /*padding: 60px;*/
    margin-bottom: 30px;
    transition: var(--transition-base);
    height: 100%;
}
.wptb-icon-box2.active,
.wptb-icon-box2:hover {
    background-color: var(--color-one);
}
.wptb-icon-box2 .wptb-item--title {
    margin-top: 25px;
    margin-bottom: 15px;
    transition: var(--transition-base);
}
.wptb-icon-box2 .wptb-item--description {
    font-size: 16px;
    line-height: 26px;
    transition: var(--transition-base);
    color: #000;
}
.wptb-icon-box2.active .wptb-item--description,
.wptb-icon-box2:hover .wptb-item--description {
    color: var(--color-white);
}

.wptb-icon-box2 .wptb-item--icon svg path {
    fill: var(--color-one);
    transition: var(--transition-base);
}

.wptb-icon-box2.active .wptb-item--icon svg path,
.wptb-icon-box2:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}


/* Iconbox 2 - Style Two */
.wptb-icon-box2.style2 {
    background-color: transparent;
    padding: 0px;
}
.wptb-icon-box2.style2 + .wptb-icon-box2.style2 {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .wptb-icon-box2.style2 + .wptb-icon-box2.style2 {
        margin-top: 20px;
    }
}
/* Iconbox 2 - Style Three */
.wptb-icon-box2.style3 {
 
    border-bottom: 6px solid transparent;
    /*padding: 25px;*/
    margin: 10px;
}
.wptb-icon-box2.style3.active,
.wptb-icon-box2.style3:hover {
    background-color: var(--color-dark-black-two);
    border-color: var(--color-one);
}

/* Iconbox 3 */
.wptb-icon-box3 {
    margin-left: 36px;
    margin-bottom: 30px;
}
.wptb-icon-box3 .wptb-item--inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-color: var(--color-dark-black-two);
    padding: 45px 30px 45px 0px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0px 20px rgba(var(--color-one-rgb), 0.05);
    box-shadow: 0 0px 20px rgba(var(--color-one-rgb), 0.05);
}

.wptb-icon-box3 .wptb-item--icon {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    line-height: 72px;
    font-size: 20px;
    color: var(--color-white);
    background-color: var(--color-one);
    border-radius: 50%;
    margin-left: -36px;
    margin-right: 30px;
}
.wptb-icon-box3 .wptb-item--icon:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    background-color: rgba(var(--color-one-rgb), 0.3);
    z-index: -1;
}

.wptb-icon-box3 .wptb-item--title {
    margin: 0px 0px 10px 0px;
}

.wptb-icon-box3 .wptb-item--description {
    margin-bottom: 0px;
}

/* Iconbox 4 */
.wptb-icon-box4 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 278px;
}
.wptb-icon-box4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
   
    opacity: 0;
    transition: var(--transition-base);
}
.wptb-icon-box4:hover::before {
    opacity: 1;
}

.wptb-icon-box4 .wptb-item--inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 50px 60px;
    height: 100%;
}

.wptb-icon-box4 .wptb-item--icon {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    font-size: 34px;
    background-color: var(--color-white);
    color: var(--color-dark-black);
    border-radius: 100%;
}
.wptb-icon-box4 .wptb-item--icon svg path {
    fill: var(--color-white);
    transition: var(--transition-base);
}
.wptb-icon-box4:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}
.wptb-icon-box4 .wptb-item--title {
    color: var(--color-white);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
    letter-spacing: -0.24px;
    text-transform: none;
    margin: 0px 0px 10px 0px;
    text-align:left ;
}

.wptb-icon-box4 .wptb-item--description {
    margin-bottom: 0px;
}


.padding-rl-20
{
    padding: 0px 20px;
}
.wptb-item--holder img
{
    width: 100%;
}

@media screen and (max-width: 991px) {
    .wptb-icon-box4 .wptb-item--inner {
     /*   flex-wrap: wrap;*/
        justify-content: start;
        padding: 30px;
        display: flow
    }

.search-bar-tab iframe
{
    padding-top: 20px !important;
}

.contact-bar iframe
{
    padding-top: 20px !important;
}

}

/* Image Box 1 */
.wptb-image-box1 {
    margin-bottom: 30px;
}
.wptb-image-box1 .wptb-item--inner {
    position: relative;
    padding: 50px 25px 30px;
    background-color: var(--color-dark-black-two);
    border: 1px solid var(--color-dark-black-three);
    text-align: center;
}

.wptb-image-box1 .wptb-item--image {
    overflow: hidden;
}

.wptb-image-box1 .wptb-item--image img {
    width: 100%;
}

.wptb-image-box1 .wptb-item--image a {
    display: block;
}

.wptb-image-box1 .wptb-item--inner .wptb-item--holder {
    position: relative;
    width: 100%;
    transition: var(--transition-base);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--icon {
    width: 78px;
    height: 78px;
    line-height: 1;
    background-color: var(--color-one);
    border-radius: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-base);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-white);
    transition: var(--transition-base);
}

.wptb-image-box1.active .wptb-item--inner .wptb-item--icon,
.wptb-image-box1:hover .wptb-item--inner .wptb-item--icon {
    background-color: var(--color-white);
}
.wptb-image-box1.active .wptb-item--inner .wptb-item--icon svg path,
.wptb-image-box1:hover .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-one);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--title {
    font-size: 30px;
    margin-bottom: 50px;
    font-weight: var(--fw-semibold);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}

.swiper-slide-active .wptb-image-box1 .wptb-item--inner .wptb-item--title a,
.wptb-image-box1.active .wptb-item--inner .wptb-item--title a,
.wptb-image-box1 .wptb-item--inner .wptb-item--title a:hover {
    color: var(--color-one);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--description {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: var(--color-three);
    margin-bottom: 55px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    
}

.wptb-image-box1 .wptb-item--button .btn-three {
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    height: 52px;
    width: 100%;
    margin-top: 30px;
}


/* .wptb-image-box1 .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-image-box1 .wptb-item--button .text-second {
    font-size: 14px;
    margin-left: 10px;
    z-index: 1;
    transform: translateX(-10px);
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
} */


/* .wptb-image-box1 .wptb-item--button .text-second:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    transform: scale(0);
}


.wptb-image-box1 .wptb-item--button .btn i {
    font-size: 14px;
} */

/* Image Box 2 */
.wptb-image-box2 {
    position: relative;
    margin-bottom: 30px;
    
}
.wptb-image-box2 .wptb-item--inner {
    position: relative;
    border: 1px solid var(--color-dark-black);
    
}
.wptb-image-box2 .wptb-item--image {
    position: relative;
    overflow: hidden;
}

.wptb-image-box2 .wptb-item--image::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(var(--color-dark-rgb), 0.80) 17%, rgba(var(--color-black-rgb), 0.0) 100%);
    height: 100%;
    transition: var(--transition-base);
}
.swiper-slide-active .wptb-image-box2 .wptb-item--image::before,
.wptb-image-box2.active .wptb-item--image::before,
.wptb-image-box2:hover .wptb-item--image::before {
    height: 0%;
    opacity: 0;
}
.wptb-image-box2 .wptb-item--image::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(var(--color-one-rgb), 0.80) 7%, rgba(var(--color-one-rgb), 0.0) 90%);
    height: 0%;
    opacity: 0;
    transition: var(--transition-base);
}
.swiper-slide-active .wptb-image-box2 .wptb-item--image::after,
.wptb-image-box2.active .wptb-item--image::after,
.wptb-image-box2:hover .wptb-item--image::after {
    height: 100%;
    opacity: 1;
}

.wptb-image-box2 .wptb-item--image {
    width: 100%;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 30px 33px;
    width: 100%;
    bottom: 0;
    transition: var(--transition-base);
    position: absolute;
}


.wptb-image-box2 .wptb-item--inner .wptb-item--icon {
    text-align: left;
    margin-bottom: 20px;
    transition: var(--transition-base);
}
.wptb-image-box2 .wptb-item--inner .wptb-item--icon svg path {
    transition: var(--transition-base);
}
.wptb-image-box2:hover .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-white);
}

.wptb-image-box2 .wptb-item--inner .wptb-item--title {
    margin-bottom: 0px;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.2px;
    color: #fff;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}

.wptb-image-box2 .wptb-item--inner .wptb-item--description {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.634px;
    margin-bottom: 0px;
    color: var(--color-white);
    text-transform: uppercase;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button {
    transition: var(--transition-base);
 
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three {
    padding: 0;
    width: auto;
    min-width: auto;
    height: auto;
    background: transparent;
    color: var(--color-three);
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    overflow: visible;
}
.wptb-image-box2:hover .wptb-item--inner .wptb-item--button .btn-three {
    color: var(--color-white);
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three:before {
    display: none;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap {
    gap: 10px;
    overflow: visible;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-second {
    position: relative;
    top: auto;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-first {
    -webkit-transform: translateY(0%) translateX(20%);
    -ms-transform: translateY(0%) translateX(20%);
    transform: translateY(0%) translateX(20%);
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-second {
    -webkit-transform: translateY(0%) translateX(150%);
    -ms-transform: translateY(0%) translateX(150%);
    transform: translateY(0%) translateX(150%);
}


/* Image Box 3 */
.wptb-image-box3,
.wptb-image-box3 .wptb-item--inner {
    position: relative;
}
.wptb-image-box3 .wptb-item--image {
    position: relative;
    overflow: hidden;
}

.wptb-image-box3 .wptb-item--image::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(215, 0, 6, 0.80) 7.69%, rgba(0, 0, 0, 0.80) 90.21%);
    opacity: 0;
    height: 0;
    transition: var(--transition-base);
}
.swiper-slide-active .wptb-image-box3 .wptb-item--image::before,
.wptb-image-box3.active .wptb-item--image::before,
.wptb-image-box3:hover .wptb-item--image::before {
    opacity: 1;
    height: 100%;
}

.wptb-image-box3 .wptb-item--image {
    width: 100%;
}

.wptb-image-box3 .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 30px 33px;
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: var(--transition-base);
    opacity: 0;
}

.swiper-slide-active .wptb-image-box3 .wptb-item--inner .wptb-item--holder,
.wptb-image-box3.active .wptb-item--inner .wptb-item--holder,
.wptb-image-box3:hover .wptb-item--inner .wptb-item--holder {
    opacity: 1;
}


.wptb-image-box3 .wptb-item--inner .wptb-item--icon {
    text-align: left;
    margin-bottom: 30px;
    transition: var(--transition-base);
}

.wptb-image-box3 .wptb-item--inner .wptb-item--title {
    margin-bottom: 0px;
    letter-spacing: -0.36px;
}

.wptb-image-box3 .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}

.wptb-image-box3 .wptb-item--inner .wptb-item--description {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.634px;
    margin-bottom: 0px;
    color: var(--color-white);
    text-transform: uppercase;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button {
    position: absolute;
    top: 60px;
    left: 65px;
    opacity: 0;
    transition: var(--transition-base);
}

.swiper-slide-active .wptb-image-box3 .wptb-item--inner .wptb-item--button,
.wptb-image-box3.active .wptb-item--inner .wptb-item--button,
.wptb-image-box3:hover .wptb-item--button {
    opacity: 1;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three {
    padding: 0;
    width: auto;
    min-width: auto;
    height: auto;
    background: transparent;
    font-size: 49px;
    /* color: var(--color-white); */
    transform: rotate(-45deg);
    display: inline-block;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three:before {
    display: none;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-first {
    right: 0px;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-second {
    top: 0;
    right: 60px;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-first {
    right: -60px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-second {
    right: 0px;
    color: var(--color-one);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media screen and (max-width: 991px) {
    .wptb-image-box3 .wptb-item--inner .wptb-item--description {
        font-size: 18px;
        line-height: 1.5em;
    }

    .wptb-page-heading .wptb-item--title {
        line-height: 35px !important;
    }
}

/* List Item */
.wptb-list1 .wptb--item {
    display: flex;
    flex-wrap: nowrap;
}
.wptb-list1 .wptb--item  + .wptb--item {
    margin-top: 13px;
}
.wptb-list1 .wptb--item .wptb-item--icon {
    font-size: 24px;
    color: var(--color-one);
    margin-right: 10px;
}
.wptb-list1 .wptb--item .wptb-item--text {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    
}

/* Funfacts One */
.wptb-funfacts-one {
    position: relative;
    z-index: 2;
    background: url(../../covai-images/web-images/home/counter.jpg);
    width: 100%;
    background-size: cover;
    background-position: center;
}
.wptb-funfacts-one .wptb-funfacts--inner{
    position: relative;
    padding: 60px 0px 60px 0px;
    width: 100%;
/*    background-color: var(--color-one);*/
}

.wptb-funfacts-one.has-before-bg .wptb-funfacts--inner::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--color-one);
    z-index: -1;
}

/* Counter/ funfacts Common */
/*.wptb-counter1.style1 .wptb-item--inner {
    display: flex;
    gap: 28px;
}*/
.wptb-counter1.style1 .wptb-item--icon {
    flex-shrink: 0;
    background: rgba(var(--color-white-rgb), 0.20);
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wptb-counter1.style1 .wptb-item--value {
    font-family: var(--font-family-heading);
    font-size: 52px;
    line-height: 70px;
    font-weight: 600;
    color: var(--color-white);
    /*display: flex;
    align-items: center;
    gap: 10px;*/
}
.wptb-counter1.style1 .wptb-item--text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
.wptb-counter1 {
    padding: 80px 0px 60px 0px;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1199px) {

    .wptb-counter1.style1 .wptb-item--value {
        font-size: 50px;
        line-height: 50px;
    }

    .wptb-counter1.style1 .wptb-item--text {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    .wptb-funfacts-one .wptb-funfacts--inner {
        position: relative;
        padding: 40px 60px;
    }
    .wptb-counter1 {
        margin-bottom: 30px;
    }
    .wptb-counter1.style1 .wptb-item--inner {
        border-width: 0px;
    }
}

@media screen and (max-width: 575px) {
    .wptb-funfacts-one .wptb-funfacts--inner {
        padding: 30px 0px 0px 0px;

    }
    .wptb-counter1.style1 .wptb-item--inner {
        flex-direction: column;
    }

    .wptb-counter1.style1 .wptb-item--value {
        font-size: 36px;
        line-height: 40px;
    }
}

/* Avatar */
.avatar:not(img) {
    background-color: var(--color-one);
    color: var(--color-white);
}

.avatar-img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-initials {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    text-transform: uppercase;
}

.avatar-centered {
    display: flex;
    margin-right: auto;
    margin-left: auto;
}
.avatar-group {
    display: flex;
}

.avatar-group .avatar {
    width: 56px;
    height: 56px;
    border: 3px solid var(--color-white);
    transition: var(--transition-base);
}

.avatar-group .avatar a {
    color: var(--color-white);
    cursor: pointer;
}

.avatar-group .avatar:hover {
    z-index: 2;
}

.avatar-group .avatar .avatar-initials {
    font-size: 17px;
}

.avatar-group .avatar + .avatar {
    margin-left: -15px;
}

.wptb-client-review {
    max-width: 420px;
    border-radius: 20px;
    background-color: var(--color-light);
    padding: 50px 30px;
}

.wptb-client-review .wptb-item--inner .wptb-heading .wptb-item--subtitle {
    font-size: 15px;
    line-height: 22px;
    color: var(--color-one);
}
.wptb-client-review .wptb-item--inner .wptb-heading .wptb-item--title {
    font-size: 40px;
    line-height: 50px;
}
.wptb-client-review .wptb-item--inner .wptb-item--images {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 10px;
    flex-flow: row wrap;
}

.wptb-client-review .wptb-counter1 {
    flex-shrink: 0;
}
.wptb-client-review .wptb-counter1 .wptb-item--value {
    color: var(--color-dark-blue);
    font-family: var(--font-family-heading);
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -1.6px;
}

.wptb-client-review .wptb-item--inner .wptb--rating-label {
    color: var(--color-white);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.wptb-client-review .wptb-item--inner .wptb-item--star {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 4px;
}

.wptb-client-review .wptb-item--inner .wptb-item--star .item-star {
    position: relative;
    color: var(--color-one);
    display: inline-block;
    letter-spacing: 3.8px;
    font-size: 20px;
    margin: 0 auto 10px;
}

.wptb-client-review .wptb-item--inner .wptb-item--star .wptb--star-label {
    color: var(--color-dark-blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .wptb-client-review {
        max-width: 100%;
    }
}

/* Client Review Two */
.wptb-client-review2 .wptb-item--inner {
    padding: 23px 23px 28px;
    background-color: var(--color-white);
    border-radius: 20px;
    -webkit-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -khtml-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -moz-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -ms-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -o-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    box-shadow: 0 43px 72px rgba(0,0,0,7%);
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 237px;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--icon {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    z-index: 2;
    background-color: var(--color-white);;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--icon:before {
    background-color: rgba(var(--color-two-rgb),.3);
    content: "";
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--icon i {
    transform: rotate(45deg);
    color: var(--color-white);
    z-index: 1;
    line-height: 1;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625;
    color: var(--color-two);;
    padding-bottom: 13px;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta {
    position: relative;
    overflow: hidden;
    padding: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 100%;
    background-color: var(--color-white);
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -10px;
    right: -10px;
    height: 95px;
    width: 125%;
    background-color: inherit ;
    transform: rotate(-20deg);
    transform-origin: center;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta--inner {
    position: relative;
    overflow: hidden;
    width: 155px;
    height: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--color-dark-blue);
    border-radius: 100%;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--rating-label {
    color: var(--color-two);;
    text-align: center;
    font-family: PT Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625;
    z-index: 3;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--counter-number {
    color: var(--color-two);;
    text-align: center;
    
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.45455;
    z-index: 3;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images {
    display: flex;
    position: relative;
    margin-top: -41px;
    z-index: 2;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img {
    border: 2px solid var(--color-white);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: var(--color-light);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(1) {
    transform: translate(0);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(2) {
    transform: translateX(-50%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(3) {
    transform: translateX(-100%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(4) {
    transform: translateX(-150%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(5) {
    transform: translateX(-200%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img .wptb-icon--plus {
    font-size: 10px;
    color: var(--color-one);
    line-height: 1;
    height: 9px;
    width: 9px;
    position: relative;
    cursor: pointer;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--text {
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translateY(-50%);
    color: var(--color-two);
    
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 2;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--desc {
    z-index: 2;
    text-align: center;
    
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.71;
    margin-top: 13px;
}

/* Client Review Three */
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta {
    font-family: var(--font-family-heading);
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 276px;
    margin-left: 33px;
    display: flex;
    flex-direction: row;
    background: linear-gradient(90deg,#00c6ff 0%,#0072ff 100%);
    padding: 33px 23px 33px 35px;
}
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta::before {
    background-color: #00c6ff;
    content: "";
    clip-path: polygon(100% 100%,0 0,100% 0);
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    left: -31px;
}
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--rating-label {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
}
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--counter-number {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
}
/* Process */
.wptb-process {
    text-align: center;
    margin-bottom: 30px;
}

.wptb-process .wptb-item--image {
    width: 260px;
    height: 260px;
    background: var(--gradient-one);
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.wptb-process .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wptb-process .wptb-item--holder {
    position: relative;
    margin-top: -22px;
}

.wptb-process .wptb-item--icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 39px;
    border-radius: 100%;
    color: var(--color-one);
    background-color: var(--color-one);
    outline: 4px solid rgba(var(--color-one-rgb), .3);
    margin-bottom: 25px;
}
.wptb-process .wptb-item--icon span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--color-white);
    border-radius: 100%;
}
.wptb-process .wptb-item--title {
    margin-bottom: 15px;
}

.wptb-process .wptb-item--inner:hover .wptb-item--icon {
    animation: wptb_bounce 800ms ease-out infinite;
    -webkit-animation: wptb_bounce 800ms ease-out infinite
}


@media screen and (max-width:991px) {
    .wptb-process .wptb-item--inner {
        max-width: 100%
    }

    .wptb-process .wptb-item--image {
        width: 200px;
        height: 200px;
    }
}

/* FAQ/Accordion */
.wptb-accordion {
    position: relative;
    z-index: 1;
}
.wptb-accordion1 .wptb--item{
    border: 1px solid var(--color-light);
    border-radius: 20px;
}

.wptb-accordion1 .wptb--item + .wptb--item {
    border-top: 0px;
}

.wptb-accordion1 .wptb-item-title {
    position: relative;
    padding: 12px 30px;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: var(--transition-base);
    font-weight: 600;
    font-size: 18px;
}
.wptb-accordion1 .wptb-item-title > span {
    padding-right: 103px;
    display: flex
}
.wptb-accordion1 .wptb-item-title .wptb-item--number {
    color: #000;
    margin-right: 10px;
}

.wptb-accordion1 .wptb-item-title i {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    background: #d70006;
    padding: 12px;
    border-radius: 30px;
    color: #fff;
    line-height: 11px;
}


.wptb-accordion1 .wptb--item.active .wptb-item-title i {
    transform: translateY(-50%) rotateZ(180deg);
    background: #d70006;
    padding: 12px;
    border-radius: 30px;
    color: #fff;
    line-height: 11px;
}

.wptb-accordion1 .wptb--item .wptb-item--content {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding: 5px 35px 30px 35px;
    display: none;
}

.wptb-accordion1 .wptb--item.active .wptb-item--content {
    display: block;
}
@media screen and (max-width: 991px) {
    .wptb-accordion1 .wptb-item-title {
        padding: 10px 20px;
    }

    .wptb-accordion1 .wptb-item-title > span {
    padding-right: 63px;
    display: flex
}
}

/* FAQ/Accordion - Two*/
.wptb-accordion2 .wptb-item-title {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    padding: 27px 30px;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: var(--transition-base);
    border: 1px solid transparent;
}
.wptb-accordion2 .wptb-item-title span {
    padding-right: 60px;
}
.wptb-accordion2 .wptb--item + .wptb--item .wptb-item-title {
    border-top: 1px solid var(--color-light);
}
.wptb-accordion2 .wptb-item-title i {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    background-color: var(--color-light);
    color: var(--color-two);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
}
.wptb-accordion2 .wptb-item-title i.minus {
    opacity: 0;
}

.wptb-accordion2 .wptb--item.active .wptb-item-title {
    border: 1px solid var(--color-one);
}

.wptb-accordion2 .wptb--item.active .wptb-item-title i {
    transform: translateY(-50%) rotateZ(180deg);
    background-color: var(--color-one);
    color: var(--color-white);
}

.wptb-accordion2 .wptb--item.active .wptb-item-title i.plus {
    opacity: 0;
}
.wptb-accordion2 .wptb--item.active .wptb-item-title i.minus {
    opacity: 1;
}

.wptb-accordion2 .wptb--item .wptb-item--content {
    padding: 30px 35px;
    display: none;
}

.wptb-accordion2 .wptb--item.active .wptb-item--content {
    display: block;
}

@media screen and (max-width: 991px) {
    .wptb-accordion2 .wptb-item-title {
        font-size: 22px;
        line-height: 30px;
        padding: 15px 25px;
    }
}

/* Blog Grid 1 */
.wptb-blog-grid1 {
    margin-bottom: 30px;
}
.wptb-blog-grid1 .wptb-item--inner {
    position: relative;
    overflow: hidden;
}

.wptb-blog-grid1 .wptb-item--image a {
    display: block;
    height: 100%;
}

.wptb-blog-grid1 .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--holder {
    position: relative;
    width: 100%;
    transition: var(--transition-base);
    border: 1px solid var(--color-dark-black);
    border-top: 0px;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--color-dark-black);
    padding: 0px 30px;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--meta-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--author {
    color: var(--color-one);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--author a {
    color: var(--color-three);
    text-transform: uppercase;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a {
    color: var(--color-three);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 30px;
    margin-right: 30px;
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: var(--color-dark-black);
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a i {
    font-size: 30px;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--share {
    flex-shrink: 0;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--share a {
    font-size: 30px;
    color: var(--color-white);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--date {
    display: inline-block;
    font-family: var(--font-family-base);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.42px;
    color: var(--color-white);
    background-color: var(--color-one);
    padding: 7px 14px 7px 32px;
    clip-path: polygon(0% 0%, 10% 100%, 100% 100%, 100% 0%);
    position: absolute;
    top: -20px;
    z-index: 1;
    right: 45px;
    transform: rotateZ(-90deg);
    transform-origin: right;
}


.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon {
    width: 70px;
    height: 70px;
    background-color: var(--color-white);
    line-height: 1;
    border: 5px solid var(--color-white);
    position: absolute;
    right: 33px;
    top: 0;
    transform: translate(0,calc(-50% - 5px));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-base);
}

.swiper-slide-active .wptb-blog-grid1 .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid1.active .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid1:hover .wptb-item--inner .wptb-item--icon {
    background-color: var(--color-one);
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon i {
    font-size: 35px;
    color: var(--color-white);
    line-height: 1;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon svg {
    position: absolute;
    fill: var(--color-white);
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon svg:first-child {
    left: -13px;
    top: 26px;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon svg:last-child {
    right: -13px;
    top: 26px;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--title {
    padding: 30px 30px;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}

.swiper-slide-active .wptb-blog-grid1 .wptb-item--inner .wptb-item--title a,
.wptb-blog-grid1.active .wptb-item--inner .wptb-item--title a,
.wptb-blog-grid1 .wptb-item--inner .wptb-item--title a:hover {
    color: var(--color-one);
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}

.wptb-blog-grid1 .wptb-item--button .btn {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--color-dark-blue);
}

.swiper-slide-active .wptb-blog-grid1 .wptb-item--button .btn, 
.wptb-blog-grid1.active .wptb-item--button .btn,
.wptb-blog-grid1 .wptb-item--button .btn:hover {
    color: var(--color-one);
}

.wptb-blog-grid1 .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-blog-grid1 .wptb-item--button .text-second {
    font-size: 15px;
    margin-left: 10px;
    z-index: 1;
    transform: translateX(-10px);
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}


.wptb-blog-grid1 .wptb-item--button .text-second:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    transform: scale(0);
}

/* Blog Grid 2 */
.wptb-blog-grid2 {
    margin-bottom: 30px;
}
.wptb-blog-grid2 .wptb-item--inner {
    position: relative;
    min-height: auto;
    display: flex;
    overflow: hidden;
}
.wptb-blog-grid2 .wptb-item--image {
    position: relative;
    flex-shrink: 0;
}
.wptb-blog-grid2 .wptb-item--image a {
    display: block;
    height: 100%;
}

.wptb-blog-grid2 .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--holder {
    position: relative;
    width: 100%;
    transition: var(--transition-base);
    border: 1px solid var(--color-dark-black);
    border-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--meta {
    display: flex;
    justify-content: end;
    align-items: center;
    border-top: 1px solid var(--color-dark-black);
    padding: 0px 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--meta-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--author {
    color: var(--color-one);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--author a {
    color: var(--color-three);
    text-transform: uppercase;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--comments a {
    color: var(--color-three);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 30px;
    margin-right: 30px;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: var(--color-dark-black);
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--comments a i {
    font-size: 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--share {
    flex-shrink: 0;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--share a {
    font-size: 30px;
    color: var(--color-white);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--date {
    display: inline-block;
    font-family: var(--font-family-base);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.42px;
    color: var(--color-white);
    background-color: var(--color-one);
    padding: 7px 32px 7px 14px;
    clip-path: polygon(90% 0%, 0% 0%, 0% 100%, 100% 100%);
    position: absolute;
    top: -20px;
    z-index: 1;
    left: 45px;
    transform: rotateZ(90deg);
    transform-origin: left;
}


.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon {
    width: 70px;
    height: 70px;
    background-color: var(--color-white);
    line-height: 1;
    border: 5px solid var(--color-white);
    position: absolute;
    right: 33px;
    top: 0;
    transform: translate(0,calc(-50% - 5px));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-base);
}

.swiper-slide-active .wptb-blog-grid2 .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid2.active .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid2:hover .wptb-item--inner .wptb-item--icon {
    background-color: var(--color-one);
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon i {
    font-size: 35px;
    color: var(--color-white);
    line-height: 1;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon svg {
    position: absolute;
    fill: var(--color-white);
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon svg:first-child {
    left: -13px;
    top: 26px;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon svg:last-child {
    right: -13px;
    top: 26px;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--box {
    padding: 30px 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--category {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.96px; /* 114% */
    letter-spacing: 0.21px;
    text-transform: uppercase;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--title {
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}

.swiper-slide-active .wptb-blog-grid2 .wptb-item--inner .wptb-item--title a,
.wptb-blog-grid2.active .wptb-item--inner .wptb-item--title a,
.wptb-blog-grid2 .wptb-item--inner .wptb-item--title a:hover {
    color: var(--color-one);
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}

.wptb-blog-grid2 .wptb-item--button .btn {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--color-dark-blue);
}

.swiper-slide-active .wptb-blog-grid2 .wptb-item--button .btn, 
.wptb-blog-grid2.active .wptb-item--button .btn,
.wptb-blog-grid2 .wptb-item--button .btn:hover {
    color: var(--color-one);
}

.wptb-blog-grid2 .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-blog-grid2 .wptb-item--button .text-second {
    font-size: 15px;
    margin-left: 10px;
    z-index: 1;
    transform: translateX(-10px);
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}


.wptb-blog-grid2 .wptb-item--button .text-second:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    transform: scale(0);
}

@media screen and (max-width: 991px) {
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--author {
        font-size: 14px;
        line-height: 24px;
    }
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a i {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--meta {
        flex-wrap: wrap;
        padding: 10px 30px;
        gap: 10px;
    }
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a {
        padding-left: 0px;
        border-width: 0px;
    }
}

/* Packages 1 */
.wptb-packages1 {
    position: relative;
    margin-bottom: 30px;
}
.wptb-packages1 .wptb-item--inner {
    position: relative;
    height: 630px;
    overflow: hidden;
    padding: 75px 50px;
    background-image: url('../img/more/price-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.wptb-packages1 .wptb-item--inner:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    z-index: 0;
    background-color: var(--color-one);
    transition: var(--transition-base);
}
.wptb-packages1.active .wptb-item--inner:before,
.wptb-packages1:hover .wptb-item--inner:before {
    width: 100%;
}

.wptb-packages1 .wptb-item--tag {
    display: inline-block;
    color: var(--color-black);
    font-family: var(--font-family-base);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.42px;
    text-transform: uppercase;
    background-color: var(--color-white);
    padding: 7px 14px 7px 32px;
    clip-path: polygon(0% 0%, 10% 100%, 100% 100%, 100% 0%);
    position: absolute;
    top: -20px;
    z-index: 1;
    right: 45px;
    transform: rotateZ(-90deg);
    transform-origin: right;
}

.wptb-packages1 .wptb-item--holder {
    position: relative;
    z-index: 1;
    height: 100%;
}
.wptb-packages1 .wptb-item--inner .wptb-item--subtitle {
    color: var(--color-white);
    font-family: var(--font-family-base);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.wptb-packages1 .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 125% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0px;
}

.wptb-packages1 .wptb-item--inner .wptb-item--title sub {
    font-family: var(--font-family-base);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: lowercase;
    bottom: 0;
}

.wptb-packages1 .wptb-item--inner .wptb-item--description {
    color: var(--color-three);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 0px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.wptb-packages1 .wptb-item--inner .wptb-list1 {
    margin-top: 60px;
}
.wptb-packages1 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon {
    margin-right: 3px;
}
.wptb-packages1 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path {
    transition: var(--transition-base);
}
.wptb-packages1.active .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path,
.wptb-packages1:hover .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path {
    fill: var(--color-white);
}

.wptb-packages1 .wptb-item--inner .wptb-item--button {
    position: absolute;
    bottom: 0;
    left: 0;
}
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn-three,
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn-three {
    color: var(--color-one);
}
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-first,
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-first{
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-second,
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-second{
    top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn-three:before, 
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn-three::before {
    top: -40%;
}

/* Package Switcher */
.wptb-package-switcher {
    margin-bottom: 20px;
}
.wptb-package-switcher .toggle, .wptb-package-switcher .toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.wptb-package-switcher .toggler {
    color: var(--color-white);
    transition: .2s;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.wptb-package-switcher .toggle {
    position: relative;
    width: 98px;
    height: 47px;
    border-radius: 100px;
    background-color: #222022;
    border: 1px solid var(--color-dark-black-three);
    overflow: hidden;
}

.wptb-package-switcher .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}

.wptb-package-switcher .switch {
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 2px;
    right: 57.5%;
    width: 34px;
    height: 34px;
    background-color: var(--color-one);
    border-radius: 100%;
    z-index: 1;
    transition: var(--transition-base);
    display: block;
}

.wptb-package-switcher .check:checked ~ .switch {
    right: 5px;
    left: 57.5%;
    background-color: var(--color-white);
    transition: var(--transition-base);
}

/* .wptb-price-wrpper {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
    transform-origin: center;
    opacity: 0;
    visibility: hidden;
}
.wptb-price-wrpper.active {
    transform: rotateY(0deg);
    transform-origin: center;
    opacity: 1;
    visibility: visible;
} */


/* Testimonial */
.wptb-testimonial1 .wptb-item--inner {
    position: relative;
    display: flex;
    gap: 55px;
    padding: 60px 100px 60px 130px;
    width: 100%;
    background-color: var(--color-dark-black-two);
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--image {
    position: relative;
    border: 8px solid rgba(var(--color-white-rgb), 0.2);
    border-radius: 100%;
    width: 185px;
    height: 185px;
    flex-shrink: 0;
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    transition: var(--transition-base);
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--icon {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -30%);
    font-size: 25px;
    font-weight: 700;
    color: var(--color-one);
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-one);
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--holder {
    position: relative;
    transition: var(--transition-base);
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--designation {
    font-family: var(--font-family-base);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: var(--color-three);
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
    margin-bottom: 5px;
    font-family: var(--font-family-base);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.swiper-slide-active .wptb-testimonial1 .wptb-item--inner .wptb-item--title a,
.wptb-testimonial1.active .wptb-item--inner .wptb-item--title a,
.wptb-testimonial1:hover .wptb-item--inner .wptb-item--title a {
    color: var(--color-one);
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--description {
    font-family: var(--font-family-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.2px;
    margin-bottom: 45px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--meta-right {
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 6px;
    background-color: var(--color-one);
    flex-shrink: 0;
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--meta-rating {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--color-one);
    font-size: 22px;
    margin-bottom: 30px;
}

/* Testimonial one - Style 2 */
.wptb-testimonial1.style2 .wptb-item--inner {
    position: relative;
    padding: 60px 40px 60px 70px;
    border-top: 8px solid rgba(var(--color-white-rgb),.3);
}
.wptb-testimonial1.style2 .wptb-item--inner .wptb-item--description {
    color: var(--color-white);
    font-family: var(--font-family-base);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 141.667% */
    text-transform: capitalize;
    -webkit-line-clamp: 5;
}

.wptb-testimonial1.style3 .wptb-item--inner {
    padding: 60px 70px 60px 100px;
}
.wptb-testimonial1.style3 .wptb-item--inner .wptb-item--description {
    font-size: 18px;
}



@media screen and (max-width: 1199px) {
    .wptb-testimonial1 .wptb-item--inner {
        padding: 40px 60px;
    }
    .wptb-testimonial1 .wptb-item--inner .wptb-item--image {
        width: 140px;
        height: 140px;
        border-width: 6px;
    }
}

@media screen and (max-width: 991px) {
    .wptb-testimonial1.style3 .wptb-item--inner {
        padding: 50px 60px;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 600px) {
    .wptb-testimonial1 .wptb-item--inner {
        flex-direction: column;
    }
    .wptb-testimonial1 .wptb-item--inner .wptb-item--meta-rating {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .wptb-testimonial1 .wptb-item--inner .wptb-item--description {
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 30px;
    }
}

/* Testimonial Two */
.wptb-testimonial2 .wptb-item--inner {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
}

.wptb-testimonial2 .wptb-item--image {
    position: absolute;
    z-index: 1;
    left: 20px;
    bottom: 0;
}

.wptb-testimonial2 .wptb-item--image img {
    max-width: 500px;
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    font-size: 25px;
    font-weight: 700;
    color: var(--color-two);
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--holder {
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--color-one);
    width: 490px;
    padding: 70px;
    transition: var(--transition-base);
    z-index: 1;
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--designation {
    font-family: var(--font-family-base);
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0px;
    color: var(--color-white);
}
.wptb-testimonial2 .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
    margin-bottom: 5px;
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--description {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    line-height: 27px;
    color: var(--color-white);
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    
}
.wptb-testimonial2 .wptb-item--inner .wptb-item--meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.wptb-testimonial2 .wptb-item--inner .wptb-item--meta-right {
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 6px;
    background-color: var(--color-one);
    flex-shrink: 0;
}
.wptb-item--button.wptb-video-btn--two {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    z-index: 99;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.wptb-item--button.wptb-video-btn--two a {
    min-width: 87px;
    width: 87px;
    height: 87px;
    background-color: initial;
    color: var(--color-one);
    border-radius: 100%;
    font-size: 15px;
    border: none;
}
.wptb-item--button.wptb-video-btn--two a .text-second {
    display: inline-flex;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    font-size: 36px;
}
.wptb-item--button.wptb-video-btn--two a:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border-radius: 100%;
}

.wptb-item--button.wptb-video-btn--two a:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-light-rgb),.3);
    border-radius: 50%;
    animation: wptb_pulse_border 1500ms ease-out infinite;
    -webkit-animation: wptb_pulse_border 1500ms ease-out infinite;
    z-index: -2;
    border-radius: inherit;
}

/* Horizontal Progressbar */
.wptb-progressbar .progress {
    overflow: visible;
    border-radius: 0px;
    background-color: var(--color-muted);
}
.wptb-progressbar .progress-bar {
    position: relative;
    overflow: visible;
    border-radius: 0px;
    background-color: var(--color-one);
}
.wptb-progressbar .wptb-progress--label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 10px;
}
.wptb-progressbar .wptb-progress--value {
    font-family: var(--font-family-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    letter-spacing: -0.2px;
    color: var(--color-three);
    position: absolute;
    bottom: 100%;
    right: 0;
}

.wptb-progressbar.style2 .wptb-progress--value {
    font-family: var(--font-family-heading);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.36px;
    color: var(--color-three);
    position: relative;
    left: auto;
    bottom: auto;
}

/* Radial Progress */
.wptb-radial-progress {
    margin-bottom: 30px;
}
.wptb-radial-progress .wptb-item--inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    overflow: hidden;
}

.wptb-radial-progress .wptb-item--image {
    overflow: hidden;
    flex-shrink: 0;
}

svg.radial-progress {
    height:auto;
    max-width: 145px;
    padding:0;
    transform:rotate(-90deg);
    width:100%;
    background: transparent;
    border-radius: 50%;
}
.wptb-radial-progress .wptb-item--inner svg.radial-progress circle {
    fill: transparent;
    stroke: var(--color-muted);
    stroke-width: 4px;
}
.wptb-radial-progress .wptb-item--inner svg.radial-progress circle.bar--animated {
    stroke-dasharray: 219.91148575129;
    stroke: var(--color-one);
    stroke-dashoffset: 219.91148575129;
    stroke-width: 4px;
    stroke-linecap: round;
}
.wptb-radial-progress .wptb-item--inner svg.radial-progress text {
    fill: var(--color-white);
    text-anchor: middle;
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.24px;
}

.wptb-radial-progress .wptb-item--inner .wptb-item--holder {
    position: relative;
    transition: var(--transition-base);
}

.wptb-radial-progress .wptb-item--inner .wptb-item--title {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 15px;
    color: var(--color-white);
}

.wptb-radial-progress .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}


/* Background Video */
.wptb-video-player1 {
    position: relative;
    height: 100%;
    min-height: 500px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wptb-video-player1 .wptb-item--inner {
    position: relative;
    height: 100%;
}

.wptb-video-player1 .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 0px 0px;
    width: 100%;
    height: 100%;
}
.wptb-video-player1 .wptb-item--image img {
    width: 100%;
    min-height: 400px;
    height: 836px;
    object-fit: cover;
}
.wptb-video-player1 .wptb-item--inner .wptb-item--icon {
    width: 70px;
    height: 70px;
    background-color: var(--color-white);
    line-height: 1;
    border: 5px solid var(--color-white);
    position: absolute;
    right: 33px;
    top: 0;
    transform: translate(0,calc(-50% - 5px));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-base);
}

.swiper-slide-active .wptb-video-player1 .wptb-item--inner .wptb-item--icon,
.wptb-video-player1.active .wptb-item--inner .wptb-item--icon,
.wptb-video-player1:hover .wptb-item--inner .wptb-item--icon {
    background-color: var(--color-one);
}

.wptb-video-player1 .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}

.wptb-video-player1 .wptb-item--button {
    position: absolute;
    z-index: 1;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.wptb-video-player1 .wptb-item--button .btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    width: 160px;
    min-width: 160px;
    height: 160px;
    color: var(--color-white);
    background: var(--color-one);
    border-radius: 100%;
    padding: 0px;
    font-size: 20px;
    text-transform: capitalize;
    background-size: 200% auto;
    overflow: visible;
}


.wptb-video-player1 .wptb-item--button .btn .text-second {
    display: inline-flex;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}
.wptb-video-player1 .wptb-item--button .btn .line-video-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(var(--color-one-rgb), 0.3);
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    animation: wptb_squares 3.9s linear 0s infinite;
    -webkit-animation: wptb_squares 3.9s linear 0s infinite;
    -ms-animation: wptb_squares 3.9s linear 0s infinite;
    -o-animation: wptb_squares 3.9s linear 0s infinite;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

.wptb-video-player1 .wptb-item--button .btn .line-video-animation.line-video-2 {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.wptb-video-player1 .wptb-item--button .btn .line-video-animation.line-video-3 {
    -webkit-animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
    -o-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

/* Light Button */
.wptb-video-player1 .wptb-item--button .btn.light-btn {
    background-color: rgba(var(--color-white-rgb), 0.4);
}
.wptb-video-player1 .wptb-item--button .btn.light-btn .line-video-animation {
    border: 1px solid rgba(var(--color-white-rgb), 0.4);
}

/* Type 2 */
.wptb-video-player1.type2 {
    height: 700px;
}


/* Tabs */
.wptb-tab {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wptb-tab .wptb-item--inner {
    position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 90px;
}

.wptb-tab .wptb-item--inner .wptb-item--left {
    width: 535px;
}

.wptb-tab .wptb-item--inner .wptb-item--right {
    width: 420px;
}

.wptb-tab .wptb-item--inner .tab-pane {
    background-color: var(--color-white);
    padding: 70px 80px;
    box-shadow: 0px 0px 50px 0px rgba(149, 154, 181, 0.15);
}

.wptb-tab .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 0px 0px;
    width: 100%;
    list-style-type: none;
}
.wptb-tab .wptb-item--title .wptb-item--link {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    background-color: transparent;
    color: var(--color-two);
    font-family: var(--font-family-heading);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active {
    color: var(--color-one);
}

.wptb-tab .wptb-item--title .wptb-item--link i {
    font-size: 17px;
    font-weight: 500;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    border-radius: 4px;
    margin-right: 27px;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active i {
    background: var(--color-one);
    color: var(--color-white);
    border-color: transparent;
}

.wptb-tab.style-gradient .wptb-item--title .wptb-item--link.active i {
    background: var(--gradient-one);
}

.wptb-tab .wptb-item--title + .wptb-item--title {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid var(--color-light);
}

/* Tab Content */
.wptb-tab-content .wptb-tab-content--title {
    line-height: 36px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.wptb-tab-content .wptb-tab-content--description {
    font-size: 20px;
    line-height: 30px;
}

.wptb-tab-content .wptb-item--button {
    margin-top: 35px;
}

.wptb-tab-content .wptb-item--button .btn {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    width: auto;
    color: var(--color-white);
    background: var(--color-one);
    border-radius: 30px;
    padding: 19px 60px;
    text-align: center;
}
.wptb-tab.style-gradient .wptb-tab-content .wptb-item--button .btn {
    background: var(--gradient-one);
}

.wptb-tab-content .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-tab-content .wptb-item--button .text-second {
    background-color: var(--color-white);
    color: var(--color-one);
    font-size: 20px;
    margin-left: 0px;
    z-index: 1;
    transform: rotate(-45deg);
    transition: var(--transition-base);
}

.wptb-tab-content .wptb-item--button:hover .text-second {
    transform: rotate(0deg);
}

@media screen and (max-width: 991px) {
    .wptb-tab .wptb-item--inner .tab-pane {
        padding: 40px 40px;
    }
    .wptb-tab .wptb-item--title .wptb-item--link {
        font-size: 24px;
    }
    .impl_testi_shape {
    position: absolute;
    top: 0px;
    left: 80%;
}
}

@media screen and (max-width: 767px) {
    .wptb-tab .wptb-item--inner {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap: 30px;
    }
    .wptb-tab .wptb-item--inner .wptb-item--left,
    .wptb-tab .wptb-item--inner .wptb-item--right {
        width: 100%;
    }
    .wptb-tab .wptb-item--inner .wptb-item--holder {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        gap: 25px;
    }
    .wptb-tab .wptb-item--title + .wptb-item--title {
        margin-top: 0;
        padding-top: 0;
        border-width: 0px;
    }
    .wptb-tab .wptb-item--title .wptb-item--link {
        font-size: 20px;
    }
}


/* Team Grid 1*/
.wptb-team-grid1 .wptb-item--inner {
    position: relative;
    margin-bottom: 30px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner:hover::after {
    height: 100%;
}

.wptb-team-grid1 .wptb-item--inner img {
    width: 100%;
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--holder {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 1;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background-color: var(--color-one);
    color: var(--color-white);
    border-radius: 100%;
    transform: translateY(-24px);
    opacity: 0;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a {
    transform: translateY(0px);
    opacity: 1;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(2) {
    transition-delay: 0.1s;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(3) {
    transition-delay: 0.18s;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(4) {
    transition-delay: 0.26s;
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--meta {
    position: relative;
    background-color: transparent;
    padding: 20px 0px 0px 0px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}
.wptb-team-grid1 .wptb-item--inner .wptb-item--meta::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 1px;
    background-color: var(--color-white);
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta::before {
    width: 100%;
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--meta .wptb-item--title {
    font-family: var(--font-family-base);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .48px;
    margin-bottom: 5px;
    color: var(--color-white);
    transform: translateY(-15px);
    opacity: 0;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--title {    
    transform: translateY(0px);
    opacity: 1;
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--meta .wptb-item--position {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-white);
    margin-bottom: 0px;
    transform: translateY(-15px);
    opacity: 0;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--position {    
    transform: translateY(0px);
    opacity: 1;
}


/* Team Grid 2*/
.wptb-team-grid2 .wptb-item--inner {
    position: relative;
    margin-bottom: 30px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid2 .wptb-item--image {
    position: relative;
    overflow: hidden;
}

.wptb-team-grid2 .wptb-item--inner img {
    width: 100%;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--holder {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--social {
    display: inline-block;
    font-family: var(--font-family-base);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.42px;
    color: var(--color-white);
    background-color: var(--color-one);
    padding: 7px 14px 7px 32px;
    clip-path: polygon(0% 0%, 10% 100%, 100% 100%, 100% 0%);
    position: absolute;
    top: -100%;
    z-index: 1;
    right: 45px;
    transform: rotateZ(-90deg);
    transform-origin: top right;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid2 .wptb-item--inner:hover .wptb-item--social {
    top: 0%;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--social a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--color-white);
    border-radius: 100%;
    transform: rotate(90deg);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--social a:hover {
    background-color: var(--color-one);
    color: var(--color-white);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta {
    background: rgba(var(--color-black-rgb), 0.40);
    backdrop-filter: blur(10px);
    position: relative;
    padding: 15px 30px;
    width: calc(100% - 34px);
    margin-left: 34px;
    transform: scale(0);
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}
.wptb-team-grid2 .wptb-item--inner:hover .wptb-item--meta {
    transform: scale(1);
}
.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--title {
    color: var(--color-white);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
    letter-spacing: -0.24px;
    margin-bottom: 0px;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--title a {
    color: var(--color-white);
}
.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--title a:hover {
    color: var(--color-one);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--position {
    color: var(--color-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; /* 116.667% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 4px;
    height: 0%;
    background-color: var(--color-one);
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}
.wptb-team-grid2 .wptb-item--inner:hover .wptb-item--meta::before {
    height: 100%;
}

/* Team Grid 3*/
.wptb-team-grid3 .wptb-item--inner {
    position: relative;
    margin-bottom: 30px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--holder {
    margin-top: 25px;
    z-index: 1;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--social {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--social a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background-color: var(--color-muted);
    color: var(--color-white);
    border-radius: 100%;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}
.wptb-team-grid3 .wptb-item--inner .wptb-item--social a:hover {
    background-color: var(--color-one);
    transform: translateY(-3px);
}

.wptb-team-grid3 .wptb-item--inner:hover .wptb-item--social a:nth-child(2) {
    transition-delay: 0.1s;
}
.wptb-team-grid3 .wptb-item--inner:hover .wptb-item--social a:nth-child(3) {
    transition-delay: 0.18s;
}
.wptb-team-grid3 .wptb-item--inner:hover .wptb-item--social a:nth-child(4) {
    transition-delay: 0.26s;
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--meta {
    position: relative;
    background-color: transparent;
    margin-bottom: 35px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}
.wptb-team-grid3 .wptb-item--inner .wptb-item--meta .wptb-item--title {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.48px;
    margin-bottom: 10px;
    color: var(--color-two);
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--meta .wptb-item--position {
    font-family: var(--font-family-base);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.634px;
    text-transform: uppercase;
    color: var(--color-one);
    margin-bottom: 0px;
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--meta .wptb-item--description {
    color: var(--color-three);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-top: 15px;
}

/* Team Contact Information */
.wptb-team-ci-wrap {
    margin-top: 80px;
}
.wptb-team-ci-wrap .team-ci--title {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
    
    color: var(--color-one);
}
.wptb-team-ci-wrap .team-ci--desc {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-white);
}
.wptb-team-ci-wrap a {
    color: var(--color-two);
}
.wptb-team-ci-wrap a:hover {
    color: var(--color-one);
}

/* Timeline */
.wptb-timeline {
    position: relative;
    z-index: 1;
}
.wptb-timeline::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 25px;
    bottom: -10px;
    width: 1px;
    border-left: 1px dashed #636363;
    z-index: -1;
}
.wptb-timeline .wptb-timeline-segment {
    position: relative;
    display: flex;
}
.wptb-timeline .wptb-timeline-segment:nth-child(even) {
    flex-direction: row-reverse;
}
.wptb-timeline .wptb-timeline-segment .wptb-item--counter {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: 600;
    width: 66px;
    height: 66px;
    border-radius: 100%;
    text-align: center;
    color: var(--color-white);
    background: var(--color-one);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.wptb-timeline .wptb-timeline-segment .wptb-item--counter::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 100%;
    background: var(--color-one);
    opacity: 0.3;
    z-index: -1;
}

.wptb-timeline .wptb-timeline-segment .wptb-item--holder {
    position: relative;
    width: 45%;
    max-width: 585px;
    text-align: right;
    margin-bottom: 60px;
    padding: 50px 50px;
    background: var(--color-white);
    border-radius: 10px;
    border-left: 6px solid var(--color-one);
    box-shadow: 0px 10px 60px 0px rgba(137, 151, 186, 0.15);
    transform: translateY(-60px);
    transition: var(--transition-base);
}
.wptb-timeline .wptb-timeline-segment:hover .wptb-item--holder {
    background-color: var(--color-one);
    border-color: var(--color-two);
}
.wptb-timeline .wptb-timeline-segment:nth-child(even) .wptb-item--holder {
    text-align: left;
    right: 0;
    border-left: 0px solid var(--color-one);
    border-right: 6px solid var(--color-one);
}
.wptb-timeline .wptb-timeline-segment .wptb-item--title {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 20px;
}
.wptb-timeline .wptb-timeline-segment .wptb-item--description {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
}
.wptb-timeline .wptb-timeline-segment:hover .wptb-item--title,
.wptb-timeline .wptb-timeline-segment:hover .wptb-item--description {
    color: var(--color-white);
}

.wptb-timeline .wptb-item--meta {
    margin-left: 150px;
    transform: translateY(-30px);
}
.wptb-timeline .wptb-timeline-segment:nth-child(even) .wptb-item--meta {
    margin-left: 0px;
    margin-right: 150px;
}
.wptb-timeline .wptb-item--meta .wptb-item--time {
    color: var(--color-dark-blue);
    font-family: var(--font-family-heading);
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -1.06px;
    position: relative;
    padding-bottom: 8px;
}

.wptb-timeline .wptb-item--meta .wptb-item--time:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-light);
}

.wptb-timeline .wptb-item--meta .wptb-item--intro {
    color: var(--color-two);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
    margin-top: 13px;
}

@media screen and (max-width: 767px) {
    .wptb-timeline::after {
        left: 25px;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--counter {
        left: 25px;
        width: 50px;
        height: 50px;
    }
    .wptb-timeline .wptb-timeline-segment:nth-child(even) .wptb-item--counter {
        left: 25px;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--counter::before {
        width: 60px;
        height: 60px;
    }
    
    .wptb-timeline .wptb-timeline-segment,
    .wptb-timeline .wptb-timeline-segment:nth-child(even) {
        flex-direction: column-reverse;
        padding-left: 90px;
        margin-bottom: 30px;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--holder {
        width: 100%;
        text-align: left;
        padding: 35px;
        transform: translateY(30px);
    }

    .wptb-timeline .wptb-timeline-segment:nth-child(even) .wptb-item--holder{
        text-align: left;
        left: 0;
        right: auto;
        border-left-width: 6px;
        border-right-width: 0px;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--title {
        font-size: 30px;
        line-height: 1.2em;
        margin-bottom: 15px;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--description {
        font-size: 16px;
    }

    .wptb-timeline .wptb-item--meta,
    .wptb-timeline .wptb-timeline-segment:nth-child(even) .wptb-item--meta {
        margin-left: 0px;
        margin-right: 0px;
        transform: translateY(0);
    }
    .wptb-timeline .wptb-item--meta .wptb-item--time {
        font-size: 36px;
        line-height: 1.2em;
    }
    .wptb-timeline .wptb-item--meta .wptb-item--intro {
        font-size: 18px;
        line-height: 1.2em;
        text-align: left;
    }
}

@media screen and (max-width: 575px) {
    .wptb-timeline::after {
        display: none;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--counter {
        position: relative;
        transform: translateY(0);
        margin-bottom: 40px;
        order: 1;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--counter,
    .wptb-timeline .wptb-timeline-segment:nth-child(even) .wptb-item--counter {
        left: 0px;
    }
    .wptb-timeline .wptb-timeline-segment .wptb-item--counter::before {
        width: 60px;
        height: 60px;
    }
    
    .wptb-timeline .wptb-timeline-segment,
    .wptb-timeline .wptb-timeline-segment:nth-child(even) {
        padding-left: 0px;
    }
}


/* Country Grid */
.wptb-country-grid {
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0px 21.15px 51.911px 0px rgba(0, 0, 0, 0.07);

}
.wptb-country-grid .wptb-icon-box1 {
    margin-bottom: 20px;
}

.wptb-country-grid .wptb-icon-box1 .wptb-item--icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: drop-shadow(0px 0px 30px rgba(149, 154, 181, 0.30));
}

.wptb-country-grid .wptb-icon-box1 .wptb-item--title {
    font-size: 18px;
}

.wptb-country-grid .wptb-icon-box1 .wptb-item--description {
    color: var(--color-one);
}

.wptb-country-grid .wptb-item--button {
    margin-top: 30px;
}

.wptb-country-grid .wptb-item--button .btn {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--color-white);
    width: 100%;
    background: var(--color-one);
    border-radius: 30px;
    padding: 5px 2px 5px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wptb-country-grid:hover .wptb-item--button .btn {
    background-color: var(--color-white);
}

.wptb-country-grid .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-country-grid .wptb-item--button .text-second {
    background-color: var(--color-white);
    color: var(--color-one);
    font-size: 16px;
    margin-left: 0px;
    z-index: 1;
    transform: rotate(-45deg);
    transition: var(--transition-base);
}



/* Country List */
.wptb-country-tab {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 835px;
    overflow: hidden;
    display: flex;
    background-color: var(--color-white);
}
.wptb-country-tab .wptb-country-tab--item {
    position: relative;
    width: 110px;
    border-left: 1px solid rgba(var(--color-white-rgb), 0.2);
    overflow: hidden;
    transition: var(--transition-base);
    display: flex;
    align-items: center;
}

.wptb-country-tab .wptb-country-tab--item.active {
    flex: 1;
}
.wptb-country-tab .wptb-country-tab--title {
    position: relative;
    left: 0;
    z-index: 1;
    width: 110px;
    height: 100%;
    background: var(--color-white);
    color: var(--color-white);
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wptb-country-tab .wptb-country-tab--title span {
    transform: rotate(-90deg);
}

.wptb-country-tab .wptb-country-tab--item .wptb-item-featured {
    max-width: 60px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translatex(-50%);
    border-radius: 50%;
    overflow: hidden;
    width: 60px;
}
.wptb-country-tab .wptb-country-tab--item.active .wptb-country-tab--title {
    background-color: var(--color-one);
}

/* Details */
.wptb-country-tab .wptb-country-tab--details {
    padding: 120px;
    color: var(--color-white);
    transition: var(--transition-base);
}
.wptb-country-tab .wptb-country-tab--item.active .wptb-country-tab--details {
    transition: var(--transition-base);
}

.wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--subtitle,
.wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--title,
.wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--description {
    color: var(--color-white);
}

/* List Item */
.wptb-country-tab .wptb-country-tab--details .wptb-list1 .wptb--item + .wptb--item {
    margin-top: 12px;
    border-top: 1px solid rgba(var(--color-white-rgb),.1);
    padding-top: 11px;
}
.wptb-country-tab .wptb-country-tab--details .wptb-list1 .wptb--item .wptb-item--icon i {
    color: var(--color-white);
    font-size: 14px;
    margin-right: 8px;
    line-height: 1;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    z-index: 1;
    background-color: rgba(var(--color-white-rgb),.5);
}

.wptb-country-tab .wptb-country-tab--details .wptb-list1 .wptb--item .wptb-item--icon i:after {
    position: absolute;
    top: -2.5px;
    left: -2.5px;
    right: -2.5px;
    bottom: -2.5px;
    background-color: rgba(var(--color-white-rgb),.2);
    z-index: -1;
    content: "";
    border-radius: 50%;
}

/* Single Image */
.wptb-country-tab .wptb-country-tab--details .wptb-image-single .wptb-item--image img {
    border-radius: 50%;
    border: 15px solid #193b6c;
}

/* Button */
.wptb-country-tab .wptb-item--button {
    margin-top: 30px;
}

.wptb-country-tab .wptb-item--button .btn {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    width: 205px;
    color: var(--color-one);
    background: var(--color-white);
    border-radius: 30px;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wptb-country-tab .wptb-item--button .btn:hover {
    background-color: var(--color-one);
    color: var(--color-white);
}

.wptb-country-tab .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-country-tab .wptb-item--button .text-second {
    display: inline-flex;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 100%;
    background-color: var(--color-white);
    color: var(--color-one);
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin-left: 0px;
    z-index: 1;
    transform: rotate(-45deg);
    transition: var(--transition-base);
}


@media screen and (max-width: 1400px) {
    .wptb-country-tab .wptb-country-tab--item {
        width: 80px;
        transition: var(--transition-base);
    }
    .wptb-country-tab .wptb-country-tab--title {
        width: 80px;
        font-size: 30px;
        line-height: 1.2em;
        transition: var(--transition-base);
    }
    .wptb-country-tab .wptb-country-tab--item .wptb-item-featured {
        max-width: 40px;
    }

    .wptb-country-tab .wptb-country-tab--details {
        padding: 60px;
        transition: var(--transition-base);
    }
    
    .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--title {
        font-size: 42px;
        line-height: 1.2em;
    }
}

@media screen and (max-width: 991px) {
    .wptb-country-tab .wptb-country-tab--item.active {
        flex-direction: column;
    }
    .wptb-country-tab .wptb-country-tab--item .wptb-country-tab--title {
        font-size: 24px;
    }
    .wptb-country-tab .wptb-country-tab--item.active .wptb-country-tab--title {
        width: 100%;
        height: 80px;
    }
    .wptb-country-tab .wptb-country-tab--item .wptb-item-featured {
        position: absolute;
        bottom: 12px;
        left: 15px;
        transform: translatex(0%);
    }
    .wptb-country-tab .wptb-country-tab--item.active .wptb-item-featured {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .wptb-country-tab .wptb-country-tab--item.active .wptb-country-tab--title span {
        transform: rotate(0deg);
    }

    .wptb-country-tab .wptb-country-tab--details {
        padding: 30px;
    }

    .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--title {
        font-size: 30px;
    }
    .wptb-country-tab .wptb-country-tab--details .wptb-list1  {
        margin-bottom: 12px;
        border-bottom: 1px solid rgba(var(--color-white-rgb),.1);
        padding-bottom: 11px;
    }
}

@media screen and (max-width: 767px) {
    .wptb-country-tab {
        flex-direction: column;
        height: auto;
    }
    .wptb-country-tab .wptb-country-tab--item {
        width: 100%;
        height: 60px;
        border-left: 0px solid rgba(var(--color-white-rgb), 0.2);
        border-top: 1px solid rgba(var(--color-white-rgb), 0.2);
        flex-direction: column;
    }
    .wptb-country-tab .wptb-country-tab--title {
        width: 100%;
        height: 60px;
        flex-shrink: 0;
    }
    .wptb-country-tab .wptb-country-tab--item.active .wptb-country-tab--title {
        flex-shrink: 0;
        height: 60px;
    }
    .wptb-country-tab .wptb-country-tab--title span {
        transform: rotate(0deg);
    }
    .wptb-country-tab .wptb-country-tab--item .wptb-item-featured {
        position: absolute;
        bottom: auto;
        left: 30px;
        top: 50%;
        transform: translatey(-50%);
    }

    .wptb-country-tab .wptb-country-tab--details {
        width: 100%;
    }
    
}

/* Clients/ Partner Logo */
.wptb-partner--image1 {
    text-align: center;
}
.wptb-partner--image1 img {
    width: auto;
    max-height: 110px;
    filter: brightness(0.6);
    transition: var(--transition-base);
}
.wptb-partner--image1 img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    filter: brightness(0);
    -webkit-transform: translate(-50%,-150%);
    -khtml-transform: translate(-50%,-150%);
    -moz-transform: translate(-50%,-150%);
    -ms-transform: translate(-50%,-150%);
    -o-transform: translate(-50%,-150%);
    transform: translate(-50%,-150%);
}
.wptb-partner--image1:hover img:nth-child(1) {
    filter: brightness(1);
    /* -webkit-transform: translateY(100%);
    -khtml-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); */
}
/* .wptb-partner--image1:hover img:nth-child(2) {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
} */

/* Clients/ Partner Logo - two */
.wptb-partner--image2 {
    text-align: center;
    border: 1px solid var(--color-dark-black-three);
   
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -1px;
}

/* Newsletter */
.wptb-newsletter {
    position: relative;
    z-index: 1;
}
.wptb-newsletter .wptb-item--inner {
    position: relative;
    padding: 100px 0px;
    overflow: hidden;
}
.wptb-newsletter .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
}
.wptb-newsletter .wptb-item--inner .wptb-item--description {
    color: var(--color-light);
}

.newsletter-form {
    position: relative;
}


/* Career Grid */
.wptb-career-grid .wptb-item--inner {
    position: relative;
    border: 1px solid var(--color-light);
    overflow: hidden;
    border-radius: 15px;
    background-color: var(--color-white);
    margin-bottom: 30px;
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder {
    padding: 40px 46px;
    min-height: 285px;
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-item--date {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-item--title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.41;
    letter-spacing: -.48px;
    color: var(--color-two);
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-button-link {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.57;
    background-color: #ffeeef;
    color: var(--color-one);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 50px;
    transition: var(--transition-base);
}

.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-button-link:hover {
    background-color: var(--color-one);
    color: var(--color-white);
}


/* Marquee */
.wptb-marquee {
    position: relative;
    padding-bottom: 165px;
}
.wptb-marquee .dark {
    background-color: var(--color-dark);
}
.wptb-text-marquee1.wptb-slide-to-left, 
.wptb-text-marquee1.wptb-slide-to-right {
    overflow: hidden;
    box-sizing: border-box;
}
.wptb-text-marquee1.wptb-slide-to-right {
    transform: rotate(-10deg);
    width: calc(100% + 50px);
    margin-left: -25px;
}
.wptb-text-marquee1.wptb-slide-to-left {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
}
.wptb-text-marquee1 .wptb-item--container {
    background-color: var(--color-one);
    position: relative;
    padding: 11px 0;
    white-space: nowrap;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    position: relative;
}
.wptb-text-marquee1.wptb-slide-to-right .wptb-item--container {
    background-color: var(--color-dark-black);
}
.wptb-text-marquee1 .wptb-item--container:before {
    bottom: 6px;
}
.wptb-text-marquee1 .wptb-item--container::before, 
.wptb-text-marquee1 .wptb-item--container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: rgba(var(--color-white-rgb), 0.6);
    left: 0;
}
.wptb-text-marquee1 .wptb-item--container::before {
    top: 6px;
}
.wptb-text-marquee1 .wptb-item--container::after {
    bottom: 6px;
}
.wptb-text-marquee1.wptb-slide-to-left .wptb-item--inner, 
.wptb-text-marquee1.wptb-slide-to-right .wptb-item--inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wptb-text-marquee1.wptb-slide-to-left .wptb-item--inner {
    -webkit-animation: wptb_right_left 30s linear infinite;
    animation: wptb_right_left 30s linear infinite;
}
.wptb-text-marquee1.wptb-slide-to-right .wptb-item--inner {
    -webkit-animation: wptb_left_right 30s linear infinite;
    animation: wptb_left_right 30s linear infinite;
}
.wptb-text-marquee1 .wptb-item--text {
    margin-bottom: 0;
    position: relative;
    letter-spacing: 1.92px;
    display: flex;
    white-space: nowrap;
    color: rgba(var(--color-white-rgb), 0.6);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}
.wptb-text-marquee1.wptb-slide-to-left .wptb-item--text svg {
    margin: 4px 29px;
    animation: wptb_spin_rv 8s ease-out infinite;
    -webkit-animation: wptb_spin_rv 8s ease-out infinite;
}

.wptb-text-marquee1.wptb-slide-to-right .wptb-item--text svg {
    margin: 4px 29px;
    animation: wptb_spin 8s ease-out infinite;
    -webkit-animation: wptb_spin 8s ease-out infinite;
}


/* Office Address */
.wptb-office + .wptb-office {
    margin-top: 30px;
}
.wptb-office .wptb-item--inner .wptb-item--subtitle {
    color: var(--color-muted);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
}

.wptb-office .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.2px;
    word-break: break-word;
}

.wptb-office .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}
.wptb-office .wptb-item--inner .wptb-item--title a:hover {
    color: var(--color-one);
}

/* Office Time */
.wptb-office-time {
    background-color: var(--color-black);
    width: 310px;
    max-width: 100%;
    border: 1px solid var(--color-dark-black-three);
    border-top: 4px solid var(--color-one);
}
.wptb-office-time .wptb-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    color: var(--color-white);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    padding: 8px 30px;
}
.wptb-office-time .wptb-item + .wptb-item {
    border-top: 1px solid var(--color-dark-black-three);
}
.wptb-office-time .wptb-item--time {
    font-weight: 400;
}
.wptb-office-time .holiday .wptb-item--time {
    color: var(--color-one);
}


/* CTA/ Banner One */
.wptb-banner {
    position: relative;
}

/* CTA/ Banner Two */
.wptb-banner2 .wptb-banner-inner {
    position: relative;
    padding-bottom: 125px;
    overflow: hidden;
    max-width: 420px;
    border-radius: 0px;
    background-color: var(--color-one);
}
.wptb-banner2 .wptb-banner-inner img {
    width: 100%;
}
.wptb-banner2 .wptb-banner-inner a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.wptb-banner2 .wptb-banner-inner .wptb-wrap-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 60px;
}
.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content {
    z-index: 3;
    position: absolute;
    bottom: 44px;
    left: 50%;
    transform: translateX(-50%);
    min-width: calc(100% - 60px);
}

.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-wrap-shape {
    position: absolute;
    bottom: 44px;
    left: 0;
    right: 0;
}


.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item--title {
    color: var(--color-white);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 136.364% */
    margin-bottom: 26px;
}

.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info {
    background-color: var(--color-one);
    border-radius: 10px;
    position: relative;
    padding: 16px 35px;
}

.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 5px;
    left: 0;
    background-color: #fff;
    z-index: 1;
    border-radius: 10px;
}

.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info .wptb-item--icon {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    width: 52px;
    height: 52px;
    border: 5px solid rgba(var(--color-white-rgb), .2);;
    font-size: 22px;
    color: var(--color-white);
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-one);
    border-radius: 50%;
}

.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info .wptb-item--desc {
    color: var(--color-one);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.819px; /* 141.561% */
    z-index: 3;
    position: relative;
    margin-bottom: -4px;
}

.wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info .wptb-item--number {
    color: var(--color-dark);
    font-size: 24.392px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.49px; /* 125% */
    z-index: 3;
    position: relative;
    margin-bottom: 0;
}

/* CTA / Banner Three */
.wptb-banner3 {
    position: absolute;
    bottom: calc(100% - 90px);
    left: 0;
    right: 0;
    background-color: var(--color-one);
    padding: 12px 75px 0px 75px;
    transition: all 0.3s ease-in-out;
    margin-top: 0;
}
.wptb-banner3 .wptb-heading {
    margin-bottom: 0px;
}
.wptb-banner3 .wptb-heading .wptb-item--subtitle {
    color: var(--color-white);
}
.wptb-banner3 .wptb-heading .wptb-item--subtitle svg path {
    fill: var(--color-white);
}
.wptb-banner3 .wptb-heading .wptb-item--title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 1.9px;
    margin-bottom: 0px;
}
.wptb-banner3 .wptb-image-single {
    margin-top: -88px;
}
.wptb-banner3 .wptb-icon-box1.live-chat {
    padding: 0px 0px;
    margin-left: 0px;
    border-left: 0px solid rgba(var(--color-white-rgb), 0.35);
}
.wptb-banner3 .wptb-icon-box1.live-chat .wptb-item--icon {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: var(--color-white);
    color: var(--color-one);
    margin-right: 16px;
}
.wptb-banner3 .wptb-icon-box1.live-chat .wptb-item--icon svg path {
    fill: var(--color-one);
}
.wptb-banner3 .wptb-icon-box1.live-chat .wptb-item--icon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 100%;
    background-color: rgba(var(--color-white-rgb),.5);
    z-index: 0;
}
.wptb-banner3 .wptb-icon-box1.live-chat .wptb-item--title {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.18px;
}
.wptb-banner3 .wptb-icon-box1.live-chat .wptb-item--title a:hover {
    color: var(--color-black);
}
.wptb-banner3 .wptb-icon-box1.live-chat .wptb-item--description {
    color: var(--color-white);
    font-size: 13px;
}

@media screen and (max-width: 991px) {
    .wptb-banner3 {
        padding: 30px 30px;
    }
    .wptb-banner3 .wptb-heading .wptb-item--title {
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 1px;
    }
}

.wptb-page-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-dark-black-three);
    padding: 40px 0px 0px;
    margin-top: 80px;
}

.wptb-page-links .wptb-pge-link--item {
    color: var(--color-white);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 125% */
    transition: var(--transition-base);
}
.wptb-page-links .wptb-pge-link--item a {
    color: var(--color-white);
    transition: var(--transition-base);
}
.wptb-page-links .wptb-pge-link--item a:hover {
    color: var(--color-one);
}
/*karthika*/
.heading1 h1{
    font-size: 30px;
    font-weight: var(--fw-semibold);
    line-height: 1.4;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #000;
}
.heading2 h2{
    font-size: 30px;
    font-weight: var(--fw-semibold);
    letter-spacing: -1.06px;
}
.heading3 h3{
    color: #f1270f;
    font-family: var(--font-family-base);
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
    line-height: var(--fs-24);
}
.heading1 h1 span{
    color: var(--color-one);
}
/*process*/
.process-area {
    position: relative;
    overflow: hidden;

    .process-shape {
        position: absolute;
        left: 0;
        right: 0;
        top: 105px;
        max-width: 1035px;
        margin-right: auto;
        margin-left: auto;
    }
}
.process-item {
    margin-bottom: 30px;

    .process-inner {
        text-align: right;
        position: relative;
        padding-right: 80px;

        i {
            position: absolute;
            top: 0;
            right: 12px;
            font-size: 50px;
            z-index: 1;  
            color: #000000;
    
            &:after {
                position: absolute;
                content: '';
                width: 45px;
                height: 50px;
                top: 0;
                right: -12px;
                background-color: $yellow-color;
                z-index: -1;
            }
        }
        h3 {
            font-weight: 600;
            font-size: 22px;
            margin-bottom: 10px;
        }
        p {
            margin-bottom: 0;
            font-size: 18px;
        }
    }
    .process-one {
        margin-bottom: 100px;
    }
    .process-img {
        text-align: center;

        img {
            animation: process-type 25s infinite linear;
            position: relative;
            top: -12px;

        }
    }
    .process-two {
        padding-left: 80px;
        padding-right: 0;
        text-align: left;
        margin-bottom: 100px;

        i {
            left: 12px;
            right: unset;

            &:after {
                left: -12px;
            }
        }
    }
    .process-three {
        padding-left: 80px;
        padding-right: 0;
        text-align: left;

        i {
            left: 12px;
            right: unset;

            &:after {
                left: -12px;
            }
        }
    }
}
@keyframes process-type {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.process-item .process-inner h3 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
}
.process-item .process-inner i {
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 50px;
    z-index: 1;
    color: #000000;
}
.process-item .process-inner i:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 50px;
    top: 0;
    right: -12px;
    background-color: #d70006;
    z-index: -1;
}
/*hover*/
.tm_coverimgbox_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    background: #000;
    justify-content: center;
}
.tm_coverimgbox_wrapper.tm-column-three .tm_coverbox_contents {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.tm_coverimgbox_wrapper .tm_coverbox_contents:first-child {
    border-left: 1px solid rgba(256, 256, 256, .5);
}
.tm_coverimgbox_wrapper .tm_coverbox_contents {
    position: relative;
    z-index: 2;
    padding: 0 32px 57px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    border-right: 1px solid rgba(256, 256, 256, .5);
}
.tm_coverbox_contents {
    min-height: 76vh;
}
.tm_coverimgbox_wrapper .tm_coverbox_contents:first-child:after, .tm_coverimgbox_wrapper .tm_coverbox_contents:before {
    position: absolute;
    left: auto;
    right: -4px;
    width: 7px;
    height: 26px;
    display: block;
    content: "";
    background-color: #d70006;
    -webkit-animation: scanning 9s linear infinite alternate;
    animation: scanning 9s linear infinite alternate;
}
.tm_coverimgbox_wrapper .tm_coverbox_contents .featured-icon-box.icon-align-before-content.icon-ver_align-top {
    opacity: 1;
    transition: transform .9s ease;
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    margin-bottom: 0;
}
.featured-icon-box {
    position: relative;
    margin: 15px 0;
}
.tm_coverimgbox_wrapper .tm_coverbox_contents .coverbox-img-reposive {
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
}
.tm_coverimgbox_wrapper .tm_coverbox_contents:first-child:after {
    left: -4px;
    right: auto;
    -webkit-animation: scanning 11s linear infinite alternate;
    animation: scanning 11s linear infinite alternate;
}
@keyframes scanning {
    0% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}
.tm_coverimgbox_wrapper .tm_coverbox_img, .tm_coverimgbox_wrapper .tm_box_overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    background: rgb(0 0 0 / 65%);
}
.tm_coverimgbox_wrapper .tm_coverbox_img {
    visibility: hidden;
    opacity: 0;
    transition-duration: 1500ms;
    transition: all 1s;
}
.tm_coverimgbox_wrapper .tm_coverbox_img.active {
    opacity: 1;
    visibility: visible;
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.tm_coverimgbox_wrapper .tm_coverbox_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-title .featured-title {
    padding-left: 15px;
}
.featured-icon-box.icon-align-before-content .featured-icon, .featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-title .featured-title, .featured-icon-box.icon-align-before-title .featured-icon {
    display: table-cell;
    vertical-align: middle;
}
.tm_coverimgbox_wrapper .tm_coverbox_contents .featured-content {
    opacity: 1;
    transform: translateY(0);
}
.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
    vertical-align: top;
    padding-top: 3px;
}
.featured-icon-box .ttm-icon {
    margin-bottom: 0;
}
.ttm-icon.ttm-icon_element-style-rounded {
    border-radius: 50%;
}
.ttm-icon.ttm-icon_element-onlytxt {
    height: auto;
    width: auto;
    line-height: 1;
}
.featured-icon-box.icon-align-before-content .featured-icon i {
    display: inline-block;
    vertical-align: middle;
}
.featured-icon-box .featured-icon .ttm-icon i {
    transition: all 500ms ease;
}
.tm_coverimgbox_wrapper .featured-content .featured-icon i {
    font-size: 50px;
    color: #d70006;
    padding-right: 15px;
}
.tm_coverimgbox_wrapper .tm_coverbox_contents:hover .featured-icon-box.icon-align-before-content.icon-ver_align-top {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
/*testimonial*/
.impl_testimonial_box {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 50px 0px #0000000F;
    border-radius: 10px;
    padding: 25px 0;
    margin: 0px 10px;
}

.impl_testi_shape {
    position: absolute;
    top: 0px;
    right: 0px;
}

.impl_testimonial_head {
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #F0F0F0;
}

.impl_testi_client {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 30px;
}

.impl_testi_client>img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 10px;
}

.impl_client_info p {
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
    transform: all 0.3s;
}

.impl_testi_rating {
    display: flex;
    gap: 10px;
    color: #ef9f00;
}

.impl_testimonial_text {
    margin-top: 25px;
    padding: 0 30px;
}

.impl_testi_quote {
    position: absolute;
    right: 25px;
    top: 8px;
    z-index: 1;
}
/*about us*/
.about-us{
    padding: 50px 0;
}
.about-image{
   
    background-position: center center;
    background-size: auto;
    position: relative;
    margin-right: 50px;
    padding-bottom: 200px;
}
.about-img-1 img{
    aspect-ratio: 1 /0.96;
    object-fit: cover;
    border-radius: 40px;
}
.about-img-2{
    position: absolute;
    bottom: 0;
    right: 0;
}
.about-img-2 img{
    aspect-ratio: 1 /0.72;
    object-fit: cover;
    border: 7px solid #fff;
    border-radius: 40px;
}
.about-experience{
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-50%, 50%);
}
.about-experience img{
    animation: rotate 30s infinite linear;
}

@keyframes rotate{
    from{
        transform: rotate(0deg);
      }
    to{
        transform: rotate(360deg);
    }
}
.about-us-body{
    margin-bottom: 22px;
}
.about-us-body ul{
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    gap: 20px;
}
.about-us-body ul li{
    position: relative;
 
    font-weight: 500;
    color: #000;
    text-transform: none;
    padding-left: 30px;
    line-height: 1.9;
}
.about-us-body ul li:before{
    content: '\f26a';
    font-family: 'bootstrap-icons';
    font-weight: 900;
    font-size: 20px;
    color: #f1270f;
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 3px;
    left: 0;
}
/*vision*/
.listar-feature-item-wrapper {
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item {
  height: calc(100% - 20px);
}

.listar-feature-item.listar-feature-has-link
  ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
}

.listar-feature-item .listar-feature-item-inner {
  padding: 50px 30px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}
.listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.listar-feature-item .listar-feature-item-inner:before {
  border: 0;
  box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
    10px 0px 10px rgba(80, 80, 80, 0.02);
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(40%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
}

.listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.listar-feature-right-border {
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  top: -12px;
  left: 50%;
  overflow: hidden;
}

.listar-feature-items {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  border: 11px solid #2f53bf;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before,
.listar-hovering-features-grey
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 11px solid #f1270f;
  border-radius: 800px;
  left: -50%;
}

.listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 30px;
  height: calc(100% + 100px);
}

.listar-features-design-2 .listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

.listar-feature-icon-wrapper {
  width: 148px;
  height: 148px;
  line-height: 148px;
  border-radius: 500px;
  position: relative;
  background-color: #f1270f;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  vertical-align: middle;
  margin-left: -74px;
  top: -66px;
  margin-top: -74px;
}

.listar-feature-icon-inner {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 500px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
}

.listar-feature-icon-inner div {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: left;
}

.listar-feature-icon-inner img {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  height: 55px;
}

.listar-feature-item img,
.listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: 0;
  padding: 0;
  color: #258bd5;
}

.listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}
.listar-feature-content-wrapper {
  position: relative;
  margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}

.listar-feature-item
  .listar-feature-item-title.listar-feature-counter-added
  > span {
  margin-left: 25px;
  border-radius: 0 50px 50px 0;
}

.listar-feature-item .listar-feature-item-title > span {
  box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
    5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title > span span {
  box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
    5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  line-height: normal;
  font-weight: 600;
  text-shadow: none;
  border-radius: 50px;
  color: #252525;
  font-size: 20px;
}

.listar-feature-item-excerpt {
  padding: 0 20px;
}

.listar-feature-item-excerpt {
  color: #252525;
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.pset {
  padding-top: 80px;
  padding-bottom: 60px;
}

.listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-map-button-text span:after {
  border: 12px solid #fff;
}

.listar-map-button-text span:after {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  border-radius: 36px;
}

.listar-map-button:hover .listar-map-button-text span {
  padding: 10px 43px 10px 51px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
    15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
  bottom: -30px;
  background-size: 40%;
  color: #555;
  line-height: 52px;
}
/*about strip*/
.cta-one{
    position:relative;
    z-index:1;
    /* margin-top:-166px; */
    padding: 30px 0px 0px;
}

.cta-one_bg{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-size:cover;
   /* background-attachment:fixed;*/
    background-position:center center;
}

.cta-one_bg:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    opacity:0.80;
    background-color:#1c1c1c9e;
}

.cta-one_ball{
    position:absolute;
    right:32%;
    bottom:20%;
    width:85px;
    height:79px;
    background-repeat:no-repeat;
}

.cta-one_images-column{
    position:relative;
    margin-bottom:30px;
}

.cta-one_images-outer{
    position:relative;
    padding-bottom:40px;
}

.cta-one_image{
    position:relative;
    display:inline-block;
    border:10px solid #fff;
}

.cta-one_image-two{
    position:absolute;
    right:35px;
    bottom:0px;
    display:inline-block;
    border:10px solid #fff;
}

.cta-one_content-column{
    position:relative;
    margin-bottom:30px;
}

.cta-one_content-outer{
    position:relative;
    padding-left:30px;
}

.cta-one_title{
    position:relative;
    margin-top:30px;
    margin-bottom:40px;
    color:var(--color-two);
}

.cta-one_button{
    position:relative;
}
/*why*/
.pbmit-ihbox-style-2 .pbmit-ihbox-headingicon {
    display: inline-flex;
    align-items: flex-start;
}
.pbmit-ihbox-style-2 .pbmit-ihbox-svg, .pbmit-ihbox-style-2 .pbmit-ihbox-icon {
    margin-right: 20px;
    display: inline-block;
}
.pbmit-ihbox-style-2 .pbmit-ihbox-svg, .pbmit-ihbox-style-2 .pbmit-icon-type-icon, .pbmit-ihbox-style-2 .pbmit-ihbox-icon-type-text {
    min-width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
    text-align: center;
    font-size: 40px;
    line-height: 35px;
    color: #0036ff;
    background-color: #f0f2f4;
}
.pbmit-ihbox-style-2 .pbmit-element-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: 700;
}
.pbmit-ihbox-style-2 .pbmit-heading-desc {
    margin-bottom: 0;
}
.tyres .icon {
    min-height: 115px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #a9a6a6;
    border-radius: 20px;
    font-size: 50px;
}
/*gif*/
.running {
    animation: runningText 15s linear infinite;
}
.running-text-container {
    overflow: hidden;
    width: 100%;
    padding: 35px 0px;
}
@keyframes runningText { 
    0% {
        transform: translateX(-5%);
    }
    100% {
        transform: translateX(100%);
    }
}

/*rathis*/

/*.service-details {

  padding: 20px 0;
}*/
@media (max-width: 991px) {
  .service-details {
    padding: 15px 0;
    padding-top: 60px;
  }

.padding-rl-20 {
    padding: 0px 10px;
}
  .listar-feature-right-border {
display: none !important;

  }

  .listar-feature-icon-wrapper {
top: -44px !important;
  }
}
@media (max-width: 1200px) {
  .service-details .container {
    max-width: 100%;
  }
}
.service-details__content {
  padding-left: 33px;
}
@media (max-width: 1200px) {
  .service-details__content {
    padding-left: 10px;
  }
}
.service-details__title {
  margin: 0;
  font-weight: 700;
  color: var(--wallpi-text, #2a2826);
  font-size: 50px;
  line-height: 1;
  margin-bottom: 29px;
}
@media (max-width: 991px) {
  .service-details__title {
    font-size: 42px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .service-details__title {
    font-size: 36px;
  }
}
.service-details__thumbnail {
  width: 100%;
margin-top: 0px;
    margin-bottom: 33px;
}
@media (max-width: 991px) {
  .service-details__thumbnail {
    margin-top: 10px;
    margin-bottom: 38px;
  }
}
.service-details__thumbnail img {
 /* width: 100% !important;*/
  border-radius: 20px;
}
.service-details__subtitle {
  font-family: var(--wallpi-font, "Inter", sans-serif);
  font-weight: 700;
  color: var(--wallpi-text, #2a2826);
  font-size: 26px;
  line-height: 1;
  margin-bottom: 23px;
}
.service-details__text {
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 32px;
  padding-bottom: 17px;
}
.service-details__benefits {
  background-color: rgba(var(--wallpi-lightpink2-rgb, 245, 235, 228), 0.8);
  padding: 20px 40px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .service-details__benefits {
    margin-bottom: 38px;
    padding: 20px;
  }
  .wptb-page-heading .wptb-item--inner {
        padding: 95px 0px 90px 0px !important;
    }
}
.service-details__benefits__inner {
  position: relative;
  padding: 29px 0;
  padding-right: 230px;
}
@media (max-width: 767px) {
  .service-details__benefits__inner {
    padding-right: 0;
  }
}
.service-details__benefits__title {
  color: var(--wallpi-text, #2a2826);
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 22px;
}
.service-details__benefits__text {
  color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
.service-details__benefits__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto 0;
  width: 215px;
  height: 215px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .service-details__benefits__img {
    display: none;
  }
}
.service-details__benefits__img img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  border-radius: 50% !important;
}
.service-details__feature {
  column-count: 2;
  column-gap: 54px;
  margin-bottom: 39px;
}
@media (max-width: 767px) {
  .service-details__feature {
    column-count: 1;
    column-gap: 54px;
    margin-bottom: 39px;
  }
}
@media (max-width: 767px) {
  .service-details__feature__col + .service-details__feature__col {
    margin-top: 38px;
  }
}
.service-details__feature__titlewrap {
  margin-bottom: 15px;
}
.service-details__feature__titlewrap > i {
  font-size: 62px;
  line-height: 1;
  color: var(--wallpi-text, #2a2826);
}
.service-details__feature__title {
  color: var(--wallpi-text, #2a2826);
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  padding-left: 22px;
}
.service-details__feature__title br {
  display: none;
}
@media (min-width: 1200px) {
  .service-details__feature__title br br {
    display: block;
  }
}
.service-details__feature__text {
  margin: 0;
  color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
  font-size: 16px;
  line-height: 32px;
}
.service-details__featurelist {
  margin-top: 15px;
  column-count: 2;
  column-gap: 15px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .service-details__featurelist {
    column-count: 1;
  }
}
.service-details__featurelist li {
  color: var(--wallpi-text, #2a2826);
  font-size: 16px;
  line-height: 1;
  margin-bottom: 21px;
  position: relative;
  padding-left: 32px;
}
.service-details__featurelist li::before {
  font-family: "icomoon" !important;
  content: "\e904";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  color: var(--wallpi-text, #2a2826);
  font-size: 22px;
  line-height: 1;
}
.service-details .wallpi-accrodion {
  border: 1px solid var(--wallpi-border-color, #2a2826);
  background-color: rgba(var(--wallpi-lightpink-rgb, 236, 228, 222), 0.5);
  padding: 43px 20px 56px 20px;
}
.service-details .accrodion {
  border: 0;
}
.service-details .accrodion.active .accrodion-title::after {
  font-family: "icomoon" !important;
  content: "\e91c";
  background-color: var(--wallpi-black, #2a2826);
}
.service-details .accrodion-title {
  padding: 18.5px 0;
  padding-left: 28px;
  padding-right: 60px;
  position: relative;
  background-color: var(--wallpi-white, #fff);
}
.service-details .accrodion-title::after {
  font-family: "icomoon" !important;
  content: "\e907";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto 0;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: rgba(var(--wallpi-text-gray-rgb, 113, 106, 99), 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wallpi-text-white, #fff);
  font-size: 15px;
  line-height: 1;
}
.service-details .accrodion-title h4 {
  color: var(--wallpi-text, #2a2826);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}
.service-details .active .accrodion-title {
  border: 0;
}
.service-details .accrodion-content {
  padding-top: 22px;
}
.service-details .accrodion-content p {
  color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
}
.service-details .accrodion-content .inner {
  padding-left: 28px;
  padding-bottom: 10px;
  padding-right: 34px;
  padding: 0 32px 10px 27px;
}
.service-sidebar__single--listsingle {
    background-color: #f1270f;
    background-blend-mode: overlay;
    position: relative;
    border-radius: 20px;
}
.service-sidebar__nav {
  margin-bottom: 0;
  padding: 0px 21px 26px 21px !important;
  padding-top: 0;
}
@media (max-width: 1200px) {
  .service-sidebar__nav {
    padding: 30px;
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .service-sidebar__nav {
    padding: 15px;
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.service-sidebar__nav li {
  background-color: var(--wallpi-white, #fff);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 500ms ease;
  position: relative;
  border-radius: 16px;
    margin: 8px;
    padding: 5px 14px 5px 20px;
}
@media (max-width: 991px) {
  .service-sidebar__nav li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service-sidebar__nav li::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: var(--wallpi-black, #2a2826);
  transition: all 500ms ease;
}
.service-sidebar__nav li a {
  position: relative;
  z-index: 2;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 500ms ease;
  width: 100%;
  padding: 10px 0;
  text-align: left;
}
@media (min-width: 992px) {
  .service-sidebar__nav li a {
    font-size: 17px;
  }
}
.service-sidebar__nav li i {
  position: relative;
  z-index: 2;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f1270f;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 600ms ease;
  width: 32px;
    height: 30px;
}
.service-sidebar__nav li.current, .service-sidebar__nav li:hover {
  color: var(--wallpi-text-white, #fff);
}
.service-sidebar__nav li.current::after, .service-sidebar__nav li:hover::after {
  background-color: var(--wallpi-black, #2a2826);
  width: 100%;
  border-radius: 16px;
}
.service-sidebar__nav li.current a, .service-sidebar__nav li:hover a {
  color: var(--wallpi-text-white, #fff);
}
.service-sidebar__nav li.current i, .service-sidebar__nav li:hover i {
  background-color: var(--wallpi-white, #fff);
  color: #000 ;
}
.service-sidebar__nav li + li {
  margin-top: 4px;
}

.service-sidebar__title {
    margin: 0;
    font-weight: 500;
    color: var(--wallpi-white, #fff);
    font-size: 18px;
    line-height: 29px;
    padding: 43px;
    padding-bottom: 22px;
    padding-top: 30px;
    font-size: 29px;
    text-align: center;
}
.spacer-bottom {
    padding-bottom: 40px !important;
    margin-bottom: 0px !important;
}
.spacer-top {
    padding-top: 40px !important;
    margin-top: 0px !important;
}
.text-center
{
    text-align: center;
}

.service-sidebar__single--contactsingle {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 43px;
  padding-top: 52px;
  padding-bottom: 42px;
  background-color: #eae2de;
  background-blend-mode: overlay;
}
@media (max-width: 1200px) {
  .service-sidebar__single--contactsingle {
    padding: 30px;
  }
}
@media (max-width: 991px) {
  .service-sidebar__single--contactsingle {
    padding: 20px;
  }
}
.service-sidebar__contactwrap {
  position: relative;
}
.service-sidebar__contactwrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-image: url("../images/shapes/services-sidebar-shape1-1.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
.service-sidebar__contactimg {
  width: 100% !important;
}
.service-sidebar__contact {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: 0 auto;
  padding: 0 33px;
  padding-bottom: 39px;
}
@media (max-width: 991px) {
  .service-sidebar__contact {
    padding: 0 20px;
    padding-bottom: 25px;
  }
}
.service-sidebar__contact__title {
  margin: 0;
  color: var(--wallpi-white, #fff);
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 38px;
}
@media (max-width: 991px) {
  .service-sidebar__contact__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .service-sidebar__contact__title {
    font-size: 22px;
    line-height: 34px;
  }
}
.service-sidebar__contact__number {
  background-color: var(--wallpi-white, #fff);
  color: var(--wallpi-text, #2a2826);
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 8px 0;
  padding-left: 20px;
  padding-right: 15px;
}
.service-sidebar__contact__number i {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 1px solid var(--wallpi-border-color, #2a2826);
  background-color: var(--wallpi-base, #d18548);
  border-radius: 50%;
  color: var(--wallpi-white, #fff);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
.service-sidebar__contact__number a {
  color: inherit;
  font-size: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  display: inline-block;
  margin-left: 12px;
}
.service-sidebar__contact__number a:hover {
  background-size: 100% 1px;
}
.service-sidebar__contact__number:hover i {
  background-color: var(--wallpi-black, #2a2826);
  color: var(--wallpi-text-white, #fff);
}

/*service-clickabel*/

   # why choose us style here
----------------------------------------------*/
.wcu-tab-wrap {
  position: relative;
}
.wcu-tab-wrap .shape1_1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.wcu-tab-wrap .shape1_2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.wcu-tab-area ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: none;
}

.wcu-tab-area ul .nav-link {
  position: relative;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 27px;
  padding: 10px 20px 10px 24px;
  background: #fff;
  width: 332px;
  border: none !important;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  /* Extra small devices */
}
@media (max-width: 375px) {
  .wcu-tab-area ul .nav-link {
    position: relative;
    font-family: var(--title-font);
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 14px;
    padding: 10px 10px 10px 10px;
    background: #fff;
    width: 245px;
    border: none !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }
}

.wcu-tab-area ul .nav-link:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
  width: 35px;
  height: 60px;
  background: #fff;
  clip-path: polygon(100% 49%, 0 0, 0 100%);
}

.wcu-tab-area ul .nav-link .icon-box {
  font-size: 50px;
  color: var(--theme-color);
}

.wcu-tab-area ul .nav-link.active {
  color: #fff;
  border-radius: 8px;
  background: linear-gradient(90deg, #f1270fe0 0%, #f1270f 123.82%);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.wcu-tab-area ul .nav-link.active img {
  filter: invert(100%);
}

.wcu-tab-area ul .nav-link.active:before {
  background: #f12e17;
}

.wcu-tab-area ul .nav-link.active .icon-box {
  color: #fff;
}

.wcu-tab-content {
  position: relative;
 /* display: grid;*/
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  border-radius: 16px;
  box-shadow: 0px 4px 25px 0px rgba(98, 34, 204, 0.08);
  background-color: #fff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  /* Small devices */
}
.wcu-tab-content .shape {
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 1;
}
.wcu-tab-content .wcu-thumb {
  position: relative;
  padding: 25px 10px 10px 10px;
    text-align: center;
    margin:22px 0px;
}
.wcu-tab-content .wcu-thumb img {
  position: relative;
  z-index: 3;
}
.wcu-tab-content .wcu-content {
  padding: 36px 30px 36px 30px;
  text-align: left;
  align-content: center;
  /* Small devices */
}
@media (max-width: 767px) {
  .wcu-tab-content .wcu-content {
    padding: 0px 10px 25px 10px;
        text-align: center;
  }
}
.wcu-tab-content .wcu-content .title {
  color: var(--title-color);
  font-family: var(--title-font);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
}
.wcu-tab-content .wcu-content .text {
  color: #000;
  font-family: var(--title-font);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.wcu-tab-content .wcu-content .checklist {
  margin-top: 14px;
}
.wcu-tab-content .wcu-content .checklist ul {
  display: flex;
  flex-direction: row;
  margin-left: 0;
  list-style: none;
}
.wcu-tab-content .wcu-content .checklist ul li {
  color: var(--title-color);
  font-family: var(--title-font);
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
}
@media (max-width: 767px) {
  .wcu-tab-content {
    grid-template-columns: repeat(1, 1fr);
  }
}

.wcu-area .bg-shape-1 {
  position: absolute;
  bottom: -120px;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
}

.wcu-area .bg-shape-2 {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center right;
}

.wcu-area .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 767px) {
  .service-tab-content {
    display: flex;
    flex-direction: column;
  }
  .wcu-tab-area {
/*    margin-bottom: 38px;*/
  }
  .service-tab-content figure.image img {
    width: 100%;
  }
}
.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

@media (min-width: 1200px) {
    .wcu-tab-content {
        display: grid;
    }
}

.wcu-tab-wrap {
    background-image: url('../../covai-images/web-images/product/wcuBg1_1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0px;
}
.width-50
{
    width: 50px;
}



/*time-line*/

.timeline-work{
  position: relative;
  padding: 30px 0px;
}

.timeline-work .sec-title h2{
  line-height: 30px;
  margin-bottom: 30px;
}

.timeline-work .inner-content .single-item{
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
}

.timeline-work .inner-content .single-item:first-child,
.timeline-work .inner-content .single-item:nth-child(3),
.timeline-work .inner-content .single-item:last-child{
  padding-top: 51px;
}

.timeline-work .inner-content .single-item .year{
  position: relative;
  display: inline-block;
  width: 232px;
  height: 232px;
  line-height: 150px;
  background: #fff;
  border-radius: 50%;
  border: 43px solid #b8ce00;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #222;
  margin-top: 115px;
  box-shadow: inset 0 0px 10px 0px rgba(0, 0, 0, 0.2);
  transition: all 1500ms ease;
}

.timeline-work .inner-content .single-item:hover .year{
  transform: rotate(360deg);
}

.timeline-work .inner-content .single-item:nth-child(2) .year,
.timeline-work .inner-content .single-item:nth-child(4) .year{
  margin-bottom: 56px;
  margin-top: 62px !important;
}

.timeline-work .inner-content .single-item:nth-child(2) .year{
  border-color: #fdbb0d;
}

.timeline-work .inner-content .single-item:nth-child(4) .year{
  border-color: #eb1d2f;
}

.timeline-work .inner-content .single-item:nth-child(3) .year{
  border-color: #5da8f0;
}

.timeline-work .inner-content .single-item:last-child .year{
  border-color: #a8107e;
}

.timeline-work .inner-content .single-item .year:before{
  position: absolute;
  content: '';
  background: #b8ce00;
  width: 50px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 0% 100%, 50% 0%);
}

.timeline-work .inner-content .single-item:first-child .year:before,
.timeline-work .inner-content .single-item:nth-child(3) .year:before,
.timeline-work .inner-content .single-item:last-child .year:before{
  bottom: -70px;
  transform: rotate(180deg);
}

.timeline-work .inner-content .single-item:nth-child(3) .year:before{
  background: #5da8f0;
}

.timeline-work .inner-content .single-item:last-child .year:before{
  background: #a8107e;
}

.timeline-work .inner-content .single-item:nth-child(4) .year:before{
  background: #eb1d2f;
}

.timeline-work .inner-content .single-item:nth-child(2) .year:before,
.timeline-work .inner-content .single-item:nth-child(4) .year:before{
  top: -70px;
}

.timeline-work .inner-content .single-item:nth-child(2) .year:before{
  background: #fdbb0d;
}

.timeline-work .inner-content .single-item:first-child:after,
.timeline-work .inner-content .single-item:nth-child(3):after, 
.timeline-work .inner-content .single-item:last-child:after{
  top: 215px;
}

.timeline-work .inner-content .single-item .text{
  position: relative;
  font-size: 16px;
  line-height: 24px;
  margin-top: 74px;
}

.timeline-work .inner-content .single-item:nth-child(2) .text,
.timeline-work .inner-content .single-item:nth-child(4) .text{
margin-top: 165px;
}

.timeline-work .inner-content .single-item .month{
  position: relative;
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
  color: #a3c300;
}

.timeline-work .inner-content .single-item .month:before{
  position: absolute;
  content: '';
  background: #d0d2db;
  width: 1px;
  height: 55px;
  left: 50%;
  transform: translateX(-50%);
}

.timeline-work .inner-content .single-item:first-child .month:before,
.timeline-work .inner-content .single-item:nth-child(3) .month:before,
.timeline-work .inner-content .single-item:last-child .month:before{
  
  bottom: -86px;
}

.timeline-work .inner-content .single-item:nth-child(2) .month:before,
.timeline-work .inner-content .single-item:nth-child(4) .month:before{
  top: -94px;
}

.timeline-work .inner-content .single-item .month:after{
  position: absolute;
  content: '';
  background: #b8ce00;
  width: 20px;
  height: 20px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

.timeline-work .inner-content .single-item:first-child .month:after,
.timeline-work .inner-content .single-item:nth-child(3) .month:after,
.timeline-work .inner-content .single-item:last-child .month:after{
  bottom: -30px;
}

.timeline-work .inner-content .single-item:nth-child(2) .month:after,
.timeline-work .inner-content .single-item:nth-child(4) .month:after{
  top: -40px;
}

.timeline-work .inner-content .single-item:nth-child(2) .month:after{
  background: #fdbb0d;
}

.timeline-work .inner-content .single-item:nth-child(4) .month:after{
  background: #eb1d2f;
}

.timeline-work .inner-content .single-item:nth-child(3) .month:after{
  background: #5da8f0;
}

.timeline-work .inner-content .single-item:last-child .month:after{
  background: #a8107e;
}

.timeline-work .inner-content .single-item:nth-child(2) .month,
.timeline-work .inner-content .single-item:nth-child(4) .month{
  margin-top: 70px;
 /* padding-bottom: 52px;*/
}

.timeline-work .inner-content .single-item:nth-child(2) .month{
  color: #fdbb0d;
}

.timeline-work .inner-content .single-item:nth-child(4) .month{
  color: #eb1d2f;
}

.timeline-work .inner-content .single-item:nth-child(3) .month{
  color: #5da8f0;
}

.timeline-work .inner-content .single-item:last-child .month{
  color: #a8107e;
}




.timeline-work .inner-content .single-item:after{
  position: absolute;
  content: '';
  background: url(../../covai-images/web-images/product/pattern-30.png);
  width: 238px;
  height: 60px;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
}

.timeline-work .inner-content .single-item:nth-child(2):after,
.timeline-work .inner-content .single-item:nth-child(4):after{
  background: url(../../covai-images/web-images/product/pattern-29.png);
  height: 66px;
  background-repeat: no-repeat;
}
.timeline-work .inner-content .single-item:nth-child(2):after{
  bottom: 167px;
}
.timeline-work .inner-content .single-item:nth-child(4):after{
  bottom: 174px;
}
@media (max-width: 1200px){
  .tab-off{
    display: none !important;
}
.tab-on{
    display: block !important;
}
}

.tab-off{
    display: block;
}
.tab-on{
    display: none;
}

.banner-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #00000094;
    content: "";
}
.mar-tp-0
{
    margin-top: 0px !important;
}
.mar-bt-0
{
    margin-bottom: 0px !important;
}
.pd-top-10
{
padding-top: 10px;
}

.dis-b{
  display: block;
}

.dis-n{
  display: none;
}

.padding-bt-20
{
    padding-bottom: 20px;
}

.clr-fff
{
    color: #fff !important;
}

.padding-tp-190
{
padding-top: 190px;
}
.search-box
{
padding-top: 100px;
padding-bottom: 80px;
}



@media (max-width: 1200px) {

  .dis-block{
  display: none !important;
}

.dis-none{
  display: block !important;
}

.wcu-tab-content .new
{
text-align: center;
}
    .wcu-tab-content .wcu-content {
        padding: 0px 10px 25px 10px !important;
        }
}


  .dis-block{
  display: block;
}

.dis-none{
  display: none;
}
    

@media (max-width: 991px) {

  .dis-b{
  display: none !important;
}

.dis-n{
  display: block !important;
}

.search-box {
    padding-bottom: 0px;
        padding-top: 35px;
   /* margin-top: 180px;*/
}



.heading2 h2 {
    font-size: 25px;
}
.tip-text {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center;
    padding: 10px 0px 0px 0px;
}
.mb-pad-tp-30
{
padding-top: 30px !important;
}

.wptb-item--image
{
text-align: center;
}
.wcu-content .new
{
text-align: center;
}

.impl_testimonial_box {
padding: 0px 0 !important;
    }
.mb-mar-tp-0
{
margin-top: 0px !important;
}

.mb-mar-0
{
margin-bottom: 0px !important;
}

.mb-pad-bt-30
{
padding-bottom: 30px !important;
}

.mb-pad-bt-0
{
padding-bottom: 0px !important;
}
.mb-pad-bt-20
{
padding-bottom: 20px !important;
}
.mb-pad-tp-20
{
padding-top: 20px !important;
}
.heading3 h3 {
margin-bottom: 0px;
    }
    .heading1 h1 {
    font-size: 25px;
    margin-top: 0px !important;
    line-height: 1.3 !important;
    margin-bottom:20px !important;
}
.pset {

    padding-bottom: 50px !important;
}
.about-us {
    padding: 30px 0;
}
.btn-two {
    position: relative;
    
    height: 47px;
}
.btn-two {
        font-size: 15px;
        min-width: 159px;
    }
    .process-one {
        margin-bottom: 37px !important;
    }
    .process-two {
        padding-left: 80px;
        padding-right: 0;
        text-align: left;
        margin-bottom: 35px !important;
    }
    .mb-txt-center
    {
        text-align: center !important;
    }
    .process-item {
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
}
.wptb-slider .wptb-heading .wptb-item--title
{
    margin-bottom: 0px !important;
}
.wptb-counter1 {
    padding: 41px 0;
    width: 50%;
    }
.mb-jus-cen
{
    justify-content: center; 
    display: flex

}
.tip-item {
     display: block !important;
}


.wptb-icon-box4 .wptb-item--title {
    color: var(--color-white);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.24px;
    text-transform: none;
     margin: 0px ;
    text-align: center;
}
.wptb-accordion1 .wptb-item-title i {
right: 8px;
    }
    .wptb-icon-box4 .wptb-item--inner {
    /* display: flex;
    justify-content: center;*/
    }
.footer .footer--inner{
    padding-bottom: 0px;
}
.footer-bottom
{
text-align: center;
}
.footer .footer-bottom .footer-bottom-inner {
    display: flex;
    justify-content: center !important;
    
}
}


.jus-cen
{
    justify-content: center;
    display: flex;
}

.tm_coverbox_contents h2
{
font-size: 22px !important;
}


.heading3 h3
{
    margin-bottom: 10px;
}

.pad-top-165
{
    padding-top: 165px;
}


 .wptb-icon-box4 {
        position: relative;
        background-size: cover;
        background-position: center;
        color: white;
    }

    .black-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 79%); /* Adjust opacity as needed */
        z-index: 1;
    }

    .wptb-item--inner {
        position: relative;
        z-index: 2;
    }

.top-section h2
    {
text-align: left;
    }

    .wptb-testimonial-two.bg-image.type
    {
        font-weight: 600;

 }

.align-cen
{
   align-items: center;
    display: flex; 
}
    
.txt-left
{
    text-align: left;

}   

/*service-third-section*/
.ttm-row.zero_padding-section {
    padding-bottom: 120px;
}
.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.spacing-7 {
    padding: 190px 70px 185px 0;
}
.z-index-2 {
    z-index: 2;
}

.ttm-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.layer-content {
    position: relative;
    z-index: 1;
}
.row.ttm-boxes-spacing-20px, .ttm-boxes-spacing-20px {
    margin: 0 1px;
}
.ttm-boxes-spacing-20px .ttm-box-col-wrapper {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
}
.featured-icon-box.style3 {
    text-align: center;
    padding: 40px 16px 40px;
    box-shadow: none;
    margin: 21px 0 0;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #f7f7f7
}

.featured-icon-box.style3:hover:before {
    transform: scaleX(1)
}

.featured-icon-box.style3:hover .featured-icon i {
    transform: rotateY(180deg)
}

.featured-icon-box.style3 .featured-icon i {
    font-size: 45px;
    color: #1c8200;
}

.featured-icon-box.style3 .featured-content {
    padding-top: 1px
}

.featured-icon-box.style3 .featured-title h3 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    color: #000;
}

.featured-icon-box.style3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #1c8200;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transform: scaleX(0);
}
.featured-icon-box .ttm-icon {
    margin-bottom: 0;
}
.ttm-icon.ttm-icon_element-onlytxt {
    height: auto;
    width: auto;
    line-height: 1;
}
.featured-icon-box.style3 .featured-content {
    padding-top: 1px;
}
.featured-icon-box.icon-align-top-content .featured-content {
    padding-top: 15px;
}
.bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.ttm-right-span>.ttm-col-wrapper-bg-layer {
    width: auto;
    margin-right: -100px;
    right: 0;
}
.ttm-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.ttm-equal-height-image {
    display: none;
}
.featured-icon-box {
    position: relative;
}
.col-bg-img-four.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {
    background-image: url(../../solar-image/images/img-6.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


/* top service section */
.featured-imagebox {
    margin: 15px 0;
}
.featured-imagebox, .featured-imagebox .featured-thumbnail  {
    position: relative;
    overflow: hidden;
}
.featured-imagebox .featured-thumbnail img {
    width: 100%;
    transition: transform .5s ease-in-out;
}
/*.featured-imagebox-services.style1 .featured-thumbnail a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    background-color: #252525;
    color: #fff;
}*/
.featured-imagebox-services.style1 .featured-content {
    padding: 25px 25px 0 0;
}
.featured-imagebox-services.style1 .featured-content .featured-title h3:before {
    display: block;
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #e16523;
}
.featured-imagebox-services.style1 .featured-content .featured-title h3 {
    font-size: 20px;
    line-height: 32px;
    padding-left: 25px;
    text-transform: capitalize;
}
.featured-imagebox .featured-content .featured-title h3 {
    position: relative;
    overflow: hidden;
}
.three-item-carousel .owl-nav{
    padding-top: 30px;
}
.three-item-carousel .owl-nav .owl-prev{
  position: absolute;
/*  top: 50%;*/
  transform: translateY(-50%);
  display: inline-block;
  height: 40px;
  width: 38px;
  line-height: 40px;
  text-align: center;
  font-size: 23px;
  color: #fff;
  background: #e16523;
  border-radius: 5px;
  transition: all 500ms ease;
  cursor: pointer;
  left: 50%;
}
.three-item-carousel .owl-nav .owl-next{
  position: absolute;
/*  top: 50%;*/
  transform: translateY(-50%);
  display: inline-block;
  height: 40px;
  width: 38px;
  line-height: 40px;
  text-align: center;
  font-size: 23px;
  color: #fff;
  background: #e16523;
  border-radius: 5px;
  transition: all 500ms ease;
  cursor: pointer;
  left: 55%;
}
.gallery .owl-nav .owl-prev{
  left: 0px;
}

.gallery .owl-nav .owl-next{
  right: 0px;
}

.gallery .owl-nav .owl-prev:hover,
.gallery .owl-nav .owl-next:hover{
  background: #fff;
  color: #4527a4;
}

.ttm-bgcolor-darkgrey>.ttm-bg-layer {
    background: linear-gradient(135deg, #f2f7ff 0%, #f2f7ff 100%);
}
.col-bg-img-one.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {
    background-image: url(../../covai-images/web-images/services/about-3.jpg);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.mr_400 {
    margin-right: -400px;
}
.mt-40 {
    margin-top: 40px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
/*    overflow: hidden;*/
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
/*    display: none;*/
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}
.featured-imagebox-portfolio.style1 {
    z-index: 1;
    background-color: #fff;
    margin: 0 0 15px;
    border-right: 1px solid #f1270f;
    height: 300px;
}

.featured-imagebox-portfolio.style1:before {
    content: "";
    position: absolute;
    z-index: 1;
/*    background-color: rgba(0,0,0,.6);*/
    top: 0;
    bottom: -5px;
    left: 0;
    right: 0;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.featured-imagebox-portfolio.style1.active:before {
    opacity: 1;
    backface-visibility: visible
}

.featured-imagebox-portfolio.style1:hover:before {
    opacity: 1;
    backface-visibility: visible
}

.featured-imagebox-portfolio.style1 .featured-thumbnail {
    opacity: 1
}

.featured-imagebox-portfolio.style1.active .featured-thumbnail {
    opacity: 1
}

.featured-imagebox-portfolio.style1:hover .featured-thumbnail {
    opacity: 1
}

.featured-imagebox-portfolio.style1 .featured-thumbnail img {
    width: calc(100% + 10px);
    max-width: none;
    height: 380px;
    opacity: 0;
    backface-backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform: unset
}

.featured-imagebox-portfolio.style1.active .featured-thumbnail img {
    opacity: 1;
    backface-backface-visibility: visible;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.featured-imagebox-portfolio.style1:hover .featured-thumbnail img {
    opacity: 1;
    backface-backface-visibility: visible;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.featured-imagebox-portfolio.style1 .featured-content {
    position: relative;
    left: 0;
    right: 0;
    top: 10%
}

.featured-imagebox-portfolio.style1.active .featured-content,.featured-imagebox-portfolio.style1:hover .featured-content {
    color: #000;
    background-color: unset;
    z-index: 2
}

.featured-imagebox-portfolio.style1 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover {
    background-color: unset
}

.featured-imagebox-portfolio.style1.active .featured-title h3 a,.featured-imagebox-portfolio.style1:hover .featured-title h3 a {
    color: #000
}

.featured-imagebox-portfolio.style1 .featured-content .featured-icon i {
    display: inline-block;
    transition: all .5s ease
}

.featured-imagebox-portfolio.style1:hover .featured-content .featured-icon i {
    transform: rotateY(180deg)
}

.featured-imagebox-portfolio.style1 .featured-title {
   padding-bottom: 5px;
    padding-top: 18px
}

.featured-imagebox-portfolio.style1 .featured-title h3 {
    margin-bottom: 0
}

.featured-imagebox-portfolio.style1 .featured-desc {
    margin-bottom: 18px
}

.featured-imagebox-portfolio.style1 .featured-desc p {
/*    overflow: hidden;*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
 color: #fff !important;
    -webkit-box-orient: vertical;
}
.featured-imagebox:hover {
    color: #000;
}

.featured-imagebox-portfolio.style1 .ttm-footer .ttm-btn.ttm-btn-color-white:hover,.featured-imagebox-portfolio.style4 .ttm-footer .ttm-btn.ttm-btn-color-white:hover {
    background-color: transparent
}
.spacing-1 {
    margin-top: 70px;
    padding: 92px 0 55px 0;
}
.featured-imagebox:hover .featured-desc p{
    color: #000;
}
.ttm-left-span>.ttm-col-wrapper-bg-layer {
    width: auto;
    margin-left: -500px;
    right: 0;
}

.ttm-bg-layer, .ttm-col-wrapper-bg-layer-inner, .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.featured-imagebox-portfolio.style1 .featured-icon span {
    font-size: 50px;
}
.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.spacing-2 {
    margin-left: -200px;
}
.ttm-col-bgimage-yes {
    z-index: 1;
}
.ttm-bg {
    position: relative;
}


.featured-imagebox-portfolio.style1.active .featured-content, .featured-imagebox-portfolio.style1:hover .featured-content {
    color: #fff;
    background-color: unset;
    z-index: 2;
}
.featured-imagebox-portfolio.style1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none !important; 
    opacity: 1 !important;
    transition: none !important; 
}



.featured-imagebox-portfolio.style1 {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 20px;
}


.featured-thumbnail img {
    display: none; 
}

.featured-imagebox-portfolio.style1 {
    background-image: url('../../covai-images/web-images/services/durability.jpg'); 
}


.featured-content {
    position: relative;
    color: #fff;
    z-index: 2;
}

.featured-imagebox-portfolio.style1:hover:before {
    opacity: 1 !important;
}

.featured-content a
{
color: #fff !important;
    font-weight: 600;
    font-size: 24px;
}
.featured-imagebox-portfolio.style1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 68%) !important; 
    z-index: 1;
}

.featured-desc p
{
margin-top: 8px;
}
.heading2 h1 {
    font-size: 30px;
    font-weight: var(--fw-semibold);
    letter-spacing: -1.06px;
}

.tyre-tips {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.tip-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease-in-out;
}

.tip-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.tip-icon {
    width: 40px;
    height: 40px;
    background: #f1270f;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
}

.tip-text {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.service-last.wptb-about-company-one
{
background-image: none !important;
}

.dis-contents
{
    display: contents;
}
 .arrow-icon {
            width: 36px;
            height: 36px;
            fill: #007bff; /* Arrow color */
            margin-right: 12px;
        }

.alloy ul li {
    list-style: none !important;
    display: flex;
            align-items: center;
            gap: 8px;
            font-size: 16px;
            margin-bottom: 8px;
    
}
.four-wheeler .wptb-image-box1 {
margin-bottom: 0px !important;

    }
    .wptb-item--inner {
    transition: transform 0.4s ease-in-out;
}

.wptb-item--button
{
    padding-top: 20px;
}

.product_item_name
{
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
}
.bor-rad-20
{
    border-radius: 20px;
}

.wptb-icon-box2.style3
{
    border-color: var(--color-one);
    text-align: center;
    border-radius: 20px;
}

.w-h-100
{
width: 100%;
    height: 100%;  
}

.filters-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 0px 20px 20px 20px;
}

.button {
    background: linear-gradient(135deg, #ff7e5f, #feb47b);
    color: white;
    font-size: 16px;
    font-weight: bold;
    border: none;
    padding: 12px 20px;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.button:hover {
    background: linear-gradient(135deg, #feb47b, #ff7e5f);
    transform: translateY(-3px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}

.button.is-checked {
    background: linear-gradient(135deg, #ff512f, #dd2476);
    box-shadow: 0px 4px 15px rgba(221, 36, 118, 0.5);
}
/* Product list  */
.products-list li {
  display: flex;
  gap: 12px;
  margin-bottom: 15px;
}
.products-list .popular_product_image {
  max-width: 85px;
  width: 85px;
  height: 85px;
  background-color: rgba(var(--color-dark-black-rgb), 0.3);
  border: 1px solid var(--color-dark-black-three);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-list .product_title {
  color: var(--color-white);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.24px;
}
.products-list .product_title a {
  color: var(--color-white);
}

.products-list .product_title a:hover {
  color: var(--color-one);
}
.products-list .product_price {
  color: #000;
  font-family: var(--font-family-base);
  line-height: 33px;
}

.shop_sidebar .products-list .product_title {
  color: var(--color-white);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.14px;
}
.products-list .product_title {

margin-bottom: 0px !important;
}

/*home-branches*/


  .impl_btn {
    background: #f1270f;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    text-transform: none;
    border: none;
    cursor: pointer;
    transition: 0.3s;
  }
  .impl_btn:hover {
    background: #d70006;
  }
  .location-box {
    background: #e3e6e9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  }

  .theme-style--light .form-control.branch
  {
    border-color: #000000 !important;
        background-color: #fff !important;
  }
  .custom-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  .custom-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding-right: 30px;
    cursor: pointer;
  }

  .custom-dropdown i {
    position: absolute;
    right: 10px;
    top: 54% !important;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 16px;
    color: #555;
  }

  .branch-form
  {
    background-color: #e3e6e9;
    padding: 20px;
    border-radius: 43px;
  }
  .location-box h3
  {
    font-weight: 600;
  }

  .location-box p a
  {
    color: #000 !important;
  }

  /*contact*/

  .impl_contact_box {
    position: relative;
   
    align-items: center;
    gap: 20px;
    background-color: #fff !important;
    box-shadow: 0px 0px 50px 0px #0000000F;
    border-radius: 15px;
    padding: 20px;
    margin-top: 20px;
}

.impl_contact_icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1270f;
    border-radius: 5px;
}

.impl_contact_icon img {
    max-height: 24px;
    max-width: 24px;
    object-fit: contain;
}

.impl_contact_text h6 {
    color: var(--impl-heading-color);
    font-weight: 600;
    font-size: 20px;

}

.impl_contact_text a, .impl_contact_text p {
    color: #000 !important;
    word-break: break-word;
       margin: 4px;
}

.impl_contact_form {
    background-color: var(--impl-white-color);
    box-shadow: 0px 0px 50px 0px #0000000F;
    border-radius: var(--impl-border-radius);
    padding: 30px;
}

.impl_form_btn{
    margin-top: 25px;
}

.impl_contact_form .response {
    margin-top: 10px;
}

.bg-grey
{
    background-color: #e3e6e9;
}

.impl_section_wrapper .bg-grey
{
    padding: 40px;
    border-radius: 20px;
}
.impl_section_wrapper h3
{
    text-align: center;
    font-weight: 600;

}


/*form*/

 .form-container {
    background: #e3e6e9;
    backdrop-filter: blur(10px);
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
  }

  .form-title {
    font-size: 28px;
    font-weight: bold;
    color: #000;
     margin-bottom: 10px;
    font-weight: 600 !important;
  }

  .form-subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
  }

  .form-group {
    position: relative;
  }

  .form-control {
    height: 50px;
    border-radius: 8px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    padding: 12px 15px;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
  }

  .form-control:focus {
    border-color: #ff6600;
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.3);
  }

  textarea.form-control {
    height: 120px;
    resize: none;
  }

  /* Custom Dropdown */
  .custom-dropdown {
    position: relative;
  }

  .custom-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
    cursor: pointer;
    height: 55px;
  }

  .select-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #555;
    font-size: 18px;
    pointer-events: none;
  }

  
  /* Mobile Responsive */
  @media (max-width: 768px) {
    .form-container {
      padding: 30px;
    }
  }


::placeholder {
  color: black !important;
  opacity: 1; /* Ensures full visibility */
}

.why-choose h2
{
font-size: 22px;
}
.featured-imagebox-portfolio.grip  {
    background-image: url(../../covai-images/web-images/services/grip-and-traction.jpg);
}
.featured-imagebox-portfolio.noise  {
    background-image: url(../../covai-images/web-images/services/noise-reduction.jpg);
}

.featured-imagebox-portfolio.comfort  {
    background-image: url(../../covai-images/web-images/services/comfort.jpg);
}
.featured-imagebox-portfolio.high-speed  {
    background-image: url(../../covai-images/web-images/services/high-speed.jpg);
}

.featured-imagebox-portfolio.balance {
    background-image: url(../../covai-images/web-images/services/balanced-performance.jpg);
}

.featured-imagebox-portfolio.fuel  {
    background-image: url(../../covai-images/web-images/services/fuel-efficiency.jpg);
}
.featured-imagebox-portfolio.grip-safety {
    background-image: url(../../covai-images/web-images/services/grip-and-safety.jpg);
}
.featured-imagebox-portfolio.heavy {
    background-image: url(../../covai-images/web-images/services/heavy.jpg);
}

.featured-imagebox-portfolio.high-load {
    background-image: url(../../covai-images/web-images/services/high-l.jpg);
}
.featured-imagebox-portfolio.transaction{
    background-image: url(../../covai-images/web-images/services/traction-and-stability.jpg);
}

.featured-imagebox-portfolio.grip-stabilty{
    background-image: url(../../covai-images/web-images/services/stability.jpg);
}

.header .mainnav ul.main-menu li ul.sub-menu.battery li a
{
width: 100%;
    text-align: left !important;
}
.header .mainnav ul.main-menu li ul.sub-menu.battery
{
    min-width: 193px !important;
}

.popular_product_content h5
{
 color: #000 !important;
}

.featured-content img
{
width: 65px;
}

.location-box p
{
    text-align: left;
}

/*whatsapp*/

.whatsapp-name {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0.5;
}

#whatsapp-chat {
  box-sizing: border-box !important;
  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 125px;
  right: 30px;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}

a.blantershow-chat {
background: #fff;
color: #404040;
position: fixed;
display: flex;
font-weight: 400;
justify-content: space-between;
z-index: 9;
bottom: 144px;
right: 38px;
font-size: 18px;
padding: 4px;
border-radius: 30px;
box-shadow: 0 1px 15px rgb(32 33 36 / 61%);
}

a.blantershow-chat svg {
  transform: scale(1.2);
  /*margin: 0 10px 0 0;*/
}

.header-chat {
  /*   background: linear-gradient(to right top, #6f96f3, #164ed2); */
  background: #009688;
  background: #095e54;
  color: #fff !important;
  padding: 15px;
}

.header-chat h3 {
  margin: 0 0 10px;
}

.header-chat p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.info-avatar {
  position: relative;
}

.info-avatar img {
  border-radius: 100%;
  width: 50px;
      background: #fff;
    padding: 3px;
  float: left;
  margin: 0 10px 0 0;
}

a.informasi {
  padding: 20px;
  display: block;
  overflow: hidden;
  animation-name: showhide;
  animation-duration: 0.5s;
}

a.informasi:hover {
  background: #f1f1f1;
}

.info-chat span {
  display: block;
}

#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}

#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}

#get-label,
#get-nama {
  color: #fff;
}

span.my-number {
  display: none;
}

/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
textarea#chat-input {
      border: none !important;
    font-family: "Arial", sans-serif;
    width: 100%;
    height: 46px !important;
    outline: none;
    resize: none;
    padding: 10px;
    font-size: 14px;
    background: white;
    border-radius: 0px !important;
}

a#send-it {
  /*width: 30px;*/
  font-weight: 700;
  padding: 10px 10px 0;
  background: #eee;
 /* border-radius: 10px;*/
}
a#send-it svg {
  fill: #a6a6a6;
  height: 24px;
  width: 24px;
}

.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
}
.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: 10px;
  padding: 15px 20px;
  display: inline-block;
}

.start-chat .blanter-msg {
  display: flex;
}

#get-number {
  display: none;
}

a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff !important;
  font-size: 30px;
}

@keyframes ZpjSY {
  0% {
    background-color: #b6b5ba;
  }
  15% {
    background-color: #111111;
  }
  25% {
    background-color: #b6b5ba;
  }
}
@keyframes hPhMsj {
  15% {
    background-color: #b6b5ba;
  }
  25% {
    background-color: #111111;
  }
  35% {
    background-color: #b6b5ba;
  }
}
@keyframes iUMejp {
  25% {
    background-color: #b6b5ba;
  }
  35% {
    background-color: #111111;
  }
  45% {
    background-color: #b6b5ba;
  }
}
@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }

}



@media screen and (min-width: 590px) {
.justify-between
{
justify-content:space-between !important;
}

    }


@media screen and (max-width: 590px) {
  .img-w-50 {
    width: 50% !important;
    }

    .justify-around {
    justify-content: space-around !important;
}
  
}

@media screen and (max-width: 1200px) {
.index-page.show{
  display: none !important;
}
}

#whatsapp-chat.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

#whatsapp-chat.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
  z-index: 9999;
}

.whatsapp-message-container {
  display: flex;
  z-index: 1;
}

.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: white;
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}

.whatsapp-chat-body {
  padding: 0px;
  background-color: #e6ddd4;
  position: relative;
}
.whatsapp-chat-body::before {
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url(../../covai-images/web-images/contact/whatsapp-bg.png);

}

.dAbFpq {
  display: flex;
  z-index: 1;
}

.eJJEeC {
  background-color: white;
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

.hFENyl {
  position: relative;
  display: flex;
}

.ixsrax {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  background-color: #9e9da2;
  animation-name: ZpjSY;
}

.dRvxoz {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  background-color: #b6b5ba;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  animation-name: hPhMsj;
}

.kAZgZq {
  padding:0px;
  /*background-color: white;*/
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  /*box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;*/
  margin-top: 4px;
  margin-left: 10px;
  max-width: calc(100% - 66px);
}
.kAZgZq::before {
  position: absolute;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0px;
  left: -12px;
  width: 12px;
  height: 19px;
}

.bMIBDo {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
}

.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

.iSpIQi {
  font-size: 14px;
  line-height: 16px;
  margin-top: 4px;
  color: #111111;
}

.cqCDVm {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
  margin-right: -8px;
  margin-bottom: -4px;
}
.welcome-text{
    max-width: 100%;
    margin-bottom: 5px;
}
.whatt{
  min-height: 0px !important;
}
.blanter-msg a.close-chat
{
color: #fff !important;
}
.phon1 {
    position: fixed;
    bottom: 88px;
    right: 38px;
    z-index: 9;
    width: 40px;
}

@media screen and (max-width: 410px) {
.counter-width
{
   width: 50%;
    display: contents; 
}
}

.tyres a{
width:100% !important;
color: #000 !important;
}

@media screen and (min-width: 767px) and (max-width: 991px)  {
  .wptb-testimonial-two
   {
    padding-top: 130px !important;

    }
    
}


@media screen and (min-width: 700px) and (max-width: 991px)  {
.mar-tp-100 {
    margin-top: 170px !important;
}
}
.txt-jus
{
    text-align: justify;
}


.wptb-about-company--inner .heading2 h1
{
 font-size: 30px !important;
    font-weight: var(--fw-semibold) !important;
    letter-spacing: -1.06px !important;   
}

.popular_product_content
{
    align-items: center;
    display: grid
}
.tyres p
{
    margin: 20px 0px 0px 0px !important;
}

.tyres img
{
    border-radius: 20px;
}
.break-line
{
    display: block;
}

.search-bar
{
   z-index: 3 !important;
    top: 80% !important;
    width: 100%; 
}

.search-bar-tab
{
    background-color: #fff;
    box-shadow: 0 2px 10px rgb(0 0 0 / 37%);
        padding: 25px 15px 30px 15px;
    border-radius: 10px;
    overflow: hidden; 
}

.justify-self-center
{
justify-self:center;
}


.mar-tp-100
{
   margin-top: 85px; 
}

@media screen and (min-width: 1600px) {
.search-bar {
    top: 85% !important;
}
}
.bor-none
{
    border-bottom: none !important;
}
.wptb-icon-box2
{
    width: 90%;
}


.alloy .wptb-heading .wptb-item--title {

font-weight: 600 !important;
}

.service-sidebar__nav .active
{
    background-color: var(--wallpi-black, #2a2826);  
}
.service-sidebar__nav li.active a {
 color: #fff !important;

}
.service-details__thumbnail
{
    text-align: center;
}
#backToTop {
    position: fixed;
    bottom: 20px;
    left: 16px;
    display: none;
    background: blue;
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 1000;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.gallery-icon
{
text-align: center;
}

/*@media screen and (max-width: 1200px) {

 .tab-block{
  display: none !important;
}

.tab-none{
  display: block !important;
}
 }

 .tab-block{
  display: block !important;
}

.tab-none{
  display: none !important;
}*/

.mr_menu_toggle
{
    background-color: #f1270f;
    color: #fff;
  /*  width: 100px !important;*/
     width: 100%;
}

.mr_menu_toggle
{
    position: relative;
    overflow: hidden;

}

.mr_menu_toggle:before {
    position: absolute;
    content: '';
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 80px;
    width: 10px;
    z-index: 1;
    filter: blur(7px);
    transform: translateX(-15px) rotate(20deg);
    background: rgba(255,255,255,.8);
    animation: shine 1s infinite linear;
    transition: all 600ms ease;
    transform: translateX(-100%);
}
@keyframes shine {
    100% {transform: translateX(290px) rotate(20deg) }
}



@keyframes shine {
    100% {transform: translateX(290px) rotate(20deg) }
}


.wptb-swiper-dots
{
    display: none;
}

/*arrow*/

.swiper-button-next, 
.swiper-button-prev {
     position: absolute !important;
    top: 90% !important;
    width: 50px !important;
    height: 50px !important;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)) !important;
    z-index: 10 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
     background-color: rgb(241 39 15); /* Semi-transparent black */
    border-radius: 50%; /* Make it circular */
    color: white;
}

/* Hover effect */


/* Center arrows horizontally */
.swiper-navigation-wrapper {
    display: flex !important;
    justify-content: center !important;
    position: relative !important;
    margin-top: 20px !important; /* Space between slider and arrows */
}

/* Positioning left and right arrows */
/*.swiper-button-prev {
    left: 44% !important;
    right: auto !important;
}

.swiper-button-next {
    right: 44% !important;
    left: auto !important;
}*/

/* Customize arrow icon */
.swiper-button-next::after, 
.swiper-button-prev::after {
   
    font-size: 25px !important;
    color: #ffff !important;
}

.swiper-button-prev:after {
    content: '←' !important; 
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important; 
     font-size: 31px !important;
     top: 15%;
      position: absolute;
}

.swiper-button-next:after {
    content: '→' !important; 
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important; 
     font-size: 31px !important;
         position: absolute;
         top: 15%;
}





/* Default positioning for larger screens */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Positioning for larger screens (Desktop) */
@media (min-width: 1200px) {
    .swiper-button-prev {
        left: 45% !important;
    }
    .swiper-button-next {
        right: 45% !important;
    }
}

/* Medium screens (Tablets) */
@media (max-width: 1199px) and (min-width: 768px) {
    .swiper-button-prev {
        left: 40% !important;
    }
    .swiper-button-next {
        right: 40% !important;
    }
}

/* Small screens (Mobile) */
@media (max-width: 767px) {
    .swiper-button-prev {
        left: 35% !important;
    }
    .swiper-button-next {
        right: 35% !important;
    }
}


@media (max-width: 500px) {
    .swiper-button-prev {
        left: 33% !important;
    }
    .swiper-button-next {
        right: 33% !important;
    }
}

.swiper-carousel
{
    padding-top: 80px;
    z-index: 1;
}
.social-box ul {
    position: relative !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}
.social-box ul li{
    position:relative !important;
    display: inline-block !important;
}

.social-box ul li a{
    position:relative !importantss;
    font-size:var(--fs-16) !important;
    color: var(--color-white) !important;
    background-color: rgba(var(--color-white-rgb), 0.1) !important;
    border: 0px solid rgba(var(--color-white-rgb), 0.1) !important;
    border-radius: 3px !important;
    width: 50px !important;
    height: 50px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.social-box ul li:last-child{
    margin-right:0px;
}

.social-box ul li a:hover{
    background-color: rgba(var(--color-white-rgb), 1) !important;
    border-color: rgba(var(--color-white-rgb), 1) !important;
    color:var(--color-one) !important;
    transform: translateY(-3px) !important;
}
.alloy svg
{
    width: 64px;
}

.cv-field
{
    width: 100% !important;
    height: 55px !important;
    padding: 15px 20px !important;
}

/*banner*/

.bann-txt{
    width: 825px !important;
    height: 100px !important;
  /*  top: 69px !important;*/
    position: absolute !important;
font-family: work sans,sans-serif !important;
letter-spacing: px !important;
    opacity: 1 !important;
    font-size: 35px !important;
    z-index: 1 !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #fff !important;
   
}
.bann-txt-1{
    width: 825px !important;
    height: 100px !important;
    top: 70px !important;
    position: absolute !important;
    font-family: work sans,sans-serif !important;
letter-spacing: 0px !important;
    opacity: 1 !important;
    font-size: 35px !important;
    z-index: 1 !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #fff !important;
}
.bann-txt-2{
    width: 825px !important;
    height: 100px !important;
    top: 65px !important;
    position: absolute !important;
     font-family: work sans,sans-serif !important;
letter-spacing: 0px !important;
    opacity: 1 !important;
    font-size: 35px !important;
    z-index: 1 !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #fff !important;
   
}
.op-cha-1
{
    opacity: 1 !important;
}

.position-relative
{
    position: relative !important;
}

.border-rht-none
{
    border-right: none !important;
}

.position-absolute
{
 position: absolute !important;
}

.dis-flex
{
    display: flex;
}

.fall img{
    width: 50px;
}

 .fall
 {
margin-bottom: 20px !important
 }

 .why-choose-us-box
 {
    background-color: var(--white-color);
    box-shadow: 0px 4px 25px 0px rgb(0 0 0 / 44%);
    padding: 40px 10px 20px 10px;
    border-radius: 20px;
 }

/*.label_text a:hover
{ 
 color: #000;
}*/
.label_text a
{
color: #000;
}

.h-100
{
    height: 100%;
}

.wptb-item-title span
{
    text-align: left;
}

.footer .footer-nav1 li a {
    position: relative;
    display: inline-flex;
    padding-left: 0px;
    text-decoration: none;
    color: var(--color-three);
    font-family: var(--font-family-base);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.42px;
    text-transform: capitalize;
    transition: var(--transition-base);
    padding-right: 10px;
}
.process-img {
        text-align: center;

        img {
            animation: process-type 25s infinite linear;
            position: relative;
            top: -12px;

        }
    }

.footer .footer-nav1 li a::after {
    content: "–"; /* Adds the dash symbol */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); /* Centers the dash vertically */
    padding-left: 10px; /* Adjust spacing between text and dash */
}
.footer-nav
{
    padding-bottom: 35px;
}

.wptb-item--holder
{
overflow: hidden;
}

.wptb-icon-box2 .wptb-item--holder img {
  transition: transform 0.3s ease; /* Adjust duration and timing function */
}

.wptb-icon-box2:hover .wptb-item--holder img {
  transform: scale(1.1);
}

.header .mainnav ul.main-menu li ul li:last-child
{
 border: none !important; 
}

.footer-1 ul li a:hover
{
    color: #fff !important;
}

.bi-chevron-left::before {
    content: "\f284";
    font-size: 23px;
    top: 26%;
    left: 21%;
    color: #fff;
    position: absolute;
}

.right::before {
  
    font-size: 23px !important;
    top: 26% !important;
    right: 25% !important;
    color: #fff !important;
    position: absolute !important;
}


.fw-600
{
    font-weight: 600;
}




/*HARISH*/

.spl-search{
    width: 59%;
    position: relative;
    bottom: 266px;
}