:root {
    --main-color: #c9a041;
    --bg-lb: #E4ECF8;    
  }


h1,
h2,
h3,
h4,
h5,
h6{
    font-family: "Jost", sans-serif !important;
    font-display: swap;
}

p{
    font-size:14px;
}


/* .navbar-brand, .foo-logo{
    display: none;
}  */


/* Mega Menu CSS */

.ab-mm-col {
    margin-bottom: 30px;
    padding-left: 22px;
    border-left: 3px solid;
    border-image: 
    linear-gradient(
      to bottom, 
      #000000, 
      rgba(0, 0, 0, 0)
    ) 1 100%;    
}

.ab-mm-col h4 {
    color: #000;
    font-size: 18px;
}

.ab-mm-col h4 a{
    color: #000;    
}

.arrow-btn-mm {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #000;
    font-weight: 500;
}

.broacher-btn {
    display: flex;
    gap: 8px;
    align-items: baseline;
    color: #000;
    font-weight: 500;
}

.broacher-btn:hover {
    color: #c9a041;
}

/* Mega Menu CSS End */

/* pageination */
.ctm-pageination .pagination{
    justify-content:center;
}

.ctm-pageination .nav-links a {
    background-color: #ccc;
    padding: 3px 8px;
    color:#000;
}

.nav-links .current{
    background-color: var(--main-color);
    padding: 3px 8px;    
}

/* pageination End*/


/* CTM List Style */

.ctm-list-title{
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    color: #060606;
}

.ctm-list-1{
  padding-left:0;
  list-style:none;
}

.ctm-list-1 li{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #322F2F;
    margin-bottom: 14px;
    display: flex;
    gap: 9px;
}

.ctm-list-1 li:before {
    content: "";
    border: 7px solid #c9a041;
    width: 10px;
    height: 7px;
    display: inline-block;
    border-top-color: transparent;
    border-bottom-color: transparent;
    /* transform: rotate(-47deg); */
    margin-top: 4px;
    border-right-color: transparent;
}


/* CTM List Style End */

.inner-banner-cont.text-center {
    margin-top: 60px;
}

.inner-banner{
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
    display:flex;
    align-items:center; 
    position: relative;
    z-index: 1;
}

.inner-banner:after{
    content:"";
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background-color:#0000004a;
    z-index: -1;
}

body{
    font-family: "Poppins", sans-serif;
    font-display: swap;
}

.navbar-brand img {
    height: 65px;
    padding-right: 20px;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}

.ctm-bg .navbar-brand img{
    height: 40px;
}

.top-spacing{
    padding-top: 120px;
}

.banner-spacing{
    padding-top:80px;
}

.ctm-navbar{
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}

.ctm-navbar .menu-item .nav-link{
    color:#fff;
}

.space-p-t {
    padding-top: 80px;
}

.space-p-b {
    padding-bottom: 80px;
}

.space-p-tb {
    padding: 80px 0;
}

.space-m-t {
    margin-top: 80px;
}

.space-m-b {
    margin-bottom: 80px;
}

.space-m-tb {
    margin: 80px 0;
}

/*Header Scroll */

.ctm-bg {
    background-color: #000;
    box-shadow: 2px 2px 6px #00000085;
}

.ctm-bg-light{
    background-color: #F8F8F9;
}

/*
.ctm-bg-white .menu-item .nav-link {
    color: #000 !important;
}

.ctm-bg-white .header-btn{
    background-color: #000;
    color:#fff !important;
} */

/*Header Scroll */

.ctm-mian-title{
    font-size: 38px;
    font-weight: 600;
    line-height: 1.2;
    color:#000;
}

.ctm-thin-font {
    font-weight: 300;
}

.ctm-thin-title{
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    color:#000;
}

.title-h4 {
    font-size: 29px;
    line-height: 41px;
    color: #000;
}

.mian-baner-cont h1{
    color: #fff;
    font-size: 50px;
}

.mb-mini-title {
    color: #c9a041;
    font-size: 34px;
}

.ctm-link{
    color:#276FA2;
    text-decoration: none;
}

.ctm-color-orange{
    color:#c9a041;
}


#main {
    margin-top: 0;
    /* padding-top: 56px; */
}

/* HOme mian banner */

/* .ctm-mian-header{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    z-index:2;
} */


/* Header Video */

.tekrevol__videobanner video.banner-vid {
    object-fit: cover;
}

.tekrevol__videobanner {
    background: #000;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 100vh;
    z-index: 1;
}

.tekrevol__videobanner .banner-image, .tekrevol__videobanner video.banner-vid {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* Header Video End */

.homebanner{
    /* min-height:750px;     */
    position: relative;
    z-index: 1;
    padding-top: 56px;
    padding-bottom: 20px;
}

.mian-baner-cont{
    padding-top: 80px;
    max-width: 700px;
    color:#fff;
}

.mb-mini-title{
    color:#c9a041;
}

.mian-baner-cont h1{
    color:#fff;
}

.homebanner:after{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0c0c0c9d;
    width: 100%;
    height: 100%;    
    z-index: -1;
}

.header-btn {
    color: #000;
    padding: 8px 25px;
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;    
}

.header-btn:hover {
    background-color:#000;    
    color:#fff;
}

.bnr-btns-div {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.banner-btn {
    display: inline-block;
    padding: 12px 40px;
    background-color: #fff;
    color: #000;
    border-radius: 50px;
    margin-top: 30px;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}

.banner-btn:hover {
    background-color:#000;    
    color:#fff;
}

.banner-btn-second {
    display: inline-block;
    padding: 12px 40px;
    background-color: #c9a041;
    color: #000;
    border-radius: 50px;
    margin-top: 30px;
    transition: 0.3s ease-in;
}

.banner-btn-second:hover {
    background-color: #000000;
    color: #fff;
}

.banner-btn-second i.fas.fa-download {
    padding-right: 4px;
}

.featured-in {
    margin-top: 100px;
}

.fi-title {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    position: relative;
}

.fi-title:after {
    content: "";
    height: 25px;
    width: 1px;
    background-color: #ffffff85;
    position: absolute;
    right: -16px;
    top: 8px;
}

.fi-logos {
    display: flex;
    align-items: center;
    gap: 12px;
}

.featured-in {
    display: flex;
    gap: 30px;
    align-items: center;
}


/* Banner Boxes */

.couner-boxes {
    display: flex;
    gap: 25px;
}

.couter-box {
    flex: 1;
    position: relative;
}

.couter-box:last-child:after{
    display:none;
}

.couter-box:after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 12%, rgba(255,255,255,0.8015581232492998) 50%, rgba(255,255,255,0) 92%); 
    position: absolute;
    right: 0;
    top: 0;
}

.couter-box p{
    font-size: 14px;
    margin-bottom: 0;
}


.couner-boxes {
    /* backdrop-filter: blur(4px); */
    background-color: #00000063;
    padding: 12px 40px;
    border-radius: 20px;
    color: #fff;
    margin-top: 16px;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
}

/* Banner Boxes End*/

/* visions-sec */

.visions-sec{
    background-color: #FFF3DF ;
}

.link-n__text:hover{
    color: var(--main-color);
}

.vis-content-box {
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 258px;
}
/* visions-sec End */

/* HOme mian banner End */



/* Award Section */
.our-clients-sec{
    background-color: #000;
}


.award-section-cms-w {
    z-index: 2;
    width: 99%;
    position: relative
}

.award-section-cms-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.award-section-client-card {
    aspect-ratio: 216.12/145.31;
    background-color: #1f1f1f;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    transition: opacity .24s;
    display: flex;
    position: relative
}

.award-section-client-logo {
    height: 64%;
    max-width: 100%;
}

.awards-client-work {
    z-index: 99;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 160%;
    display: none;
    position: absolute;
    bottom: 90%
}

.awards-client-work-image {
    z-index: 2;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    height: auto;
    position: relative
}

.awards-client-work-image.blur-glow {
    z-index: 1;
    opacity: .72;
    filter: blur(40px);
    position: absolute;
    inset: 0%
}
/* Award Section End */

._0301-wrapper {
    z-index: 24;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    width: 100%;
    max-width: 120rem;
    min-height: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
    position: relative;
}


/* Services */

.ss-content-holder{
    max-width: 1024px;
    margin-left: 14px;
}

.slider-holder{    
    margin:0 auto;
}

.ss-content{
    max-width: calc(100vw - 10vw);
    margin-left: auto;
}


.services-picker__item-category {
    margin-bottom: 90px;
}

.services-picker__item-category:before {
    border-radius: 50%;
    border: 1px solid #1e1d28;
    content: '';
    height: 10px;
    transition: border-color .3s;
    width: 10px;
}



.services-picker__controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    position: relative
}

@media (min-width: 1440px) {
    .services-picker__controls {
        margin-right:56px
    }
}

.services-picker__arrows {
    align-items: center;
    display: flex;
    gap: 16px
}

.services-picker__arrow {
    height: 40px;
    transition: opacity .3s;
    vertical-align: top;
    width: auto
}

@media (min-width: 2560px) {
    .services-picker__tag {
        padding-left:24px;
        padding-right: 24px
    }

    .services-picker__controls {
        margin-right: 88px
    }

    .services-picker__arrow {
        height: 56px
    }
}

.services-picker__arrow-circle {
    transition: fill .3s
}

.services-picker__arrow-icon {
    transition: stroke .3s
}

.services-picker__arrow.slick-disabled {
    opacity: .24
}

.services-picker__arrow:not(.slick-disabled):hover {
    cursor: pointer
}

.services-picker__arrow:not(.slick-disabled):hover .services-picker__arrow-circle {
    fill: #1E1D28
}

.services-picker__arrow:not(.slick-disabled):hover .services-picker__arrow-icon {
    stroke: #fff
}

.services-picker__slider {
    display: flex;
    gap: 8px
}

@media (min-width: 1280px) {
    .services-picker__slider {
        max-width:calc(100vw - 8vw);
        gap: 16px;
        margin-left:auto;
    }
}

@media (min-width: 1440px) {
    .services-picker__slider {
        max-width:calc(100vw - 8vw)
    }
}


@media (min-width: 640px) {
    /* .services-picker__slider .slick-list {
        margin-left:-50px;
        margin-right: -50px;
        padding-left: 50px;
        padding-right: 50px
    } */
}

.services-picker__slider .slick-track {
    display: flex;
    gap: 8px
}

.services-picker__slider.show-slider {
    animation: .5s ease-in forwards show-slider
}

.services-picker__slider.question-1-active .services-picker__item:first-child .services-picker__item-category,.services-picker__slider.question-1-active .services-picker__item:nth-child(2) .services-picker__item-category,.services-picker__slider.question-1-active .services-picker__item:nth-child(3) .services-picker__item-category {
    display: none
}

.services-picker__slider.question-1-active .services-picker__item:first-child .services-picker__item-category--recomended,.services-picker__slider.question-1-active .services-picker__item:nth-child(2) .services-picker__item-category--recomended,.services-picker__slider.question-1-active .services-picker__item:nth-child(3) .services-picker__item-category--recomended {
    display: inline-flex
}

