@font-face {
    font-family: istok;
    src: url(fonts/Istok-Regular.ttf);
}

@font-face {
    font-family: istok-bold;
    src: url(fonts/Istok-Bold.ttf);
}

body {
    font-family: 'istok';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'istok-bold';
}

p {
    font-family: 'istok';
    text-transform: none;
}

ul li {
    font-family: 'istok';
}

a {
    font-family: 'istok';
}

.loader .loader-outter {
    border: 4px solid #fad02c;
}

.loader .loader-inner {
    position: absolute;
    border: 4px solid #fad02c;
}

.navbar-wrap ul li a {
    padding: 40px 25px;
}

.title {
    font-weight: 600 !important;
}

.logo img,
.f-logo img,
.fw-logo img {
    max-height: 45px;
}

.section-title .sub-title {
    color: #FAD02CF2;
}

.section-title .sub-title::before {
    display: none;
}

.features-item-three {
    background: #ffffff;
    border: 0px solid var(--tg-border-color);
    border-radius: 5px 5px 50px 5px;
    padding: 60px 40px 60px;
    box-shadow: 0px 20px 50px rgb(255 235 242);
    border-top: 5px solid #fad02c;
}

.features-item-three:hover {
    background: #fad02c;
    border-color: #fad02c;
    box-shadow: 0px 20px 50px rgb(255 235 242);
}

.counter-wrap {
    padding: 70px 0px;
}

.why-us-image img {
    margin-right: 20px;
}

.why-us-wrap {
    padding: 70px 0px;
}

.team-thumb-five img {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
}

.team-item-five {
    border: 0px solid #D4DCED;
    background-color: white;
    box-shadow: 0px 20px 50px rgb(255 235 242);
    border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;
    padding: 10px 10px 50px;
}

.team-social-four .list-wrap li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e6eeff00;
    font-size: 15px;
    border: 1px solid #fad02c;
    color: #fad02c;
}

.team-content-five span::before {
    display: none;
}

.team-social-four .list-wrap li a:hover {
    color: var(--tg-white);
    background: #0d0d0e;
}

.progress-item .progress-bar {
    background-color: #fad02c;
}

.progress-item .progress-bar span {
    color: #161616;
    background: #0055ff00;
}

.faq-content .accordion-button:not(.collapsed) {
    color: #161514;
    background-color: transparent;
    box-shadow: none;
}

.mr-100 {
    margin-right: 140px;
}

.progress-item .progress-bar span::before {
    display: none;
}

.ml-50 {
    margin-left: 50px;
}

.btn-project a {
    color: #FAD02C;
    background: #fad02c2b;
    padding: 15px 30px;
    border-radius: 5px;
    border: 1px solid #FAD02C;
}

footer {
    background-color: #fad02c;
}

.scroll-top {
    background: #fad02c;
}

.footer-social .list-wrap {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 8px;
    margin-top: 14px;
}

.footer-widget .fw-title {
    font-size: 16px;
    margin-bottom: 0;
    color: #070707;
}

.footer-link .list-wrap li a {
    color: #ffffff;
    position: relative;
}

.footer-widget .fw-title::before {
    display: none;
}

.footer-info .list-wrap li .content a,
.footer-info .list-wrap li .content p {
    color: #101011;
    margin-bottom: 0;
    font-size: 15px;
}

.footer-info .list-wrap li .icon {
    color: #070707;
}

.footer-cta {}

.footer-cta-wrap {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.footer-cta-content {}

.footer-cta-content p {}

.footer-cta-wrap a {
    color: #fad02c;
}

.services-active .slick-dots li.slick-active button {
    border-color: #fad02c;
    background: #fad02c;
}

.success {
    position: relative;
    padding: 120px 0 0px;
}

.success .contact-form {
    background-color: white;
    padding: 50px 50px 122px;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    top: 125px;
}

.success .contact-form h4 {}

.success .contact-form p {}

.choose-bg::before {
    background: #fad02c;
}

.success .contact-form .form-grp input {
    width: 100%;
    box-shadow: 0px 4px 50px rgb(233 233 243 / 73%);
    border-radius: 60px;
    border: 0px solid #D5DAE4;
    background: var(--tg-white);
    color: var(--tg-secondary-color);
    font-weight: 500;
    font-size: 13px;
    padding: 14px 18px;
    height: 50px;
    display: block;
}

.success .contact-form form button {
    border: none;
    width: auto;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--tg-white);
    text-transform: uppercase;
    background: #fad02c;
    border-radius: 30px;
    padding: 14px 45px;
}

.sticky-menu {
    background: #fad02c;
}

.transparent-header {
    background-color: #fad02c;
}

.navbar-wrap>ul>li.active>a,
.navbar-wrap>ul>li:hover>a {
    color: #77787a;
}

.ball {
    opacity: 1;
    z-index: -2;
    position: absolute;
    border-radius: 50%;
    display: none;
}

.brand-item p {
    color: white;
    font-size: 12px;
}

.brand-item img {
    opacity: 1.5;
}

.services-active .slick-dots li button {
    text-indent: -9999999999px;
    padding: 0;
    border: 2px solid #fad02c;
}

.banner-content-five .title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 36px;
    color: white;
}

.banner-content-five p {
    margin-bottom: 25px;
    color: #ffffff;
}

.banner-content-five {
    width: 80%;
    padding: 100px 0 100px;
}

.hero-img {
    position: absolute;
    top: 161px;
    right: 0;
    width: 412px;
}

.hero-form form input::placeholder {
    color: #676767;
    opacity: 1;
    /* Firefox */
}

.hero-form form input::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #676767;
}

.skills {
    background: #FCF8FF;
    padding: 90px 0px;
}

.testimonial-area-seven {
    background: #F5F5F5;
}

.testimonial-shap {}

.testimonial-shap-1 {
    top: 0px;
}

.testimonial-shap-2 {
    right: 0px !important;
    bottom: 0px !important;
    position: absolute !important;
}

.hero-form {}

.hero-form form input {
    width: 100%;
    border: none;
    background: #ffffff;
    font-weight: 500;
    font-size: 14px;
    color: #111111;
    border-radius: 30px;
    padding: 12px 125px 12px 22px;
    height: 46px;
}

.hero-form form button {
    border: none;
    background: #ffffff;
    color: #060606;
    border-left: 2px solid;
    font-weight: 700;
    font-size: 14px;
    border-radius: 0;
    position: absolute;
    right: 18px;
    top: 5px;
    padding: 7px 20px;
    height: auto;
}

.brand-item-wrap {
    border-bottom: 0px solid #DEE4F0;
    width: 80%;
    padding-bottom: 27px;
}

.white-text {
    color: white !important;
}

.faq-content .accordion-button {
    border: 0px solid #DFDFDF;
    background-color: #ffffff;
}

.faq-content .accordion-body {
    border: 0px solid #DFDFDF;
}

.watch-demo-cta {
    color: white;
    display: flex;
    align-items: center;
    gap: 18px;
}

.watch-demo-cta img {}

.watch-demo-cta a {
    color: white;
    padding-bottom: 10px;
    text-decoration: underline;
}

.rating-wrap {
    margin-bottom: 30px;
}

.rating-wrap p {
    margin-bottom: 8px;
}

.rating-wrap-btn-more {}

.rating-wrap-btn-more img {
    margin-right: 10px;
}

.hero-arrow {
    position: relative;
    right: 100px;
}

.hero-shape img {
    position: absolute;
    z-index: -5;
}

.hero-shape .hero-left {
    left: 0px;
    top: 0px;
}

.hero-shape .hero-right {
    right: 0px;
    top: 0;
}

.hero-shape .hero-bottom {
    bottom: 0px;
    left: 200px;
}

.footer-newsletter form button:hover {
    background: #00194c00;
}

.circle-container {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    width: 100%;
}



.testimonial-item-five {
    text-align: center;
    box-shadow: 0px 9px 31px rgb(255 235 242);
    background: var(--tg-white);
    position: relative;
    border-radius: 10px;
    padding: 35px 40px 45px;
    margin-bottom: 95px;
}