.services-picker__slider.question-2-active .services-picker__item:first-child .services-picker__item-category,.services-picker__slider.question-2-active .services-picker__item:nth-child(2) .services-picker__item-category {
    display: none
}

.services-picker__slider.question-2-active .services-picker__item:first-child .services-picker__item-category--recomended,.services-picker__slider.question-2-active .services-picker__item:nth-child(2) .services-picker__item-category--recomended {
    display: inline-flex
}

.services-picker__slider.question-3-active .services-picker__item:first-child .services-picker__item-category,.services-picker__slider.question-3-active .services-picker__item:nth-child(2) .services-picker__item-category {
    display: none
}

.services-picker__slider.question-3-active .services-picker__item:first-child .services-picker__item-category--recomended,.services-picker__slider.question-3-active .services-picker__item:nth-child(2) .services-picker__item-category--recomended {
    display: inline-flex
}

.services-picker__item {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid transparent;
    flex: 0 0 290px;
    padding: 16px;
    position: relative;
    text-decoration: none;
    transition-duration: .3s;
    transition-property: background-color,border-color
}

@media (min-width: 1600px) {
    .services-picker__slider {
        max-width:calc(100vw - 10vw);
        margin-left:auto;
    }

    .services-picker__item {
        flex-basis: 416px
    }
}

@media (min-width: 1440px) {
    .services-picker__item {
        flex-basis:360px
    }
}

.services-picker__item:before {
    border-radius: 8px;
    bottom: 0;
    box-shadow: 0 16px 90px 0 rgba(2,16,44,.12),0 0 2px 0 rgba(2,16,44,.08);
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.services-picker__item:hover {
    background-color: #c9a041;
    border-color: #c9a041
}

.services-picker__item:hover .services-picker__item-description,.services-picker__item:hover .services-picker__item-title {
    color: #fff
}

.services-picker__item:hover .services-picker__item-category {
    color: #fff
}

.services-picker__item:hover .services-picker__item-category:before {
    border-color: #fff
}

.services-picker__item:hover .services-picker__item-category--recomended {
    background-color: #fff;
    border-color: #fff;
    color: #1e1d28
}

.services-picker__item:hover .services-picker__item-category--recomended:before {
    border-color: #1e1d28
}

.services-picker__item:hover .services-picker__item-image,.services-picker__item:hover .services-picker__item-mask,.services-picker__item:hover .services-picker__item-view {
    opacity: 1
}

.services-picker__item:hover .services-picker__item-view {
    transition-delay: 0.2s
}

.services-picker__item:hover .services-picker__item-link {
    border-color: #1e1d28
}

.services-picker__item:hover .services-picker__item-icon {
    left: calc(90% - 40px)
}

.services-picker__item:hover .services-picker__item-icon-circle {
    fill: transparent;
    stroke: #fff
}

.services-picker__item:hover .services-picker__item-icon-arrow {
    stroke: #fff
}

.services-picker__item-category {
    align-items: baseline;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    color: #000;
}

@media (min-width: 1280px) {
    /* .services-picker__slider .slick-list {
        margin:-90px -16px;
        padding: 90px 16px
    } */

    .services-picker__slider .slick-track {
        gap: 16px
    }

    .services-picker__item {
        border-color: #c7c7d6
    }

    .services-picker__item:before {
        display: none
    }

    .services-picker__item-category {
        margin-bottom: 78px
    }
}

@media (min-width: 1440px) {
    .services-picker__item-category {
        margin-bottom:10px;
        min-height:56px;
    }
}

@media (min-width: 1920px) {
    .services-picker__item-category {
        padding-top:8px;
        padding-bottom: 8px
    }
}

@media (min-width: 2560px) {
    .services-picker__item-category {
        padding-top:12px;
        padding-bottom: 12px
    }
}

.services-picker__item-category:before {
    border-radius: 50%;
    border: 1px solid #1e1d28;
    content: '';
    height: 10px;
    transition: border-color .3s;
    width: 10px
}

.services-picker__item-category--recomended {
    align-items: center;
    background-color: #1e1d28;
    border-radius: 24px;
    border: 1px solid #1e1d28;
    color: #fff;
    display: none;
    gap: 16px;
    margin-bottom: 16px;
    padding: 5px 12px;
    transition-duration: .3s;
    transition-property: background-color,color
}

@media (min-width: 1280px) {
    .services-picker__item-category--recomended {
        margin-bottom:78px;
        padding-bottom: 3px;
        padding-top: 3px
    }
}

@media (min-width: 1440px) {
    .services-picker__item-category--recomended {
        margin-bottom:90px
    }
}

@media (min-width: 1920px) {
    .services-picker__item-category--recomended {
        padding:7px 15px
    }
}

.services-picker__item-category--recomended:before {
    border-radius: 50%;
    border: 1px solid #fff;
    content: '';
    height: 10px;
    transition: border-color .3s;
    width: 10px
}

.services-picker__item-title {
    align-items: flex-end;
    display: flex;
    margin-bottom: 8px;
    min-height: 64px;
    transition: color .3s
}

@media (min-width: 1440px) {
    .services-picker__item-title {
        min-height:40px
    }
}

@media (min-width: 2560px) {
    .services-picker__item-category--recomended {
        padding-left:24px;
        padding-right: 24px
    }

    .services-picker__item-title {
        min-height: 96px
    }
}

.services-picker__item-description {
    color: #54575e;
    margin-bottom: 0px;
    min-height: 150px;
    /* min-height: 190px; */
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    font-size: 15px;
}

@media (min-width: 1280px) {
    /* .services-picker__item-description {
        min-height:72px
    } */
}

.services-picker__item-link {
    align-items: center;
    border-radius: 64px;
    border: 1px solid #c7c7d6;
    display: flex;
    height: 80px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: border-color .3s
}

@media (min-width: 1440px) {
    /* .services-picker__item-description {
        min-height:48px;
        margin-bottom: 86px
    } */

    .services-picker__item-link {
        height: 120px
    }
}

.services-picker__item-image {
    height: 100%;
    object-fit: cover;
    opacity: 0;
    position: relative;
    transition: opacity .3s;
    width: 100%
}

.services-picker__item-mask {
    background-color: rgba(0,0,0,.24);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.services-picker__item-view {
    color: #fff;
    font-weight: 700;
    opacity: 0;
    position: absolute;
    transition: opacity .3s
}

.services-picker__item-line {
    background-color: #c7c7d6;
    height: 1px;
    position: absolute;
    width: 74%
}

.services-picker__item-icon {
    height: 40px;
    left: 10%;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    transition: left .6s;
    width: 40px
}

@media (min-width: 2560px) {
    /* .services-picker__item-description {
        min-height:96px
    } */

    .services-picker__item-icon {
        margin-top: -28px;
        height: 56px;
        width: 56px
    }
}

.services-picker__item-icon-circle {
    fill: #fff;
    transition-duration: .3s;
    transition-property: fill,stroke
}

.services-picker__item-icon-arrow {
    transition: stroke .3s
}

.services-picker__item--contact {
    background-color: #0045e6;
    color: #fff;
    text-align: center
}

.services-picker__item--contact .services-picker__item-category:before {
    display: none
}

.services-picker__item--contact .services-picker__item-title {
    justify-content: center
}

.services-picker__item--contact .services-picker__item-description {
    color: #fff
}

.services-picker__item--contact .services-picker__item-link {
    border-color: transparent
}

.services-picker__clear {
    align-items: center;
    display: none
}

.services-picker__clear--show {
    display: flex
}

.services-picker__clear-tags {
    display: none
}

@media (min-width: 1280px) {
    .services-picker__clear-tags {
        align-items:center;
        display: inline-flex;
        gap: 8px
    }
}

.services-picker__clear-tags .services-picker__tag {
    cursor: initial
}

.services-picker__clear-tags .services-picker__tag:hover {
    background-color: inherit
}

.services-picker__clear-btn {
    align-items: center;
    color: #1e1d28;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    padding: 4px 12px;
    transition: color .3s
}

.services-picker__clear-btn:hover {
    color: #0045e6
}

.services-picker__clear-btn:hover .services-picker__clear-icon-path {
    fill: #0045E6
}

.services-picker__clear-icon {
    height: 10px;
    width: 10px
}

@media (min-width: 1440px) {
    .services-picker__clear-btn {
        padding-left:16px;
        padding-right: 16px
    }

    .services-picker__clear-icon {
        height: 12px;
        width: 12px
    }
}

.services-picker__clear-icon-path {
    fill: #54575E;
    transition: fill .3s
}

@keyframes show-slider {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}



@media screen and (max-width: 991px) {
    .award-section-cms-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 479px) {
    .award-section-cms-list {
        grid-template-columns: 1fr 1fr;
    }
}

/* ************ */
/* Industries  */
/****************/


.pl-big {
    padding-left: 16px
}

@media (min-width: 768px) {
    .pl-big {
        padding-left:64px
    }
}

@media (min-width: 960px) {
    .pl-big {
        padding-left:80px
    }
}

@media (min-width: 1280px) {
    .pl-big {
        padding-left:130px
    }
}

@media (min-width: 1440px) {
    .pl-big {
        padding-left:130px
    }
}

@media (max-width: 420px) {
    .section__industries {
        margin-right:-16px
    }
}

.industry__list {
    border-left: 1px solid #c7c7d6;
    display: flex
}

@media (max-width: 767px) {
    .section__arrows {
        position:absolute;
        left: 16px;
        bottom: 64px
    }

    .pl-big {
        padding-left: 0
    }

    .industry__list {
        margin-bottom: 56px
    }
}

@media (max-width: 960px) {
    .industry__list:has(.industry__item.slick-current:not(:last-child):hover) {
        border-color:transparent
    }
}

@media (min-width: 768px) and (max-width:960px) {
    .industry__list:has(.industry__item:nth-last-child(3):hover) {
        border-color:transparent
    }
}

@media (min-width: 960px) {
    .industry__list:has(.industry__item.slick-current:not(:nth-last-child(2)):hover) {
        border-color:transparent
    }

    .industry__list:has(.industry__item:nth-last-child(4):hover) {
        border-color: transparent
    }
}

.industry__list .slick-list {
    padding-right: 2px
}

.industry__item {
    border-right: 1px solid #c7c7d6;
    display: flex;
    flex-direction: column;
    flex: 0 0 272px;
    height: 328px;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    position: relative;
    transition: border-color .3s cubic-bezier(.4, .2, .4, 1);
    text-decoration: none;
    width: 272px
}

@media (min-width: 768px) {
    .industry__item {
        flex-basis:208px;
        width: 208px
    }
}

@media (min-width: 960px) {
    .industry__item {
        flex-basis:196px;
        width: 196px
    }
}

@media (min-width: 1280px) {
    .industry__item {
        flex-basis:256px;
        height: 384px;
        width: 256px
    }
}

@media (min-width: 1440px) {
    .section__arrows {
        gap:12px
    }

    .industry__item {
        flex-basis: 276px;
        width: 276px
    }
}

@media (min-width: 1680px) {
    .industry__item {
        height:480px
    }
}

@media (min-width: 1920px) {
    .industry__item {
        flex-basis:376px;
        height: 600px;
        width: 376px
    }
}

.industry__item:has(+ .industry__item:hover) {
    border-color: transparent
}

.industry__item:hover {
    border-color: transparent
}

.industry__item:hover .industry__image,.industry__item:hover .industry__mask {
    clip-path: inset(0 0 0 0)
}

.industry__item:hover .industry__mask {
    opacity: 1
}

.industry__item:hover .industry__text,.industry__item:hover .industry__title {
    color: #fff
}

.industry__item:hover .industry__icon {
    filter: brightness(0) invert(1)
}

.industry__item:hover .industry__icon-wrap {
    background-color: transparent;
    border-color: #fff
}

.industry__image,.industry__mask {
    border-radius: 8px;
    bottom: 0;
    clip-path: inset(216px 16px 0 16px round 8px);
    height: 328px;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: clip-path .3s cubic-bezier(.4, .2, .4, 1);
    width: 100%
}

@media (min-width: 1280px) {
    .industry__image,.industry__mask {
        clip-path:inset(264px 16px 0 16px round 8px);
        height: 384px
    }
}

@media (min-width: 1680px) {
    .industry__image,.industry__mask {
        clip-path:inset(300px 16px 0 16px round 8px);
        height: 480px
    }
}

@media (min-width: 1920px) {
    .industry__image,.industry__mask {
        clip-path:inset(408px 16px 0 16px round 8px);
        height: 600px
    }
}

@media (min-width: 2560px) {
    .industry__item {
        flex-basis:496px;
        min-height: 656px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 24px
    }

    .industry__image,.industry__mask {
        clip-path: inset(416px 24px 0 24px round 8px);
        height: 656px
    }
}

.industry__mask {
    background-color: rgb(0 0 0 / 80%);
    opacity: 0;
    transition-duration: .3s;
    transition-property: clip-path,opacity;
    transition-timing-function: cubic-bezier(0.4,0.2,0.4,1)
}

.industry__content {
    position: relative
}

.industry__icon {
    height: 40px;
    transition: filter .3s;
    width: auto
}

.industry__icon-wrap {
    align-items: center;
    background-color: #FFF2DD;
    border-radius: 8px;
    border: 1px solid #FFF2DD;
    display: flex;
    height: 56px;
    justify-content: center;
    margin-bottom: 8px;
    overflow: hidden;
    transition-duration: .3s;
    transition-property: background-color,border-color;
    width: 56px
}

.ctm-bg-cover{
    background-size: cover;
    background-position: center center;
}

@media (min-width: 1920px) {
    .industry__icon-wrap {
        margin-bottom:16px
    }
}

@media (min-width: 2560px) {
    .industry__icon-wrap {
        margin-bottom:24px
    }
}

.industry__title {
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:24px;
}

@media (min-width: 1280px) {
    .industry__title {
        margin-bottom:24px
    }
}

@media (min-width: 1920px) {
    .industry__title {
        margin-bottom:120px
    }
}

@media (min-width: 2560px) {
    .industry__title {
        margin-bottom:40px
    }
}

.industry__text {
    color: #54575e;
    line-height: 18px;
    margin-bottom: 16px;
    /* max-width: 200px */
    font-size: 14px;
}

@media (max-width: 767px) {
     .pl-big {
        padding-left:0
    }
}

 .news {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

@media (min-width: 768px) {
    /* .industry__text {
        max-width:164px
    } */

     .news {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 24px
    }
}

 .news__item {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    height: 264px;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

@media (min-width: 1280px) {
    /* .industry__text {
        line-height:24px;
        max-width: 212px
    } */

     .news__item {
        height: 320px
    }

     .news__info {
        grid-column-gap: 16px;
        grid-template-columns: 1fr 1.3fr
    }
}

@media (min-width: 1440px) {
     .news__item {
        height:336px
    }

     .news__info {
        grid-column-gap: 24px;
        grid-template-columns: 1fr 1.2fr
    }
}

@media (min-width: 1680px) {
     .news__item {
        height:400px
    }
}

 .news__item:hover .news__info {
    color: #fff
}

 .news__item:hover .news__mask {
    opacity: 1
}

 .news__item:hover .news__imageWrap {
    clip-path: inset(0 0 0 0)
}

 .news__item:hover .link-n:after, .news__item:hover .link-n:before {
    filter: invert(1)
}

 .news__info {
    bottom: 0;
    color: #1e1d28;
    display: grid;
    left: 0;
    padding: 16px;
    position: absolute;
    right: 0;
    transition: color .3s
}

@media (min-width: 1920px) {
    .industry__text {
        margin-bottom:32px
    }

     .news {
        grid-row-gap: 32px
    }

     .news__item {
        height: 448px
    }

     .news__info {
        grid-row-gap: 24px;
        grid-template-columns: 1.2fr 1fr;
        padding: 24px
    }
}

@media (min-width: 2560px) {
    .industry__text {
        line-height:32px;
        margin-bottom: 40px;
        max-width: 264px
    }

     .news__item {
        height: 640px
    }

     .news__info {
        grid-template-columns: 1.5fr 1fr;
        padding: 32px;
        grid-column-gap: 32px
    }
}

 .news__image {
    background-color: #f8f8f9;
    left: 50%;
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    vertical-align: top;
    width: 100%
}

 .news__imageWrap {
    clip-path: inset(0 0 100px 0);
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: clip-path .3s
}

 .news__mask {
    background-color: rgba(0,0,0,.64);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s
}

 .news__type {
    align-items: center;
    background-color: #fff;
    border-radius: 24px;
    color: #1e1d28;
    display: flex;
    font-size: 14px;
    gap: 12px;
    line-height: 16px;
    padding: 4px 6px;
    position: absolute;
    right: 16px;
    top: 16px
}

 .news__type:after {
    border-radius: 50%;
    border: 1px solid #1e1d28;
    content: '';
    height: 10px;
    width: 10px
}

 .news__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    margin: 0 0 8px;
    max-width: 400px;
    min-height: 40px;
    overflow: hidden;
    text-decoration: none;
    visibility: visible
}

@media (min-width: 768px) {
     .news__imageWrap {
        clip-path:inset(0 0 108px 0)
    }

     .news__title {
        margin-bottom: 16px
    }
}

@media (min-width: 1280px) {
     .news__imageWrap {
        clip-path:inset(0 0 136px 0)
    }

     .news__type {
        font-size: 15px;
        line-height: 24px;
        padding: 2px 8px;
        right: 16px;
        top: 16px
    }

     .news__title {
        grid-column: span 2;
        margin-bottom: 8px;
        max-width: 480px;
        min-height: 48px
    }
}

@media (min-width: 1440px) {
     .news__title {
        max-width:100%;
        max-width: 520px
    }
}

@media (min-width: 1920px) {
     .news__imageWrap {
        clip-path:inset(0 0 144px 0)
    }

     .news__type {
        font-size: 16px;
        gap: 16px;
        padding: 4px 10px;
        right: 24px;
        top: 24px
    }

     .news__title {
        grid-column: span 1;
        max-width: 560px;
        margin-bottom: 0
    }
}

@media (min-width: 2560px) {
     .news__imageWrap {
        clip-path:inset(0 0 184px 0)
    }

     .news__type {
        font-size: 20px;
        line-height: 32px;
        padding-left: 12px;
        padding-right: 12px
    }

     .news__title {
        max-width: 640px;
        min-height: 64px
    }
}

 .news__author-block {
    display: none
}

@media (min-width: 1280px) {
     .news__author-block {
        align-items:center;
        display: inline-flex;
        order: 1
    }
}

 .news__author-image {
    flex: 0 0 40px;
    margin-right: 12px
}

 .news__author-image img {
    border-radius: 50%;
    height: 40px;
    object-fit: cover;
    vertical-align: top;
    width: 40px
}

 .news__author-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

@media (min-width: 1280px) {
     .news__author-image {
        flex-basis:48px;
        margin-right: 16px
    }

     .news__author-image img {
        height: 48px;
        width: 48px
    }

     .news__author-name {
        font-size: 15px;
        line-height: 24px
    }
}

@media (min-width: 1920px) {
     .news__author-block {
        order:initial
    }

     .news__author-name {
        font-size: 16px
    }
}

 .news__author-position {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

@media (min-width: 1280px) {
     .news__author-position {
        font-size:14px;
        line-height: 24px
    }
}

 .news__all {
    margin-top: 24px
}

@media (min-width: 1920px) {
     .news__author-position {
        font-size:16px
    }

     .news__all {
        margin-top: 64px
    }
}

@media (min-width: 2560px) {
     .news__all {
        margin-top:80px
    }
}

 .link-n:after, .link-n:before {
    transition: filter .3s
}
/* ************** */
/* INDUSTIES END */
/* ************* */


/* Our Clients Slider */

.oc-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 20px 0 2px;
    min-height: 90px;
}

.oc-logo img {
    max-width: 120px;
}

.rstarts-holder {
    display: flex;
    gap: 7px;
    align-items: center;
}

.stars-holder {
    display: flex;
    gap: 1px;
    font-size: 12px;
    color: #c9a041;
}

.ocr-text {
    color: #A2A2A2;
    font-size: 14px;
    line-height: 1;
}

.ov-review-cont-head {
    display: flex;
    align-items: center;
}

.ocr-user-holder {
    display: flex;
    gap: 10px;
}

.ocr-user-info h3 {
    margin-bottom: 0;
    font-size: 18px;
}

.ocr-user-info span {
    font-size: 12px;
    display: block;
}

.ov-review-cont-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    min-height: 86px;
}

.oc-review-cont {
    background-color: #EFF2F6;
    padding: 20px;
    border-radius: 17px;
}

.oc-review-cont-text {
    min-height: 118px;
}

.ov-review-cont-head .stars-holder{
    font-size: 16px;
}

/* the slides */
.our-clients-slider .slick-slide {
    margin: 0 10px;
}
/* the parent */
.our-clients-slider .slick-list {
    margin: 0 -10px;
}

/* Our Clients Slider End */


/* Awards & Recognitions Slider  */

.ar-review-holde{
    text-align: center;
    
}

.ar-review-holde h3{
    font-size: 95px;
    font-weight: 600;
    line-height:1;
}

.ar-logo-box-slide {
    flex: 1 0;
}

.ar-logo-box{
    background-color: #F8F8F9;
    text-align:center;
    padding: 40px 20px;
    box-shadow: 0 0 15px #1f3e664a;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    min-height: 327px;
}

.ar-logo-box:hover{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
}

.ar-logo-box-slider {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.ar-logo-box img {
    margin-bottom: 30px;
}

.ar-logo-box h4 {
    font-size: 20px;
}

/* Awards & Recognitions Slider END*/


/* CASE STUDY SINGLE PAGE CSS */

.csdy-banner-cont{
    color:#fff;
}

.csdy-banner{    
    background-color: rgba(238, 167, 57, 1);
    padding:30px 15px 0px 45px;        
}

.csdy-banner p{    
    font-size:20px;       
}

.case-study-banner{
    background-color: #0A0A0A;
}

.cstdy-top-sec {
    display: flex;
    gap: 30px;
    color: #fff;
    padding: 8px 0;
}

.ts-logos-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
}

.cstdy-ts-logos {
    display: flex;
    gap: 20px;
}

/* 
.cs-bnr-title{
    color: #fff;

} */

.cs-bnrtext-holder-s1{
    padding: 50px 0;
}

.cscat-logos-holder{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.cscat-logo-box {
    flex-grow: 1;
}

.cscat-logo-box span {
    display: block;
    margin-top: 10px;
}

.ctm-mian-title-2{
    font-size: 38px;
    font-weight: 600;
    line-height: 45px;
    color: #434040;
}

.ctm-left-border-box{
    border-left: 3px solid #c9a041;
    padding-left: 10px;
}

.ic-boxes {
    text-align: center;
    max-width: 270px;
    margin: 0 auto;
}

.ic-boxes span{    
    display: block;
}

.ic-boxes span {
    font-size: 21px;
    margin-top: 10px;
    display: block;
}

.ic-icon-holder {
    min-height: 70px;
}

.dashed-list-box {
    padding: 28px 24px 20px;
    border: 1px dashed #c9a041;
    border-radius: 40px;
}

.ctm-pri-bg{    
    background-color: rgba(217, 138, 15, 1);
}

.t-results-box {
    min-height: 171px;
    margin: 12px 0;
    padding-left: 20px;
    border-left: 4px solid;
    border-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0)) 1 100%;
}




/* CASE STUDY SINGLE PAGE CSS END*/





/**************************************** About Us Page ***********************************/

.ov-box-holder{
    background-color: #DCEBF2;
    padding: 30px;
    position:relative;
}

.ov-box-slide p{
    margin-bottom: 0;
}

.ov-slider-nav{
    display: flex;
    justify-content:flex-end;
    gap:8px;
    position: absolute;
    right: 21px;
    top: 23px;    
    z-index: 1;
}

.ov-nav {
    background-color: #ffff;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D0C5C5;
    transition:0.3s ease-in-out ;
    -webkit-transition:0.3s ease-in-out ;
    -moz-transition:0.3s ease-in-out ;
    -ms-transition:0.3s ease-in-out ;
    -o-transition:0.3s ease-in-out ;
}

.ov-nav:hover{
    background-color: var(--main-color);
    color: #000;
}

.ov-icon {
    margin-bottom: 12px;
}

.ov-box-slide h3 {
    font-size: 40px;
    margin-bottom: 12px;
    color: #000000;
}

.wrg-img {
    border-radius: 35px;
    margin-bottom: 15px;
}

.wrg-box{
    font-size: 15px;
}

.wrg-box h4{
    font-size: 24px;
    color:#000;
}

.ab-counter-box h4{
    font-style: normal;
    font-weight: 600;
    font-size: 85px;
    line-height: 68px;
    color: #FFFFFF;
}

.ab-counter-box span{
    color: #FFFFFF;
}

.ab-counter-holder {
    border-top: 1px solid #949090;
    padding-top: 38px;
}

.ab-counter-box {
    min-height: 124px;
    margin-bottom: 30px;
}

.ctm-big-text {
    font-weight: 600;
    font-size: 9.6vw;
    line-height: 1.3;
    text-align: center;
    color: #0C0C0C;
    display: flex;
    text-wrap: nowrap;
    position: relative;    
}


  
  .service-award-list {
    grid-column-gap: 64px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 40px;
    border-top: 1px solid;
    padding-top: 40px;    
}

.service-award-link {
    opacity: .72;
    transition: opacity .24s cubic-bezier(.455,.03,.515,.955);
}

.service-award-image {
    filter: saturate(48%) brightness(200%);
    height: 64px;
    max-height: 64px;
}

.service-award-link:hover {
    opacity: 1;
}

.section--black {
    background-color: #1e1d28;
    color: #fff;
    position: relative;
    z-index: 1;    
}


.section__map-wrap {
    position: relative;
    margin-top:100px;
}

@media (min-width: 1280px) {
    .section--black:before {
        /* background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1530' viewBox='0 0 1920 1530' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_18544_185993)'%3E%3Cellipse cx='1188' cy='557' rx='732' ry='373' fill='%232D3650'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_18544_185993' x='-144' y='-416' width='2664' height='1946' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='300' result='effect1_foregroundBlur_18544_185993'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); */
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
}
/* 
@media (min-width: 1600px) {
    .section__map-wrap {
        min-height: 55vw;
    }
}

@media (min-width: 1440px) {
    .section__map-wrap {
        min-height: 60vw;
    }
}

@media (min-width: 768px) {
    .section__map-wrap {
        min-height: 80vw;
    }
} */

/* .section__map-points {
    bottom: 0;
    height: auto;
    left: 0;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top;
    width: 100%;
} */

/* .section__map {
    width: 100%;
    height: 600px;
} */


.header-loc{
    display: flex;
    justify-content: space-between;
    padding:10px ;    
    border-bottom: 1px solid #54575e;
}

.loc-box{
    border: 1px solid #54575e;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}


.loc-box:hover .loc-content{
    color:#000;
}

.loc-box:after{
    content:"";
    position:absolute;
    top:100%;
    bottom:0;
    height:100%;
    width:100%;
    background-color:#fff;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    z-index:-1;
}

.loc-box:hover:after{
    top:0;
}

.loc-content {
    min-height: 188px;
    padding: 20px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;    
}

/* the slides */
.locations-slider .slick-slide {
    margin: 0 10px;
}
/* the parent */
.locations-slider .slick-list {
    margin: 0 -10px;
}

.loccont-name{
    font-weight: 500;    
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;      
}

.loccont-place {
    display: flex;
    align-items: center;
    gap: 9px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;      
}

.loccont-place:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #fff;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.loc-box:hover .loccont-name, .loc-box:hover .loccont-place{
    color:#000;
}

.loc-box:hover .loccont-place:after{
    border-color: #000;
}


.loc-slider-nav{
    display: flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:20px;
}

.loc-nav {
    background-color: #ffff;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D0C5C5;
    transition:0.3s ease-in-out;
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -ms-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
}

.loc-nav:hover{
    background-color: var(--main-color);
    color: #000;
}

.ab-get-intouch{
    margin-top: 20px;
}

.ab-get-intouch span{
    display: block;
    margin-bottom: 15px;    
    color: #787575;
    font-weight: 500;
}

.ab-get-intouch a{
    display: block;
    margin-bottom: 10px;
   color:#000;
    font-weight:500;
    font-size: 25px;

}

.follow-title{
    font-size:18px;
    font-weight:500;
}

.fllow-us-box {
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
    background-color: #000;
    color: #fff;
    border-radius: 17px;
    font-size: 18px;
}

.ss-follow-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ss-follow-box a{
    color: #fff;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.ss-follow-box a:hover{
    color: var(--main-color);
}

.cta-box-ab{
  margin-top:30px;
    background: #ECF3F7;
    border-radius: 65px;
    padding: 40px;
    text-align: center;    
}

.global-btn{
    display: inline-block;
    padding: 12px 40px;
    background-color: var(--main-color);
    color: #000;
    border-radius: 50px;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}

.global-btn:hover {
    background-color: #000;
    color: #fff;
}

.ctm-white-btn{
    display: inline-block;
    padding: 12px 40px;
    background-color: #fff;
    color: #000;
    border-radius: 50px;
}




/**************************************** About Us Page End********************************/


/**************************************** Careers Page Start********************************/

.careers-search-form {
    display: flex;
    gap: 0;
    border-radius: 8px;
    overflow: hidden;
}

.car-input, .car-select{
    flex: 1;
    border: none;
    padding: 5px 22px;
}

.car-input:focus, .car-select:focus{
    outline: none;
    box-shadow: none;
}

.car-submit-btn {
    padding: 13px 70px;
    background-color: #c9a041;
    border: 1px solid #c9a041;
}


.ctm-rounded{
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
}

.cr-couner-box span {
    display: block;
    margin-bottom: 12px;
}

.cr-text-box a{
    display: block;
    padding:15px;
    border-radius:8px;
    border:1px solid #74C4D8;
    margin-bottom:10px;
    color:#000;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}

.cr-text-box a.active{
    background-color: var(--main-color);
    border-color: var(--main-color);
}


.cr-big-title {
    font-size: 54px;
    line-height: 60px;
    color: #000;
    font-weight: 600;
}
.cr-text{
    font-weight: 600;
    font-size: 27px;
    line-height: 40px;
    color: #6B7682;    
}

.cr-couner-box {
    text-align: center;
    position: relative;
}

.cr-couner-box::after {
    content:"";
    position:absolute;
    height:100%;
    width:1px;    
    right: 0;
    top: 0;
    background: rgb(102,102,102);
    background: linear-gradient(180deg, rgba(102,102,102,0) 0%, rgba(133,129,129,1) 50%, rgba(102,102,102,0) 100%);
}


.cr-couner-box span{
    font-weight: 600;
    font-size: 27px;
    line-height: 38px;
    color: #879198;
}

.cr-couner-box h3{
    font-weight: 600;
    font-size: 85px;
    line-height: 68px;
    text-align: center;
    color: #000000;
}

.cr-couner-box p{
    font-weight: 400;
    font-size: 21px;
    line-height: 34px;
    color: #000000;
}

.cr-couner-box.cr-last:after{
    display: none;
}

.crs-img-holder img {
    border-radius: 30px;
}

.cr-slide-holder {
    display: flex;
    gap: 0;
}

.crs-cont-holder {
    background-color: #1C2025;
    padding: 40px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.crs-cont-holder {
    display: flex;
    align-items: center;
}

.cr-user-info {
    margin-top: 50px;
}

/* the slides */
.cr-working-slider .slick-slide {
    margin: 0 10px;
}
/* the parent */
.cr-working-slider .slick-list {
    margin: 0 -10px;
}

.cr-arrows-holder {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.cr-ar-title-holder{
    display: flex;
    align-items: center;   
    justify-content: space-between;
}

.cr-arrows-holder .ov-nav {
    color: #000;
}

.cultivate-cont {    
    padding: 60px 0;
}

.space-cultivate-sec .container-fluid{    
    position: relative;
    max-width: 1920px;
    margin: 0 auto;    
}

.space-cultivate-sec {
    padding: 0 60px;
}

.cultivate-mg-holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cul-title{
    font-size: 48px;
    line-height: 60px;
}

.ccd-box {
    position: relative;
    padding-left: 35px;
    margin-bottom: 57px;
}

.ccd-box:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    content: "";
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(133,129,129,0.3029586834733894) 100%);
}

.cult-title-holer{
    margin-bottom: 60px;
}

.cult-title-holer p {
    font-size: 22px;
}

.ccd-box h4 {
    color: #000;
    font-size: 24px;
}

.jobpost-box {
    border: 1px solid #AAA9A9;
    padding: 40px 30px;
    border-radius: 20px;
}

.jpb-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}

.jpb-tags a{
    display: inline-block;
    padding:5px 10px;
    background-color:#ECF2F9;
    border-radius: 12px;
    color: #000;
}

/**************************************** Careers Page End********************************/


/**************************************** Case Study Page Start********************************/

.cstdy-tags {
    padding: 10px 25px;
    background-color: #DFE8EC;
    color: #000;
    border-radius: 50px;
}

.cs-tags-holder {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;    
}

.cslist-mina-title{
    position: relative;
    font-size: 50px;
    color: #259FF6;    
    font-weight: 600;   
    margin-bottom:30px;
}

.cslist-mina-title span{
    background-color: #fff;
    padding-right: 23px;
    display: inline-block;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
}

.cslist-mina-title:after{    
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #D0D6DB;
    margin: auto;
    content: "";
}

.cs-listimagebox{
    padding: 32px 40px 0;
    background: #259FF6;
    border: 1px solid #259FF6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.cs-title-box {
    padding: 24px 16px;
    border: 1px solid #ccc;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}

.cs-title-box h4 {
    margin-bottom: 20px;
}

.cs-btns-holder {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.cs-view-btn {
    display: flex;
    align-items: center;
    gap: 17px;
    background-color: #c9a041;
    padding: 8px 19px;
    color: #000;
    border-radius: 23px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.cs-view-btn:hover{
    background-color: #000;
    color:#fff;
}

.cs-live-view-btn {
    display: flex;
    gap: 15px;
    align-items: center;
    color: #000;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;    
}

.cs-list-box {
    margin-bottom: 50px;
}

.cs-live-view-btn:hover {    
    color: var(--main-color);
}

.wwa-cont{
    /* font-weight: 400;
    font-size: 20px;
    line-height: 30px; */
    /* color: #6B7682; */
}

/**************************************** Case Study Page End********************************/


/**************************************** Blog Page Start********************************/
.blog-post-first {
    min-height: 494px;
    border-radius: 47px;
    padding: 40px;
    display: flex;
    align-items: flex-end;   
    position: relative; 
    overflow: hidden;
    z-index: 1;
}

.blog-post-first:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 85.16%);    
    z-index: -1;    
}


.blog-post-box {
    min-height: 494px;
    border-radius: 47px;
    padding: 40px 30px;
    display: flex;
    align-items: flex-end;   
    position: relative; 
    overflow: hidden;
    z-index: 1;
    margin-bottom: 26px;
	background-position: center center;
}

.blog-post-box:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 85.16%);    
    z-index: -1;    
}

.bp-tag {
    border: 1px solid;
    padding: 8px 23px;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}

.bp-tag:hover{
    background-color:var(--main-color);
    border-color:var(--main-color);
}

.bp-tags {
    margin-top: 40px;
    color:#fff;    
    display: flex;
    align-items: center;
    gap: 10px;
}



.bp-first-cont {
    max-width: 580px;
}

.bp-first-cont h2 a{
    color: #fff;
}

.bp-first-cont h2{
    font-size: 40px;
}

.bp-adds-box{
    height: 100%;
    background-color: #c9a041;
    border-radius: 57px;
    -webkit-border-radius: 57px;
    -moz-border-radius: 57px;
    -ms-border-radius: 57px;
    -o-border-radius: 57px;
    color:#fff;
    padding: 30px;
}

.bp-title{
    font-style: normal;
    font-weight: 600;
    font-size: 37px;
    line-height: 46px;
    color: #FFFFFF;
}

.bp-box-title{
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #FFFFFF;
}

.bp-box-title a{
    color: #FFFFFF;
}

.about-award-list-item {
    position: relative;
}

.about-award-image {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    width: 240px;
    max-width: 240px;
    position: absolute;
    transform: rotate(12deg);
    box-shadow: 0 0 80px 24px #ffffff0a;
    bottom: 0;
    top: 0;
    margin: auto;    
}

/**************************************** Blog Page End********************************/


/**************************************** Web Design********************************/

/* .marquee {
    animation: slide 28s infinite linear;
}

@keyframes slide {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
} */

.service-main-banner{
    height: 100vh;
    background-color: #333;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
    padding: 0px 60px;
}

.banner-overlay:after{    
    background-color: rgba(12, 12, 12, 0.52);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.service-main-banner {
    display: flex;
    align-items: center;
}

.wd-banner-title{
    font-size: 25px;
}

.wd-banner-title-2{
    display: block;
    font-size: 25px;
}

.title-sapcer{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom:1px solid ;
}

.global-border-btn {
    border: 1px solid #fff;
    padding: 12px 25px;
    border-radius: 34px;
    color: #fff;
}


.text-box-bordered{
    font-weight: 700;
    font-size: 6vw;
    line-height: 1;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 0px;
    text-wrap: nowrap;
    color: transparent;
    text-fill-color: transparent;
    text-stroke: 1px rgb(255, 255, 255);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgb(255, 255, 255);
    -moz-text-fill-color: transparent;
    width: 100%;
}


.gradent-box{
    /* background: linear-gradient(160.74deg, #050402 38.42%, #c9a041 89.34%); */
    background-image:url(../../assets/images/cta-banner.png);
    background-position: center;
    background-repeat:no-repeat; 
    background-size:cover;
    border-radius: 70px;
    padding: 50px 40px 50px 60px;
    color: #fff;    
}

.gb-title{
    font-style: normal;
    font-weight: 600;
    font-size: 59px;
    line-height: 76px;
    color: #FFFFFF;
}

.serv-btns .cs-view-btn:hover{
   color: #000;
}

.serv-btns .cs-view-btn{
    background-color: #fff;
}

.serv-btns .cs-live-view-btn{
    color: #fff;
}

.gd-bottom-box {
    text-align: center;
    border-top: 1px solid #C1BDB5;
    padding-top: 50px;
    font-size: 18px;
}

.cms-row {
    display: flex;
    align-items: center;
    gap: 40px;
    min-height: 140px;
    border-bottom: 1px solid #ccc;
}

.cms-col-2 p{
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: #787878;
}

.cms-col-1 {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1 0 25%;
    max-width: 25%;
}

.cms-name{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;        
    color: #343333;
}


.cms-rows-holder .cms-row:first-child{
    border-top: 1px solid #ccc;
}

.cms-rows-holder .cms-row:last-child{
    border-bottom: 1px solid #ccc;
}

.cms-col-2 {
    flex: 1;
}



/* Split Section */

.split-box-container{
    flex-basis: auto;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 460px;
    border: 2px solid #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    overflow: hidden;
}

.split-box {
    /* flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto; */
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    border-right: 2px solid;
    padding: 40px 20px;
    flex: 1;
}

.collapse1{
    flex-grow: 0.2;    
}

.gd-bg{
    background: linear-gradient(180deg, #c9a041 0%, #885F21 100%);
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
}

.sb-num{
    font-style: normal;
    font-weight: 600;
    font-size: 39px;
    line-height: 26px;
    color: #57606A;
    display: block;
    margin-top: 15px;
}
.sb-title{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 12px;
}
  
.sb-cont {
    max-width: 150px;
    height: 100%;
    position: relative;
}

.gd-bg .sb-cont{
    max-width: 100%;
}

.sb-desc{
    /*display: none;
    */
    visibility: hidden;
    opacity: 0;
}

.gd-bg .sb-cont .sb-desc{
    opacity: 1;
    visibility: visible;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}

.sb-btn {
    position: absolute;
    right: -9px;
    bottom: -14px;
    width: 42px;
    height: 42px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    color:#000;
}

/* .gd-bg .sb-btn{
    display: none;
} */

.split-box-container .split-box:last-child {
    border-right: none;
}
/* Split Section end*/


/* Tect Stake */

.tss-logobox img {
    max-width: 85px;
}

.st-tabs {
    list-style: none;
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
    border: none;
}

.st-tabs li .nav-link{
    border: none;
    padding: 0;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    font-size: 22px;
    color: #595757;
}

.st-tabs li .nav-link.active{
    border-color:#c9a041;
}


.tabs-tags-holder{
    display: flex;
    justify-content: center;
    gap:20px;
}

.tabs-tags-holder span {
    display: inline-block;
    padding: 7px 17px;
    background-color: #ECEDF0;
    border-radius: 8px;
}

.tab-content-holder {
    margin-top: 80px;
}

.cf-feed {
    background-color: #F0F3F5;
    padding: 40px;
    border-radius: 6px;
}

.feed-user-info {
    background-color: #000;
    padding: 30px 10px;
    display: flex;
    max-width: 60%;
    border-radius: 10px;
    margin-top: 40px;
    align-items: center;
    color: #fff;
    gap: 14px;
}

.cff-name {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 600;
    display: block;
}

.cf-feed-user {
    border-radius: 10px;
    overflow: hidden;
}

.cff-desig{
    display: block; 
}

.cff-logo {
    margin-left: auto;
    padding-right: 15px;
}

.cf-feed-title{
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 76px;
    color: #060606;
}

.cff-cta-box{
    background-color: #020203;
    padding:10px 10px 30px;
    height: 100%;
    border-radius: 10px;    
}

.cff-cta-box img{
    border-radius: 10px;  
    margin-bottom:10px;  
}

.cff-cta-box h4{
    font-weight: 400;
    font-size: 27px;
    line-height: 37px;
    color: #FFFFFF;
}

.cf-feed-cont{
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #595757;
}


/* Tect Stake End */

/**************************************** Web Design end********************************/


/**************************************** Location page Start********************************/


.text-img-section{
    background-color:#FAFBFC;
    position: relative;
}

.img-half-vw{
    width: 46vw;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.img-half-vw img{
    width:100%;
    height:100%;
    object-fit: contain;
}

.v-tabs-holder{
    margin-top: 40px;
}

.nav-pills .nav-link.active{
    background-color:transparent;
    color:#000;    
    border-color:#c9a041;
}

.nav-pills .nav-link{
    padding:10px 0;
    text-align:left;
}

.v-tabs-holder{
    display:flex;
    align-items:start;
    gap:60px;
}

.nav-pills .nav-link {
    padding: 24px 0 24px 18px;
    text-align: left;
    border-left: 2px solid #BEBDBD;
    border-radius: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #545353;    
}

#v-pills-tabContent {
    flex: 1;
}

.cus-logo-holder {
    text-align: center;
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 16px rgba(20, 54, 83, 0.15);
    border-radius: 19px;
}

/**************************************** Location page end********************************/

/**************************************** Contact Us page Start********************************/

/* We’d love to hear about what you’re looking for. Give us a few details below and we'll be in touch. */

.cp-review-box p{
    font-style: normal;
    font-weight: 400;
    font-size: 29px;
    line-height: 38px;
    /* or 131% */    
    color: #0C0C0C;
}

.cp-rv-user {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 20px;
}

.cp-rv-user a{
    font-weight: 400;
    font-size: 23px;
    line-height: 38px;        
    color: #696565;
}

#cf-looking-for, #cf-found {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}

#cf-looking-for .wpcf7-list-item input, #cf-found .wpcf7-list-item input{
    display:none;
}

#cf-looking-for .wpcf7-list-item-label, #cf-found  .wpcf7-list-item-label {
    padding: 6px 18px;
    background-color: #DFE8EC;
    border-radius: 20px;
    color: #000;
    cursor: pointer;
}

.wpcf7-list-item{
    margin-left: 0;
}

#cf-looking-for input:checked + span, #cf-found input:checked + span{
    background-color:#c9a041;
}