.testimonial-avatar .avatar-thumb img {
    border-radius: 50%;
    margin: auto;
}

.testimonial-avatar {
    left: 130px;
    display: block;
    position: absolute;
    text-align: center;
}

.testimonial-avatar .avatar-info::before {
    display: none;
}

.testimonial-avatar .avatar-info .title {
    font-size: 18px;
    margin-bottom: 4px;
    color: var(--tg-paragraph-color);
    margin-top: 10px;
}

.testimonial-avatar .avatar-thumb {
    width: 100%;
}

.testimonial-item-five .rating {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #fd8f0c;
    font-size: 16px;
}

.testimonial-item-five-top {
    display: inline-grid;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}

.service-hero {
    background-color: #FEFCF0;
    padding: 120px 0px;
    z-index: 1;
}

.span-number {}

.service-list {
    margin-bottom: 40px;
}

.btn-read-more {
    background-color: #fad02c;
    color: white;
    padding: 18px 30px;
    border-radius: 5px;
}

.btn-read-more:hover {
    color: white;
}

.btn-work-us {
    background-color: #fad02c;
    color: white;
    padding: 14px 30px;
    box-shadow: 0px 6px 8px rgb(39 34 36 / 31%);
}

.request-area.request-bg {
    background-position: center;
    background: #FEF7DB;
}

.request-content .title {
    color: #000000;
    font-weight: 600;
}

.digital-prouct-wrap {
    margin-top: -50px;
}

.digital-prouct-wrap img {
    margin-top: -150px;
}

.service-shape {
    position: absolute;
    right: 47px;
    top: 10px;
}

.contact-us-shape {
    position: absolute;
    right: 117px;
    top: 43px;
    z-index: -1;
}

.line-heading h2 {
    font-weight: 600;
    font-size: 36px;
}

.font-size-36 {
    font-size: 36px !important;
}

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

.relative {
    position: relative;
}

.line-heading h2::before {
    display: inline-block;
    content: "";
    border-top: .3rem solid black;
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
}

.line-span h4 {
    font-size: 16px;
}

.line-span h4::before {
    display: inline-block;
    content: "";
    border-top: .3rem solid black;
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
    position: relative;
    top: 9px;
}

.banner-content-four .title {
    font-weight: 600;
}

.contact-shape {
    position: absolute;
    right: 47px;
    top: 10px;
}

.contact1-dots {
    position: absolute;
    right: 100px;
    bottom: -72px;
}

.contact-wrap {
    margin: 0;
    padding: 30px 0px;
}

.contact-wrap form button {
    border: none;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--tg-white);
    text-transform: uppercase;
    background: #fad02c;
    border-radius: 5px;
    padding: 14px 20px;
}

.contact-wrap .form-grp {
    margin-bottom: 30px;
}

.contact-wrap .form-grp textarea,
.contact-form .form-grp input {
    width: 100%;
    box-shadow: 0px 3px 7px rgb(39 34 36 / 31%);
    border: 0px solid #D5DAE4;
    border-radius: 4px;
    background: #F8F8F8;
}

.about-team {
    background-color: #fad02c;
    padding: 70px 0px;
}

.about-team-wrap .title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 30px;
}

.about-team-wrap {
    background: var(--tg-white);
    border-radius: 5px;
    padding: 40px 30px 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px;
    text-align: center;
    transition: .3s linear;
}

.about-team p {
    width: 100%;
    margin: 15px auto 0;
}

.about-dots {
    position: absolute;
    right: 100px;
    bottom: -270px;
}

.line-team h4 {
    color: white;
    font-size: 14px;
}

.line-team h4::before {
    display: inline-block;
    content: "";
    border-top: .2rem solid #C4C4C4;
    width: 3rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
    position: relative;
    top: 9px;
}

.line-value h4 {
    color: rgb(2, 2, 2);
    font-size: 14px;
}

.line-value h4::before {
    display: inline-block;
    content: "";
    border-top: .2rem solid #00D285;
    width: 3rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
    position: relative;
    top: 9px;
}
.line-about-hero h4 {
    color: rgb(2, 2, 2);
    font-size: 14px;
}
.line-about-hero h4::before {
    display: inline-block;
    content: "";
    border-top: .2rem solid #3f3f3f;
    width: 3rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
    position: relative;
    top: 9px;
}