/* .cp-form{
    margin-top: 80px;
} */

.cp-title{
    font-weight: 500;
    font-size: 31px;
    line-height: 1.2;
    color: #060606;
}

.cp-sub-title{
    display: block;
    margin-bottom: 43px;
}

.cf-input-holder input{
    height: 42px;
    width: 100%;
}

.cf-input-holder input, .cf-input-holder textarea{
    border:none;
    border-bottom: 1px solid #A5A1A1;
    margin-bottom: 30px;
}

.cf-input-holder .wpcf7-textarea{
    height: 60px;
    width:100%;
}

.cp-check-box-row{
    margin-bottom: 40px;
}

#ctm-file-up::file-selector-button {
    width: 40px;
    height: 40px;
    opacity: 0;
}

span[data-name="relevantdocument"]{
    position: relative;
}
span[data-name="relevantdocument"]:before{
    content: "";    
    width: 32px;
    height: 32px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    background-image:url(../images/icons/attachment-icon.png);
    background-size: 16px;
    background-position: center center;
    background-repeat:no-repeat; 
}

/* .acceptance-row {
    padding-top: 30px;
} */

.attach-title{
    display:block;
    font-weight:500;
    color:#000;
    font-size: 18px;
}

.attach-holder {
    display: flex;
    align-items: center;
    gap:12px;
}