.methlogy-wrap {
    background-color: #fad02c;
    border-radius: 0px;
}

.methlogy-wrap .services-content-eight {
    display: grid;
    gap: 21px;
    text-align: center;
}

.methlogy-wrap .services-content-eight .link-btn {
    display: block;
}

.mt--80 {
    margin-top: -80px;
}

.about-hero-box {
    background-color: #fad02c;
    width: 390px;
    border-radius: 0px;
    border-bottom: 0px;
    color: black;
    position: absolute;
    left: 187px;
}

.about-hero-box p {
    font-size: 14px;
    color: black;
}

.about-hero-box span {
    font-size: 12px;
    color: black;
    line-height: 25px;
}

.about-hero {
    background-color: #F8F8F8;
    padding: 120px 0px;
    osition: relative;
}

.cbp_tmtimeline {
    margin: 60px 30px 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 3%;
    bottom: 0;
    width: 2px;
    background: #9a9a9a70;
    left: 13%;
    height: 71%;
}

.cbp_tmtimeline li:last-child:before {
    content: initial;
}

.cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline>li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline>li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
}

.cbp_tmtimeline>li .cbp_tmlabel {
    margin: 0 0 15px 25%;
    color: #000000;
    padding: 10px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    min-height: 150px;
}

.cbp_tmtimeline>li .cbp_tmlabel h3 {
    margin-top: 0px;
    color: white;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.cbp_tmtimeline>li .cbp_tmlabel h4 {
    color: rgb(0, 0, 0);
    letter-spacing: 0px;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 600;
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
    text-align: left;
}

.cbp_tmtimeline>li .cbp_tmlabel h4 i {
    margin-right: 5px;
    vertical-align: middle;
}

.cbp_tmtimeline>li .cbp_tmlabel:after {
    display: none;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #2B3A48;
}

.cbp_tmtimeline>li .cbp_tmicon {
    box-shadow: 0px 6px 8px rgb(39 34 36 / 31%);
    width: 60px;
    height: 60px;
    padding: 8px;
    top: 3%;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #151515;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
    left: 59px;
    margin: 0 0 0 -25px;
}

.cbp_tmtimeline li {
    margin-bottom: 17px;
    position: relative;
}

.cbp_tmicon img {
    width: auto;
}

.faPra {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 70px;
    vertical-align: middle;
    color: white;
    line-height: 150px;
}

.seo-faq-area {
    padding: 120px 0px;
}

.seo-list .list-wrap {
    display: grid;
}

.seo-service ul {}

.seo-service li {}

.seo-service li img {
    position: absolute;
    right: 9px;
    width: 23px;
}

.seo-service .list-wrap li a {
    display: block;
    position: relative;
    border-radius: 24px;
    box-shadow: 0px 20px 50px rgb(236 236 236);
}

.services-cat-list .list-wrap li.active a,
.services-cat-list .list-wrap li a:hover {
    background: #fad02c;
    color: white;
    border-color: #fad02c;
}

.seo-service .list-wrap li {
    margin-bottom: 22px;
}

.seo-service-para {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0px;
}

.section-title-three p {
    color: #808080;
    width: 90%;
    margin: 12px auto 0;
}

.seo-features {}

.seo-features .features-item-three {
    border-top: 0 solid #fad02c;
    border-radius: 20px;
    border: 1px solid #dfdfdf;
    padding: 30px;
}

.seo-features img {
    margin-bottom: 30px;
}

.project-nav button {
    background: #fad02c;
}

.project-nav button a,
button {
    color: #1f1f20;
    outline: medium none;
    text-decoration: none;
}

.project-content-seven .icon a {
    border: 1px solid #fad02c;
    color: #fad02c;
}

.project-content-seven .content span {
    color: #fad02c;
}

.project-nav button:hover {
    background: #fad02c;
    color: var(--tg-white);
}

.project-content-seven .icon a:hover {
    background: #fad02c;
    border-color: #fad02c;
    color: var(--tg-white);
}

.seo-hero-cta {
    display: flex;
    gap: 30px;
    align-items: center;
    margin: 30px 0px 70px;
}

.seo-hero-cta img {
    width: 130px;
}

.seo-brands {
    border-top: 1px solid #e6e6e6;
}

.see-all {
    color: #FAD02C;
}

.request-img {}

.seo-call {
    position: relative;
    background-image: url(img/2.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.seo-call button {
    background-color: #fad02c;
}

.request-form-wrap button:hover {
    background: var(--tg-white);
    color: #fad02c;
}

.testimonial-nav-two .slick-arrow {
    background: #fad02c;
}

.z-index-1 {
    z-index: 1;
}
.btn-contact{

}
.digital-agency{
    padding: 120px 0px;
}
.digital_agency .title {
    font-size: 60px;
    font-weight: bold !important;
    color: #fad02c;
}
.btn-contact {
    background-color: #fad02c;
    color: black;
    padding: 16px 30px;
    border-radius: 41px;
}
.our-work{
    background-color:#FEF7DB;
}
.our-work .title {
    color: #fad02c;
}
.our-work .blog-post-content-two {
    border: 0px solid #E7E7E7;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 35px 0px;
    background: #ffffff00;
}
.expert-wrap .features-item-three {
    background-color: black;
  
    border-top: 0px;
    border-radius: 10px;
   
}
.expert-wrap  .features-item-three:hover .features-icon-three {
    background: #ffffff00;
}
.expert-wrap .features-icon-three {   
    background-color: #ff000000;
}
.expert-wrap  .title {
    font-weight: 600 !important;
    color: white;
}
.expert-wrap .section-title-two h2{
    color: #fad02c;
}
.expert-wrap .section-title-two p{
    color: #C9C9C9;
    margin: 0;
}
.align-content-center{
    align-content: space-around;
}
.service-hero-v1 {
    background: url(img/bg2.png);
    padding: 145px 0px 0px;
    position: relative;
}
.gray-text{
    color:#C9C9C9 !important;
}
.service-gird .features-icon-two {
    background-color: #fad02c;
    border-radius: 50%;
}
.service-gird  .features-icon-three::before, .features-icon-two::before {
   display: none;
}
.section-title-two span {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    color: #fad02c;
    background: #fff8de;
    border-radius: 50px;
    padding: 4px 13px;
    margin-bottom: 12px;
    border: 1px solid #fad02c;
}
.testimonials{
    background-color: #131313;
}
.testimonials .testimonial-item-five {
    text-align: left;
    box-shadow: 0px 0px 0px rgb(255 235 242);
    background: #202020;
    position: relative;
    border-radius: 10px;
    padding: 35px 40px 45px;
    margin-bottom: 95px;
}
.testimonials .testimonial-avatar {
    left: 0;
    display: flex;
    position: inherit;
    text-align: center;
    margin-bottom: 20px;
}
.testimonials  .avatar-thumb {
    width: auto;
}
.testimonials    .testimonial-item-five p {
    margin-bottom: 28px;
    color: #C9C9C9;
}
.testimonials  .avatar-info .title {
    font-size: 18px;
    margin-bottom: 4px;
    color: #FFFFFF;
    margin-top: 0;
    text-align: left;
}
.testimonials span {   
    font-size: 14px;
    font-weight: 400;
    color: #C9C9C9;
}
.testimonials  .title {
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 0;
    color: #fad02c;
}
.brand-item p{
    padding-top: 10px;
}
.services-content-eight .link-btn:hover {
    color: #171819;
}
.about-hero h2.title {
    font-size: 30px;
    line-height: 48px;
}
.about-hero .about-content-six {
    width: 100%;
}
.about-hero  .about-content-six p {
    margin-bottom: 30px;
    font-weight: 600;
}
.contact-form form button:hover {
    background: #000000;
}
.service-list .fas {
    width: 12px;
    height: 12px;
    background-color: #fad02c;
    border-radius: 50px;
}
.service-list li {
    list-style: none;
}
.service-list ul {
    padding-left: 0px;
}
.seo-heading .title {
    font-size: 53px !important;
    line-height: 60px !important;
}
.request-form-wrap .form-grp input {
    width: 100%;
    box-shadow: 0px 3px 7px rgb(39 34 36 / 31%);
    border: 0px solid #D5DAE4;
    border-radius: 4px;
    background: #F8F8F8;
    font-weight: 500;
    font-size: 13px;
    padding: 15px 20px;
    border-radius: 4px;
    height: 50px;
}
.erp-hero {
    padding: 145px 0px 70px;
    position: relative;
    background-color: #fad02c;
}
.erp-hero a.btn.transparent-btn-two.aos-init.aos-animate {
    border: 0px;
    padding: 0px;
    color: white;
}
.software-dev{

}
.erp-hero .link-btn{
 color:white;
}

.software-dev .features-item-three {
    box-shadow: 0px 0px 0px rgb(255 235 242 / 0%);
    border-radius: 6px;
    border-top: 0px;
    border: 2px solid #e4e4e4;
}

.software-dev .software-dev-image {
    margin-bottom: 2rem;
}
.software-dev .link-btn {
    color: #fad02c;
}
.software-dev .link-btn img{
    width: 15px;
}
.software-dev p{
    color: #5C6077;
    line-height: 24px;
}
.software-dev  .view-all img{
    width: 15px;
}
.software-dev .view-all {
    color: #fad02c;
    border: 1px solid #fad02c;
    padding: 16px 30px;
    border-radius: 6px;
}
.light-blue{
    background:#F4F9FF;
}
.digital-mar .features-item-threes{
    background-color: #ff000000;
    padding: 60px 40px 60px;
    box-shadow: 0px 0px 0px rgb(255 235 242 / 0%);
    border-radius: 6px;
    border-top: 0px;
    border: 2px solid #e4e4e4;
}
.software-dev .features-item-three:hover{
    color:black;
}



.tools-wrap .tab {
    overflow: hidden;
    border-bottom: 2px solid #ccc;
    background-color: #f1f1f100;
}

.tools-wrap .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 8%;
    transition: 0.3s;
    font-size: 18px;
    color: #9B9DA9;
}


.tools-wrap .tab button.active {
    background-color: #cccccc00;
    color: #1b7c08;
    font-weight: bold;
    border-bottom: 3px solid #1b7c08;
}
.tools-wrap .tabcontent {
  display: none;
  padding: 55px 12px;
    border: 0px solid #ccc;
    border-top: none;
}

.tools-logo {
    text-align: center;
    display: grid;
    gap: 16px;
}
.digital-agency_cta {
    color: #fad02c;
    display: flex;
    align-items: center;
    gap: 30px;
}
.digital-agency_cta .digital-agency-call {
    color: #fad02c;
}
.digital-agency_cta span{

}
.dna .features-item-threes {
    border: 0px;
}
.dna{
   position: relative;
   z-index: 1;
}

.erp-testimonials{
        background: #fad02c;
    }
    .erp-testimonials .testimonial-item-wrap-four {
   
    padding-right: 125px;
    background-color: #ffffff;
    padding: 34px;
    border-radius: 8px;
}
.erp-testimonials .testimonial-content-four > p {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 30px;
    font-style: normal;
    color: #000000;
   
}
.erp-testimonials .testimonial-content-four .testimonial-info::before {
    display: none;
}
.slick-slide img {
    display: block;
    margin-bottom: 16px;
}
.erp-testimonials .testimonial-info .title {
    color: #138B44;
    font-size: 22px;
    margin-bottom: 8px;
}
.erp-testimonials  .slick-slide {   
    float: left; 
    padding-right: 75px;
}
.erp-testimonials .testimonial-content-four .testimonial-info span{
    color: #acacac;
   
}
.erp-testimonials  .counter-area-five {
    padding: 50px 30px;
    background-color: #ffffff;
    margin: 120px 0px 40px;
    border-radius: 24px;
    display: grid;
    text-align: center;
}
.erp-testimonials .counter-item-five {
    display: grid;
    align-items: center;
    margin-bottom: 30px;
    gap: 15px;
}
.erp-testimonials .counter-content-five .count {
    line-height: .8;
    font-size: 48px;
    color: #fad02c !important;
}
.why-dev .features-content-three .title {
    color: #fad02c;
}
.why-dev .features-item-threes{
    background-color: #ff000000;
    padding: 60px 40px 60px;
    box-shadow: 0px 0px 0px rgb(255 235 242 / 0%);
    border-radius: 6px;
    border-top: 0px;
    border: 2px solid #e4e4e4;
}
.dna-line-shap-1 {
    top: 27%;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
}
.dna-line-shap-2 {
    top: 61%;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
}

.seo-testimonial .testimonial-item-two {
  
    border: 1px solid #cecece;
    height: 300px;
}
.seo-testimonial .testimonial-avatar {
    left: auto;
    display: flex;
    position: initial;
    text-align: left;
}
.seo-testimonial .testimonial-avatar .avatar-thumb {
    width: auto;
}
.seo-testimonial  .testimonial-content-two > p {
    font-style: normal;
}
.faq-content .accordion-button::after {    
    color: #fad02c;
}
.why-dev .features-content-three .title {
    color: #fad02c;
    font-size: 36px;
}
.why-dev .features-item-threes {
    border: 0px;
    padding: 20px 20px 40px;
}
.erp-hero__subtext{
    font-size: 20px;
}
.project-content-seven a:hover{
    color: #fad02c;
}
.dev-lifecycle {
    background-color: #1C2034;
}
.dev-lifecycle-timeline>li .cbp_tmicon {
    box-shadow: 0px 6px 8px rgb(39 34 36 / 31%);
    width: 15px;
    height: 15px;
    padding: 8px;
    top: 3%;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #151515;
    background: #95E511;
    border-radius: 27px;
    text-align: center;
    left: 31px;
    margin: 0 0 0 -25px;
}
.dev-lifecycle-timeline:before {
    content: '';
    position: absolute;
    top: -3%;
    bottom: 0;
    width: 2px;
    background: #9a9a9ac7;
    left: 4%;
    height: 100%;
}
.dev-lifecycle-timeline>li .cbp_tmlabel {
    margin: 0 0 15px 9%;
    color: #000000;
    padding: 10px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    min-height: 73px;
}
.dev-lifecycle-timeline p {
    color: #ffffff;   
}
.lifecycle_line:after {
    content: "";
    display: inline-block;
    width: 68%;
    margin: 0 .5em 0 10%;
    vertical-align: middle;
    border-bottom: 3px dotted #95e511;
}
.lifecycle_dev:after {
    content: "";
    display: inline-block;
    width: 68%;
    margin: 0 .5em 0 10%;
    vertical-align: middle;
    border-bottom: 3px dotted #f6ba3d;
}


.circle-wraps {
    display: grid;
    grid-template-columns: repeat(1, 160px);
    grid-gap: 80px;
    margin-top: 0;
    margin-left: 0;
    width: 150px;
    height: 150px;
    background: #d9d7da;
    border-radius: 50%;
}
.circle-wraps .circle .mask,
.circle-wraps .circle .fill-1,
.circle-wraps .circle .fill-2,
.circle-wraps .circle .fill-3,
.circle-wraps .circle .fill-4 {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.circle-wraps .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.circle-wraps .inside-circle {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  background: #f8d653;
  line-height: 120px;
  text-align: center;
  margin-top: 13px;
  margin-left: 13px;
  color: white;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 2em;
}

/* color animation */

.mask .fill-1 {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #FF9900;
}

.mask.full-1,
.circle .fill-1 {
  animation: fill-1 ease-in-out 3s;
  transform: rotate(153deg);
}

@keyframes fill-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(153deg);
  }
}

/* 2nd bar */

.mask .fill-2 {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #FF9900;
}

.mask.full-2,
.circle .fill-2 {
  animation: fill-2 ease-in-out 3s;
  transform: rotate(117deg);
}

@keyframes fill-2{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(117deg);
  }
}