.acceptance-holder {
    display: flex;
    align-items: center;
    gap: 20px;
    /* justify-content: flex-end; */
}


.ctm-acceptance{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #484343;
}

.ctm-acceptance input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-radius: 34px;
    border: none;
}


.ctm-acceptance input:checked {
    background-color:#c9a041;
    outline: #c9a041;
    
}



.ctm-acceptance .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 12px;
}

.acceptance-holder .wpcf7-submit{
    padding: 9px 50px;
    border-radius: 40px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
}


.cp-cta-holder {
    background-image: url(../images/bg-cp-cta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    min-height: 367px;
    display: flex;
    align-items: center;
    border-radius: 73px;
    -webkit-border-radius: 73px;
    -moz-border-radius: 73px;
    -ms-border-radius: 73px;
    -o-border-radius: 73px;
    padding:40px 30px;
    justify-content: center;
}

.cta-lg-title{
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 71px;
    text-align: center;
    color: #FFFFFF;
}

/* Careers at Artistsweb */
.cta-sm-title{
    font-weight: 600;
    font-size: 44px;
    line-height: 58px;
    text-align: center;
    color: #FFAF08;
}
/**************************************** Contact Us page end********************************/

/**************************************** Careers Single page Start********************************/

.careers-job-tags {
    color: #B8B0B0;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}


.careers-job-tags span {
    background-color: #222526;
    padding: 8px 22px;
    border-radius: 35px;
    color: #B8B0B0;
    font-size: 13px;
}

.jd-title{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;    
    line-height: 1.2;
    color: #FFFFFF;
    display: block;
    margin-bottom:10px;
}

.careers-cta-holder {
    background-image: url(../images/bg-cp-cta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    border-radius: 73px;
    -webkit-border-radius: 73px;
    -moz-border-radius: 73px;
    -ms-border-radius: 73px;
    -o-border-radius: 73px;
    padding: 40px 80px;
    color:#fff;
}

.cr-input-holder input{
    width:100%;
    height: 48px;
    border-radius: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    -ms-border-radius: 48px;
    -o-border-radius: 48px;
    background-color: #fff;
    border: 1px solid #fff;
    margin-bottom: 20px;
    padding: 0 22px;
}


.careers-from .wpcf7-submit {
    width: 100%;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 32px;
    padding: 12px 15px;
}

#uploadresume {
    width: 100%;
    background-color: #fff;
    padding: 12px 8px;
    border-radius: 32px;
    color: #000;
}

input::file-selector-button {
    font-weight: bold;
    color: #000;    
    border: none;
    background-color:#fff;
  }
  
.cr-cont p{
    font-size: 23px;
}


/**************************************** Careers Single page end********************************/


/**************************************** Service Single page Start********************************/
.tss-logos-holder {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

.tss-logobox span {
    display: block;
    margin-top: 10px;
}

.tss-logobox {
    flex: 1 0 15.66%;
    max-width: 15.66%;
    text-align: center;
    margin-bottom: 22px;
}

/**************************************** Service Single page end********************************/

/* ***************************************** Dashboard Page Start ******************************** */

.half-fulidSec {
    position: relative;
    min-height: 590px;
    align-items: center;
    display: flex;
    
}

.halfImgFluid {
    position: absolute;
    width: 50vw;
    right: 0;
    height: 100%;
    top: 0;
}

.halfImgFluid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* .global-btn{
    display: inline-block;
    padding: 12px 40px;
    background-color: var(--main-color);
    color: #000;
    border-radius: 50px;
    transition: 0.3s ease-in;
} */

/* Tabing Animation */
.design-tab{
    position:relative;
   }
   .design-tab .nav-pills .nav-link {
       border-bottom:1px solid rgba(127, 137, 161, 0.25);
       padding:10px 15px 0; 
       margin-bottom:20px;
       text-align:left;
       border-radius:20px;
       border: 0;

   }
   .design-tab .nav-pills .nav-link span{
       display: block;
       font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1920 - 300)));
       font-weight: 600;
         color: var(--body-font-color);
       margin-bottom: 5px;
       padding-left:0;
   }
   .design-tab .nav-pills .nav-link p{
       display:block;
       font-size: calc(16px + (15 - 16) * ((100vw - 300px) / (1920 - 300)));
       font-weight: 400;
       color: var(--body-font-color);
       padding-left:0;
   }
   .design-tab .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
       /* background-color:transparent; */
       background: rgb(253,222,174);
background: linear-gradient(90deg, rgba(253,222,174,1) 0%, rgba(248,248,249,1) 100%);

   }
   /* .design-tab .nav-pills .nav-link.active span,
   .design-tab .nav-pills .nav-link.active p{
       color:var(--primary-color)!important;
   } */
    .design-tab .progress {
       position: relative;
       width: 100%;
       height:2px;
       /* background-color: transparent; */
       border-radius: 0;
       background-color:#CED5DA;
   }
    
    .progress__bar {
        position: relative;
        width: 100%;
        height: 2px;
       /* background-color: #ccc;*/
        border-radius: 0;
        overflow: hidden;
        display:none;
   }
    .progress__bar::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0%;
        border-radius: 4px;
        animation: loading 5s linear forwards;
   }
    @keyframes loading {
        0% {
            width: 0%;
            background-color: #c9a041;
       }
       50% {
           width: 50%;
           background-color: #c9a041;
       }
       100% {
           width: 100%;
           background-color: #c9a041;
       }
   }
   
      
   .design-tab .nav-pills .nav-link.active .progress__bar{
       display:block;
   }
   /* Tabing Animation */

   .bg-lightPink{
    background-color: #F8F8F9;
   }

   /* .logoName-row {
    display: flex;
    justify-content: space-evenly;
    } */

   .logoName-div {
        text-align: center;
    }

    .logoName-div span {
        font-size: 18px;
        font-family: 'Jost';
        padding-top: 10px;
        text-align: center;
        margin: 0 auto;
    }
    
    .logoName-div img {
        background-color: #fff2dd;
        border-radius: 6px;
        margin: 0 auto 10px;
    }

    .plumbCards-div {
        display: flex;
        gap: 30px;
        margin-top: 50px;
        position: relative;
    }
    
    .plumbCard-cont h4 {
        font-size: 18px;
        font-weight: 600;
        font-family: 'Poppins' !important;
    }

    .plumbCards-div:after {
        position: absolute;
        right: -45px;
        content: "";
        height: 86px;
        border-right: 2px solid #000;
        border-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0)) 1 100%;
    }

    .row .col-md-5:nth-child(odd) .plumbCards-div:after {
        display: block;
    }
    
    /* Hide the border for other columns (2nd and 4th) */
    .row .col-md-5:nth-child(even) .plumbCards-div:after {
        display: none;
    }


    .faq-div .accordion-button {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        border-radius: 12px !important;
        padding: 20px 14px;
    }
    
    .faq-div .accordion-item {
        margin-bottom: 18px;
        border-radius: 12px !important;
    }
    
    /* .faq-div .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M10 13V23H13V13L23 13V10L13 10V0H10V10L0 10V13L10 13Z' fill='%23F63B3B'/%3E%3Cpath d='M10 13V23H13V13L23 13V10L13 10V0H10V10L0 10V13L10 13Z' stroke='%23F63B3B'/%3E%3C/svg%3E"); 
        transition: all 0.5s;
    } */
    
    
    .faq-div .accordion-button::after {
        transition: all 0.5s;
    }





/* ***************************************** Dashboard Page End ******************************** */


/**************************************** Popup form********************************/

.image-holder-popup {
    margin-top: 40px;
  }
  
  .ctm-model-body{
    position: relative;
    padding: 0;
  }
  
  .popup-cont {
    padding: 23px;
    color: #fff;
  }
  
  .popup-cont p{
    color: #fff;
  }
  
  .popup-cont h2{
    color:#fff;
    font-size: 40px;
    margin-bottom:20px;
  }
  
  .popup-form input{
    width: 100%;
  }
  
  .popup-form {
    padding: 20px;
    margin-top: 35px;
  }
  
  .popup-form input {
    width: 100%;
  }
  /* popup Form */
  
  .email-phone-holder {
    display: flex;
    gap: 12px;
  }
  
  .popup-message textarea {
    width: 100%;
  }
  
  .full-name-holder input{
    border:none;
    border-bottom:2px solid rgba(0,0,0,.5);
    height:45px;
  }
  
  .email-phone-holder input{
    border:none;
    border-bottom:2px solid rgba(0,0,0,.5);
    height:45px;
  }
  
  .popup-message textarea{
    border:none;
    border-bottom:2px solid rgba(0,0,0,.5);
  }
  
  .input-after{
    position: relative;
    margin-bottom: 12px;
  }
  
  .input-after:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:60px;
    height:2px;
    background-color:#c9a041;
  }
  
  .popup-message{
    position: relative;
    margin-bottom: 12px;
  }