/* 3rd progress bar */
.mask .fill-3 {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #FF9900;
}

.mask.full-3,
.circle .fill-3 {
  animation: fill-3 ease-in-out 3s;
  transform: rotate(135deg);
}

@keyframes fill-3{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(135deg);
  }
}

/* 4rd progress bar */
.mask .fill-4 {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #FF9900;
}

.mask.full-4,
.circle .fill-4 {
  animation: fill-4 ease-in-out 3s;
  transform: rotate(180deg);
}

@keyframes fill-3{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.success-flex {
    display: flex;
    align-items: center;
    height: 198px;
    gap: 12px;
}
.success-flex p{
    color:white;
}
@media (max-width: 1024px) {
    .cbp_tmtimeline:before {
        display: none;
    }
    .cbp_tmtimeline>li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
    .cbp_tmtimeline>li .cbp_tmtime span {
        text-align: left;
    }
    .cbp_tmtimeline>li .cbp_tmlabel {
        margin: 30px 0 20px 0;
        padding: 3px 10px 17px 6px;
        font-weight: 400;
        font-size: 95%;
        float: left;
    }
    .cbp_tmtimeline>li:nth-child(even) .cbp_tmlabel:after {
        right: 65px;
    }
    .cbp_tmtimeline>li:nth-child(odd) .cbp_tmicon {
        position: relative;
        float: left;
        left: auto;
        margin: 0px 5px 0 0px;
    }
    .cbp_tmtimeline>li:nth-child(even) .cbp_tmicon {
        position: relative;
        float: left;
        left: auto;
        margin: 0px 5px 0 0px;
    }
    .cbp_tmtimeline>li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

.trans {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
    .authorWindow {
        width: 210px;
    }
    .authorWindowWrapper {
        bottom: -170px;
        margin-bottom: 20px;
    }
    footer p {
        font-size: 14px;
    }
}

@media(max-width:768px) {
    .menu-area .mobile-nav-toggler {
        color: #080808;
        border: 2px solid #000000;
    }
    .mobile-menu .menu-box {
        background: #fad02c;
    }
    .hero-shape {
        display: none;
    }
    .banner-area-five {
        position: relative;
        padding: 11px 0 0px;
    }
    .banner-content-five {
        width: 100%;
        padding: 0px 0 0px;
    }
    .hero-arrow {
        position: relative;
        right: 100px;
        display: none;
    }
    .brand-item-wrap {
        display: none;
    }
    .hero-img {
        position: relative;
        top: 0;
        right: -25px;
        width: 100%;
    }
    .success .contact-form {
        padding: 50px 50px 87px;
        top: 0px;
        margin-bottom: 50px;
    }
    .ml-50 {
        margin-left: 0px;
    }
    .mr-100 {
        margin-right: 0;
    }
    .progress-wrap {
        margin-bottom: 50px;
    }
    .footer-cta-wrap {
        display: grid;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }
    .digital-prouct-wrap img {
        margin-top: 0;
    }
    .digital-prouct-wrap {
        margin-top: 0;
    }
    .service-digital-image.text-end {
        margin-top: 32px;
    }
    .mt--80 {
        margin-top: 0px;
    }
    .about-dots {
        display: none;
    }
    .seo-call {
        background-image: url(img/2.pnjg);
    }
    .about-hero-box {
        background-color: #fad02c;
        width: 100%;
        border-radius: 0px;
        border-bottom: 0px;
        color: black;
        position: absolute;
        left: 0;
    }
    .contact1-dots {
        display: none;
    }
    .why-us-image {
        display: none;
    }
    .counter-wrap {
        padding: 50px 0px 0px;
    }
    .service-hero-v1 {       
        padding: 145px 0px 60px;        
    }
    .cbp_tmtimeline {
        margin: 33px 8px 0 0;      
    }
    .cbp_tmtimeline>li .cbp_tmlabel {
        margin: -1px 18px 20px 0;
        padding: 3px 10px 17px 6px;
        font-weight: 400;
        font-size: 95%;
        float: left;
    }
    .cbp_tmtimeline {       
        display: grid;
    }
    .tools-logo {       
        display: block;
        gap: 16px;
    }
    .tools-wrap .tab button {       
        padding: 14px 2%;
    }
    
}