.popup-form input:focus, .popup-form textarea:focus {
    outline: none;
}

  .popup-message:after{
    content:"";
    position:absolute;
    bottom: 7px;
    left:0;
    width:100px;
    height:2px;
    background-color:#c9a041;
  }
  
  .popup-submit input {
    width: 100%;
    background-color: #c9a041;
    border: 1px solid #c9a041;
    color: #ffff;
    height: 39px;
    border-radius: 23px;
    margin-top: 10px;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
  }
  
  .popup-submit input:hover {
    width: 100%;
    background-color: #000;
    border: 1px solid #000;
  }
  
  .ctm-close {
    color: #c9a041;
    opacity: 1;
    top: 0;
    right: 5px;
    position: absolute;
    z-index: 10;
    background-color: transparent;
    border: none;
    font-size: 24px;
  }
    
/* popup Form End */
  


/**************************************** Popup form End********************************/

/**************************************** Single Blog Post Page Start********************************/
.single-post #header{
    background-color: #000 !important;
}

.ctm-sinlge-post {
    padding-top: 100px;
}

.ctm-post-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.ctm-share-post {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ctm-share-post span{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: #000000;    
}

.ctm-blog-back{    
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ctm-single-post-title{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 1.2;
    color: #0C0C0C;
}

.cat-date-holder {
    display: flex;
    align-items: center;
    gap: 15px;
    margin:30px 0;
}

.post-cat {
    padding: 8px 35px;
    background-color: var(--main-color);
    border-radius: 34px;
    color: #000;
    transition: 0.3s ease-in;
}

.post-cat:hover{
    background-color:#000;
    color:#fff;
}

.mian-post-banner{
    min-height: 400px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #ccc;
    margin-bottom: 30px;
    background-size: cover;
}

.post-content h3 {
    font-size: 26px;
    margin-bottom: 25px;
}

.post-content h2 {
    font-size: 32px;
    margin-bottom: 25px;
}

.post-content h4 {
    font-size: 22px;
    margin-bottom: 25px;
}

.post-content ol, .post-content ul {
    padding-left:20px;
}

.post-content ol li, .post-content ul li {
    margin-bottom: 15px;
}


/**************************************** Single Blog Post Page End********************************/


/******************************************* FOOTER***************************************/

.foo-logo {
    max-width: 220px;
    margin-bottom:10px;
}

.foo-title {
    margin-bottom: 30px;
    color:#fff;
}

#footer{
    padding:50px 0px 10px;
    background-color:#0A0A0A;
    color:#989898; 
}

.socialsdiv {
    display: flex;
    gap: 16px;
}

.socialsdiv i {
    font-size: 30px;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.socialsdiv i:hover {
    color: #c9a041;
}

.foo-nav{
    list-style:none;    
    padding-left:0;
}

.foo-col-list{
    columns: 2;
}

.foo-nav li{
    margin-bottom:10px;
    color:#989898;
    cursor: pointer;
}

.foo-nav li a{
    margin-bottom:10px;
    color:#989898;
    cursor: pointer;
}

#footer .menu-item a[aria-current=page] {
    color:#989898 ;

}

.foo-nav li a:hover {
    color: #c9a041;
}

.cont-info-foo ul{
    list-style: none;
    padding-left:0;

}

.cont-info-foo ul li{
    list-style: none;
    padding-left:0;
    margin-bottom:10px;   
    color:#989898; 
}

.cont-info-foo ul li a{
    list-style: none;
    padding-left:0;
    margin-bottom:10px;   
    color:#989898; 
}

.cont-info-foo ul li a:hover {
    color: #c9a041;
}


/******************************************* FOOTER END***************************************/

.cs-list-holder{
    list-style: none;
    padding-left: 0;
}

.cs-list-holder li{
    display: flex;    
    margin-bottom: 40px;
}

.cs-list-holder li:last-child{    
    margin-bottom: 0px;
}

.cs-list-holder li:before{
    content: "\f04b";
    flex: 1 0 20px;
    max-width: 20px;
    font-family: 'fontawesome';
    color: #D98A0F;
}

.cs-list-holder li h3{
    font-size: 22px;
    font-weight:600 ;
}

.cs-list-holder li p{
    margin-bottom: 0;
}

.ctm-tm-box {
    background-color: #E4ECF8;
    padding: 30px;
    border-radius: 20px;
}

.ctm-tm-head {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 18px;
}

.ctm-tm-head {
    display: flex;
}

.ctm-tm-head span{
    display: block;
}

.ctm-tm-user-name {
    font-weight: 600;
}

.ctm-tm-user-desig{
    color: #595757;
}

.ctm-tm-cont {
    font-size: 22px;
    font-weight: 500;
}

.bg-light-b{
    background-color: var(--bg-lb);
}

.site-menu-mob{
    display: none;
}

.mega-menu-toggle-animated-block{
    display: none !important;
}

/* ------------------ Thankyou Start -------------------- */

.thankyou-banner{
    background-color: #000;
    min-height: 500px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.thankyou-banner-cont span {
    display: block;
    color: #FEA400;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 14px;
    padding-bottom: 10px;
}

.thankyou-banner-cont h1 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.thankyou-banner-cont p {
    font-size: 18px;
}

/* ------------------ Thankyou End -------------------- */


/* -------------------- Privacy Policy -------------- */

.inr-ul p {
    display: inline;
}

.inr-ul li p strong {
    font-size: 16px;
    padding-right: 4px;
}

.inr-page-sec .ctm-mian-title {
    font-size: 30px;
}

.cp-text a {
    color: #fff;
}

/* -------------------- Privacy Policy End -------------- */


/******************************************* Media Query Start ***************************************/

@media (max-width: 1399.98px) {
    .oc-review-cont {
        min-height: 314px;
    }

    .gb-title {
        font-size: 56px;
    }
}

@media (min-width: 1200px) { 
    .ma5menu__toggle{
        display: none;
    }
}

@media (max-width: 1199.98px) { 

    .cultivate-mg-holder {
        display: none;
    }
    
    .cul-title {
        font-size: 36px;
        line-height: 50px;
    }
    
    .cult-title-holer {
        margin-bottom: 30px;
    }

    div#navbar {
        display: none !important;
    }

    .header-btn-holder{
        display: none;
    }
    
    .ctm-mian-title {
        font-size: 32px;
    }
    
    .space-p-tb {
        padding: 60px 0;
    }

    .space-p-b {
        padding-bottom: 60px;
    }

    .space-p-t {
        padding-top: 60px;
    }

    .space-m-tb {
        margin: 60px 0;
    }

    .space-m-b {
        margin-bottom: 60px;
    }

    .space-m-t {
        margin-top: 60px;
    }
    
    .plumbCards-div {
        gap: 10px;
        margin-top: 20px;
    }
    
    .plumbCards-div:after {
        right: -30px;
    }

    .cont-info-foo ul li a {
        word-break: break-all;
    }

    .ov-box-slide h3 {
        font-size: 30px;
    }
    
    .wrg-box h4 {
        font-size: 20px;
    }
    
    .ab-counter-box h4 {
        font-size: 70px;
    }
    
    .ctm-big-text {
        font-size: 7.6vw;
    }
    
    .section__map-wrap {
        margin-top: 50px;
    }
    
    .ar-review-holde h3 {
        font-size: 70px;
    }
    
    .ar-logo-box {
        padding: 20px;
        min-height: 280px;
    }
    
    .ar-logo-box-slider {
        margin-top: 30px;
    }
    
    .ar-logo-box img {
        margin-bottom: 20px;
    }
    
    .ar-logo-box {
        min-height: 250px;
    }

    .gb-title {
        font-size: 48px;
    }
    
    .gd-bottom-box {
        padding-top: 22px;
    }
    
    .gradent-box {
        padding: 40px 40px 26px 40px;
    }
    
    .feed-user-info {
        padding: 20px 10px;
        max-width: 80%;
    }
    
    .st-tabs {
        margin: 20px 0;
    }
    
    .tab-content-holder {
        margin-top: 40px;
    }

 }

 @media (max-width: 991.98px) { 

    .cscat-logos-holder {
        margin-top: 20px;
    }

    .cslist-mina-title {
        margin-bottom: 10px;
    }
    
    .cs-listimagebox {
        padding: 20px 20px 0;
    }
    
    .cs-title-box {
        padding: 12px;
    }
    
    .cs-btns-holder {
        margin-top: 22px;
    }
    
    .cs-list-box {
        margin-bottom: 20px;
    }
    
    .cslist-mina-title span {
        font-size: 40px;
        padding-right: 12px;
    }
    
    .cslist-mina-title:after {
        top: 20px;
    }

    .cf-feed {
        padding: 20px 30px;
    }
    
    .cff-cta-box img {
        width: 100%;
    }
    
    .cff-cta-box {
        padding: 20px 20px 30px;
        text-align: center;
    }

    .gb-title {
        font-size: 50px;
        line-height: 60px;
    }

    .cs-btns-holder.serv-btns {
        margin-top: 24px;
    }

    .space-p-tb {
        padding: 40px 0;
    }

    .space-p-b {
        padding-bottom: 40px;
    }

    .space-p-t {
        padding-top: 40px;
    }

    .space-m-tb {
        margin: 40px 0;
    }

    .space-m-b {
        margin-bottom: 40px;
    }

    .space-m-t {
        margin-top: 40px;
    }

    .sb-cont {
        max-width: 100%;
        height: 100%;        
    }

    .split-box-container {
        flex-basis: auto;
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-direction: column;
        overflow: hidden;
        height: auto;
        text-align: center;
    }

    .sb-btn {
        position: relative;
        width: 42px;
        height: 42px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;

        margin: auto;
    }

    .split-box {
        border-right: none;
        border-bottom: 2px solid #fff;
    }

    .global-border-btn {
        margin-top: 20px;
    }

    .halfImgFluid {
        display: none;
    }

    .contact-submit {
        display: flex;
    }

    .cp-sub-title {
        margin-bottom: 20px;
    }
    
    .cta-lg-title {
        font-size: 40px;
        line-height: 50px;
    }

    .cta-box-ab {
        padding: 20px;
        border-radius: 30px;
    }

    .header-loc {
        display: block !important;
    }
    
    .loccont-place:after {
        display: none !important;
    }
    
    .loc-content {
        padding: 12px;
        min-height: 176px;
    }    
    
    .section__map-wrap {
        margin-top: 20px;
    }

    .cp-text {
        font-size: 15px;
    }

 }

 @media (max-width: 767.98px) {

    .cultivate-cont {
        padding: 40px 0 10px;
    }

    .t-results-box {
        min-height: 80px;
    }

    .cul-title {
        font-size: 30px;
        line-height: 38px;
    }
    
    .cult-title-holer p {
        font-size: 16px;
    }
    
    .ccd-box {
        padding-left: 22px;
        margin-bottom: 29px;
    }
    
    .ccd-box h4 {
        font-size: 20px;
    }
    
    .space-cultivate-sec {
        padding: 0 30px;
    }

    .cs-listimagebox {
        padding: 12px 12px 0;
    }
    
    .cs-title-box h4 {
        margin-bottom: 12px;
    }
    
    .cs-btns-holder {
        margin-top: 10px;
    }

    .wrg-box {
        text-align: center;
    }
    
    .st-tabs {
        gap: 10px;
    }
    
    .st-tabs li .nav-link {
        font-size: 18px;
    }
    
    .tabs-tags-holder {
        gap: 14px;
    }
    
    .cf-feed {
        padding: 20px;
    }
    
    .cf-feed-title {
        font-size: 36px;
        line-height: 40px;
    }
    
    .feed-user-info {
        margin-top: 20px;
        max-width: 100%;
        padding: 10px 14px;
    }
    
    .tab-content-holder {
        margin-top: 24px;
    }

    .gb-title {
        font-size: 40px;
        line-height: 40px;
    }

    .gradent-box {
        padding:20px;
        border-radius: 48px;
    }

    .gd-bottom-box {
        padding-top: 10px;
    }
    
    .cms-col-1 {
        gap: 10px;
        flex: 1 0 30%;
        max-width: 30%;
    }
    
    .cms-row {
        gap: 30px;
    }
    
    .cms-name {
        font-size: 18px;
    }
    
    .cms-col-2 p {
        font-size: 16px;
        line-height: 24px;
    }

    .cta-sm-title {
        font-size: 30px;
        line-height: 50px;
    }
    
    .cta-lg-title {
        font-size: 28px;
        line-height: 40px;
    }
    
    .cp-cta-holder {
        min-height: 280px;
        padding: 12px;
    }

    .ctm-mian-title {
        font-size: 26px;
    }

    .plumbCards-div:after {
        display: none !important;
    }

    .oc-review-cont {
        min-height: auto;
    }
    
    .oc-review-cont-text {
        min-height: auto;
    }
    
    .oc-head {
        min-height: auto;
        padding-top: 10px;
    }

    .acceptance-holder {
        gap: 10px;
    }
    
    .acceptance-holder .wpcf7-submit {
        padding: 6px 30px;
    }

    .acceptance-row {
        padding-top: 0px;
    }

    .header-loc {
        display: flex !important;
    }
    
    .loccont-place:after {
        display:visible !important;
    }
    
    .loc-content {
        padding: 12px;
        min-height: 176px;
    }    
    
    .section__map-wrap {
        margin-top: 20px;
    }

  }

 @media (max-width: 575.98px) {    

    .dashed-list-box {
        padding: 12px 10px 0px;
        border-radius: 20px;
    }
    
    .cscat-logos-holder {
        margin-top: 0;
        text-align: center;
    }
    
    .space-cultivate-sec {
        padding: 0;
    }
    
    .cultivate-cont {
        padding: 14px 0 0px;
    }
    
    .cul-title {
        font-size: 20px;
        line-height: 24px;
    }
    
    .cult-title-holer p {
        font-size: 14px;
    }
    
    .cult-title-holer {
        margin-bottom: 16px;
    }
    
    .ccd-box {
        padding-left: 18px;
        margin-bottom: 18px;
    }
    
    .ccd-box h4 {
        font-size: 18px;
    }
    
    .t-results-box {
        margin: 2px 0;
        padding-left: 12px;
    }
    
    .cslist-mina-title span {
        font-size: 28px;
        padding-right: 12px;
    }
    
    .cs-list-box h4 {
        font-size: 20px;
    }
    
    .cslist-mina-title {
        margin-bottom: 4px;
    }
    
    .cs-list-box {
        margin-bottom: 0px;
    }

    .cs-btns-holder.serv-btns {
        margin-top: 16px;
    }
    
    .tabs-tags-holder {
        margin-bottom: 14px;
    }
    
    .st-tabs {
        margin: 10px 0 18px;
    }
    
    .cff-cta-box {
        padding: 10px 12px 20px;
    }
    
    .cms-rows-holder .cms-col-1 {
        gap: 10px;
    }

    .cp-text {
        font-size: 14px;
    }

    .wrg-box {
        text-align: center;
    }
    
    .ov-box-holder {
        padding: 18px;
    }
    
    .ar-logo-box {
        min-height: auto;
    }

    .loc-content {
        min-height: auto;
    }

    .navbar-brand img {
        height: 50px;
        padding-right: 20px;
    }

    .mian-baner-cont h1 {
        font-size: 32px;
    }

    .mb-mini-title {
        font-size: 22px;
        line-height: 1;
    }

    .featured-in {    
        display: none;
    }

    
    .banner-btn {        
        padding: 9px 30px;
        font-size: 14px;
    }

    .couner-boxes {
        flex-direction: column;
    }

    .couter-box:after{
        display: none;
    }

    .ctm-mian-title {
        font-size: 22px;
    }

    .space-p-t {
        padding-top: 20px;
    }
    
    .space-p-b {
        padding-bottom: 20px;
    }
    
    .space-p-tb {
        padding: 20px 0;
    }
    
    .space-m-t {
        margin-top: 20px;
    }
    
    .space-m-b {
        margin-bottom: 20px;
    }
    
    .space-m-tb {
        margin: 20px 0;
    }

    .ab-counter-box h4 {            
        font-size: 36px;
        line-height: 1;
    }
    .ab-counter-box{
        text-align: center;
        min-height: auto;
    }

    .section__map-wrap {        
        margin-top: 30px;
    }

    .service-main-banner {
        height: 550px;
        padding: 0px 15px;
    }

    .halfImgFluid {
        display: none;
    }

    .plumbCards-div:after{
        display: none !important;
    }
    
    .wd-banner-title-2 {
        display: block;
        font-size: 15px;
        margin-bottom: 50px;
    }

    .gb-title {    
        font-size: 34px;
        line-height: 1.2;    
    }

    .gradent-box {
        border-radius: 40px;
        padding: 30px;
        color: #fff;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
    }

    .gb-title {
        font-size: 26px;
        line-height: 1.2;
    }

    .cms-col-1 {        
        gap: 0;
        flex: 1;
        max-width: 100%;
    }


    .cms-row {
        gap: 0;
        min-height: auto;
        padding: 17px 0;
        text-align: center;
        flex-direction: column;
    }

    .cms-col-2 p {
        font-size: 14px;
        line-height: 26px;
    }

    .cms-col-2 img {
        display: none;
    }

    .cf-feed-title {
        font-size: 24px;
        line-height: 1.5;

    }

    .cf-feed {     
        padding: 20px;     
    }

    .tab-content-holder {
        margin-top: 0px;
    }

    .ab-get-intouch a {    
        margin-bottom: 10px;
        font-size: 18px;
    }

    .split-box{
        padding: 30px 20px;
    }

    .wrg-box h4 {
        font-size: 20px;    
    }
    .ov-review-cont-head {
        min-height: 86px;
        flex-direction: column;
    }

    .ar-review-holde h3 {
        font-size: 60px;        
    }

    .service-main-banner {
        height: 450px;
    }
    
    .text-box-bordered.marquee {
        bottom: 10px;
    }
    
    .wd-banner-title-2 {
        margin-bottom: 20px;
    }
    
    .global-border-btn {
        padding: 6px 16px;
    }

    .design-tab .nav-pills .nav-link span {
        font-size: 18px;
        line-height: 1.2;
    }
    
    .design-tab .nav-pills .nav-link p {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .oc-review-cont {
        min-height: auto;
    }
    
    .faq-div .accordion-button {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        border-radius: 12px !important;
        padding: 10px 14px;
    }
    
    .faq-div .accordion-body {
        padding: 12px;
        font-size: 12px;
    }
    
    .fllow-us-box {
        padding: 10px;
    }
    
    .cta-box-ab {
        margin-top: 20px;
        padding: 20px 10px;
        border-radius: 50px;
    }
    
    .global-btn {
        padding: 6px 38px;
    }

    .oc-review-cont {
        padding: 10px;
    }
    
    .oc-review-cont-text {
        min-height: auto;
    }
    
    .oc-head {
        min-height: auto;
        padding-top: 0;
    }

    .design-tab .nav-pills .nav-link {
        margin-bottom: 10px;
    }

    .plumbCard-cont h4 {
        font-size: 16px;
    }

    .plumbCards-div {
        margin-top: 10px;
    }

    #footer {
        padding-top: 20px;
    }
    
    .foo-logo {
        max-width: 170px;
    }
    
    .foo-title {
        margin-bottom: 8px;
    }
    
    .foo-nav li {
        margin-bottom: 2px;
    }
    
    .foo-nav li a {
        font-size: 14px;
    }

    .cms-row.about-award-list-item:last-child {
        border-bottom: transparent;
    }


}


@media (max-width: 480px) { 

    .cms-row.about-award-list-item:last-child {
        border-bottom: transparent;
    }
    
    .cms-col-2 p {
        line-height: 20px;
        padding-top: 10px;
    }

    .plumbCards-div {
        margin-top: 0px;
    }

    .cta-box-ab {
        padding: 10px;
        border-radius: 30px;
    }

    .acceptance-holder {
        flex-direction: column;
        align-items: flex-start;
    }

    .cs-btns-holder.serv-btns {
        flex-direction: column;
        gap: 12px;
    }
    
    .cs-view-btn {
        width: 100%;
        padding: 6px 20px;
    }

    .cs-live-view-btn {
        background: #c9a041;
        color: #000 !important;
        width: 100%;
        border-radius: 20px;
        padding: 6px 20px;
    }
    
    .tabs-tags-holder {
        flex-wrap: wrap;
        margin-bottom: 15px;
        gap: 10px;
    }
    
    .tabs-tags-holder span {
        font-size: 14px;
        padding: 6px 12px;
    }
    
    .st-tabs li .nav-link {
        font-size: 14px;
    }
    
    .st-tabs {
        gap: 12px;
    }
    
    .feed-user-info {
        margin-top: 10px;
        padding: 10px;
    }
    
    .cff-name {
        font-size: 16px;
    }
    
    .cf-feed {
        padding: 12px;
    }
    
    .cff-cta-box {
        padding: 10px 10px 20px;
    }
    
    .cff-cta-box h4 {
        font-size: 20px;
        line-height: 28px;
    }
    
    .cms-col-1 {
        gap: 10px;
    }
    
    .cms-row {
        padding: 10px 0;
    }
    
    .cms-icon {
        width: 40px;
    }
    
    .global-btn {
        margin-top: 0px !important;
    }
    
    .gradent-box {
        padding: 10px 14px;
        border-radius: 20px;
    }
    
    .gb-title {
        font-size: 22px;
    }

    .ctm-thin-title {
        font-size: 22px;
    }

    .cp-text {
        font-size: 12px;
    }

}













/******************************************* Media Query End ***************************************/