:root,
[data-bs-theme="light"] {
    --tag-line: #000;
    --sub-line: #000;
    --heading: #000;
    --black: #000;
    --white: #fff;
    --lite-white: rgba(255,255,255,.8);
    --pink: #f5834e;
    --btn-pink: #f5834e;
    --border-white: #fff;
    --bg-colour-white: #fff;
    --boder-radius-10: 10px;
    --boder-radius-8: 8px;
    
   
}
/* text align */
.text-left{
    text-align: left;
}
.text-align-center{
    text-align: center;
}
/* padding keys */
.pt-180 {
    padding-top: 180px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-25 {
    padding-top: 25px;
}
.pt-0 {
    padding-top: 0px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-25 {
    padding-bottom: 25px;
}
.pb-0 {
    padding-bottom: 0px;
}

/* margin keys */
.mb-0 {
    margin-bottom: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-20{
    margin-bottom: 20px;
}
/* home banner section styles start */
.home-banner-section h4, .home-banner-section h1, .home-banner-section p{
    color: var(--black);

}
.section_title h4, .hero_content h4{
    
padding: 14px 44px;
    border: 1px solid rgba(180, 180, 180, 1);
    border-radius: 55px;
    width: fit-content;
        text-transform: capitalize;
}
.hero_content h4::before, .section_title h4::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 124, 44, 1); /* inherits whatever color context it's used in */
    margin-right: 12px;
    flex-shrink: 0;
}    
.home-banner-section .hero_btn a{
   background-color: var(--btn-pink);
}
.home-banner-section .hero_btn a{
   /* border: 3px solid var(--border-white); */
   border-radius: var(--boder-radius-10);
   -webkit-border-radius: var(--boder-radius-10);
   -moz-border-radius: var(--boder-radius-10);
   -ms-border-radius: var(--boder-radius-10);
   -o-border-radius: var(--boder-radius-10);
}
.home-banner-section .hero_content h4::before{
    background-color: rgba(255, 124, 44, 1);
}
.hero_btn.home-button-two a{
   background-color: #7d007f !important;
}
/* home banner styles ends */

/* main header styles starts  */
.main-header.style_two .row.style_bg{
    background-color: unset;
    border-radius: var(--boder-radius-8);
    -webkit-border-radius: var(--boder-radius-8);
    -moz-border-radius: var(--boder-radius-8);
    -ms-border-radius: var(--boder-radius-8);
    -o-border-radius: var(--boder-radius-8);
    /* box-shadow: 0px 3px 21px 0px rgba(128, 0, 128, 0.2); */
}
.main-header.style_two .row.style_bg{
    position: relative;
    top: 30px;
}
/* .main-header.style_two .row.style_bg::before{
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% + 2px);
    border-radius: inherit;
    background-image: -webkit-linear-gradient(180deg, #e7e0ef, #a89dad);
    background-image: -moz-linear-gradient(180deg, #e7e0ef, #a89dad);
    background-image: -ms-linear-gradient(180deg, #e7e0ef, #a89dad);
    background-image: -o-linear-gradient(180deg, #e7e0ef, #a89dad);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mask-composite: exclude;
    padding: 3px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: .94;
} */
/* .main-header.style_two .row.style_bg::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 27px #fff;
} */
.main-header.style_two .header-menu ul li a, .main-header.style_two .header-menu ul li span{
    color: var(--black);
}
.main-header .hero_btn a{
    background-color: var(--btn-pink);
    border: 3px solid var(--border-white);
    border-radius: var(--boder-radius-10);
    -webkit-border-radius: var(--boder-radius-10);
    -moz-border-radius: var(--boder-radius-10);
    -ms-border-radius: var(--boder-radius-10);
    -o-border-radius: var(--boder-radius-10);
    margin: 20px 0;
}
.main-header .header-menu ul li a{
    font-weight: 600;
}
.main-header .header-logo img{
    width: 200px;
    position: relative;
    z-index: 9999;
}
.footer_logo img
{
    width: 200px;
}
.main-header .header-menu ul li a::after{
    content: '';
    width: 0;
    left: 0;
    height: 2px;
    position: absolute;
    bottom: 25px;
    transition: width .25s;
    background-color: rgba(248, 102, 59, 1);

}
.main-header .header-menu ul li:hover a::after, .main-header .header-menu ul li.active a::after{
    width: 100%;
}
.main-header .header-menu ul li a{
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
}
.main-header .header-menu ul li:hover a, .main-header .header-menu ul li.active a{
    color:rgba(248, 102, 59, 1);
}
.main-header.sticky{
    background: rgba(233, 233, 233, 1) !important;
    box-shadow: none;
    padding-bottom: 30px;
    top: -30px;
}
.main-header.sticky .row.style_bg::after{
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.main-header.sticky .row.style_bg::after{
    background-image: url(../images/sticky-header-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: none;
}
/* main header styles ends */

/* short services section styles starts */
.short-services{
    /* background-image: url(../images/home-page/BG-Bringing-Vision-Life-with-Creative.png); */
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.short-services h4, .short-services h1, .short-services h3{
    color: #000;
}

.short-services-cards{
    padding: 43px 43px 43px 38px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-height: 290px;
    transition: all .3s;
    z-index: 1;
        background: rgba(242, 242, 242, 1);
    border: 1px solid rgba(251, 105, 60, 0.42);
   box-shadow: 3px 8px 12.2px 0px rgba(0, 0, 0, 0.15);
}
.short-services-cards::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border-radius: inherit;
    border: 2px solid rgba(255, 255, 255, .25);
    transition: all .3s;
    z-index: -1;
}
.short-services-cards::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    /* background-image: linear-gradient(0deg, #f5834e 0%, #f5834e54 100%); */
    transition: all .3s;
    z-index: -2;
    opacity: 0;
    transform: translateY(10px);
}
.short-services-cards:hover img{
    filter: drop-shadow(-2.3px 21.879px 31px #ffffff);
    -webkit-filter: drop-shadow(-2.3px 21.879px 31px #ffffff);
}
.short-services-cards:hover::after{
    opacity: 1;
    transform: translateY(0);
 

}
.short-services-cards:hover::before{
    border-color: var(--white);
}
.short-services-cards .bg-img{
    position: absolute;
    bottom: 5px;
    left: 54%;
    z-index: -1;
    transition: all .3s;
    width: 100%;
}
.short-services-cards .bg-img img{
        width: 166px;
}
.short-services-cards:hover .bg-img{
    transform: scale(1.05);
}
.short-services-cards .content-box{
    box-sizing: border-box;
    width: 100%;
    max-width: 280px;
}
.short-services-cards .content-box p{
    color: rgba(0, 0, 0, 1);
}
.short-services-cards:hover .content-box p{
    opacity: 0;
}
.short-services .short-services-cards{
    margin-bottom: 20px;
}
.short-services-cards .service-card-link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.short-services-cards:hover{
    /* box-shadow: #f5834e 0px 5px 40px; */
}
.short-services-cards .work_btn{
    position: absolute;
    bottom: 25%;
}
.short-services-cards .work_btn{
    opacity: 0;
}
.short-services-cards:hover .work_btn{
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-color: #fff;
    line-height: 56px;
    text-align: center;
    /* display: inline-block; */
    opacity: 1;
}
.short-services-cards .content-box h3{
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -1.2px;
    display: inline;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s ease-in-out;
}
.short-services-cards:hover .content-box h3{
    background-size: 100% 1px;
}
/* short services section styles ends */

/* our performance css starts */
/* .our-performance .work_item{
    border-bottom: 1px solid rgb(255 255 255 / 38%);
}
.our-performance .work_item:hover{
    border: none;
} */
.our-performance .section_title.home_style_four h4{
    color: #000;
}
/* our performance css ends */


/* work flow css starts */
.work-flow .service_single_item.style_four{
    background: #FBF8F0;
}
.work-flow .service_single_item.second .service_content h4, .work-flow .service_single_item.second .service_content h3{
    color: var(--black) !important;
}
.work-flow .service_single_item.second .service_content p{
    color: #6b7a7a !important;
}
.work-flow .service_single_item.second, .work-flow .service_single_item.end{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
/* work flow css ends */


/*sub bannrs css starts  */
.sub-banners{
    /* background-image: url(../images/common-bg/Common-Bg.png); */
    background-color: rgba(241, 238, 237, 1);
}
.sub-banners .breadcumb-content{
    padding:  240px 0 100px 0;
}
.sub-banners .breadcumb-content h4, .sub-banners .breadcumb-content ul li, .sub-banners .breadcumb-content ul li a{
    color: var(--black);
}


/* sub banners css ends */


/* common button styles starts */
.hero_btn.style_two a, .about_btn.style_three a, .consalt_btn a{
        border-radius: 10px;
    background: radial-gradient(70.3% 70.3% at 50% 50%, rgba(254, 240, 166, 0.59) 18%, rgba(253, 143, 76, 0) 82%), #EF9259;
    border: 0 !important;
}


/* about us section one css starts */
.bg-none.why_choose_us{
    background: none;
    padding-bottom: 0;
}




/* services inner css starts */
.service_dtls_content{
    display: flex;
    flex-direction: column;
}


/* services inner css ends  */

/* about us section color changes css starts */
.about-us-section-two-three.bg-none{
    background: #ECEFFF;
}

/* about us section color changes css ends */

/* contact form error message */
label.error{
    color: red;
}


/* images update */
.about_icon img {
    width: 54px;
    height: 48px;
}
.bg-pink{
    /* background-image: url(../images/home-page/BG-Pink.png) !important; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}
.service_icon img{
    width: 52px;
    height: 60px;
}
.bg-pink-dark{
    /* background-image: url(../images/home-page/BG-Pink-Dark.png) !important; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}
.service_icon2 img{
    width: 72px;
    height: 72px;
}
.bg-shaped-common{
    /* background-image: url(../images/common-bg/Bg-Shaped-Common.png) !important; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.bg-shaped-common-light{
    /* background-image: url(../images/common-bg/Bg-Shapped-Common-Light.png) !important; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.bg-tech-last-section{
    /* background-image: url(../images/technologies/Bg-Tech-Last-Section.png) !important; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.steps_icon img {
    width: 50px;
    height: 50px;
}
.feature_icon img{
    width: 45px;
    height: 45px;
}


/* purple font */
.hero_content h1 span, .bg-pink h1 span, .section_title h1 span{

    color: rgba(255, 124, 44, 1);
}
.bg-white .section_title.home_style_four h4{
    color: #000;
}
.bg-white .service_single_item.style_four .service_content{
    background: rgba(242, 242, 242, 1);
    border: 1px solid rgba(251, 105, 60, 0.42);
    box-shadow: 3px 8px 12.2px 0px rgba(0, 0, 0, 0.15);
    border-radius: 15.64px;
    -webkit-border-radius: 15.64px;
    -moz-border-radius: 15.64px;
    -ms-border-radius: 15.64px;
    -o-border-radius: 15.64px;
}
.bg-pink-dark .section_title.style_two h4, .bg-pink-dark.testimonial_area .section_title p{
  color: rgba(0, 0, 0, 1);
}
.bg-pink .choose_list{
       border: 0.87px solid rgba(251, 105, 60, 0.42);
    background-color: rgba(241, 238, 237, 1);
    box-shadow: 2.61px 6.97px 10.63px 0px rgba(0, 0, 0, 0.15);
}
.bg-pink .choose_list ul li{
   color: rgba(0, 0, 0, 1);
}
.bg-pink .service_single_item.style_five:hover .service_icon2{
    background: #fff;
}
 
.bg-pink .service_single_item.style_five:hover .service_icon2 img {
    filter: unset;
}
.bg-shaped-common h4, .bg-shaped-common h1, .bg-shaped-common p, .bg-shaped-common .about_list ul li, .bg-shaped-common .about_list ul li i{
    color: rgba(10, 10, 10, 1);
}
.bg-shaped-common .about_list ul li i{
    color: rgba(255, 124, 44, 1);
}
.bg-pink .section_title.home_style_four h4{
    color: #000;
}
.bg-pink .section_title.home_style_four h1{
    /* color: #7d007f; */
}

.bg-pink .steps-single-item.style_two:hover .steps_icon {
    background-color: #fcb981;
}
.bg-pink .steps-single-item.style_two:hover h3.steps_number{
    color: #f5834e;
}
.bg-pink  .steps-single-item.style_two:before{
    background-color: #f5834e;
}
.bg-pink .steps-single-item:hover .steps_icon img{
    filter: unset;
    -webkit-filter: unset;
}
.bg-pink-dark .section_title h4, .bg-pink-dark .section_title h1{
    color: rgba(0, 0, 0, 1);
}
.bg-shaped-common-light .section_title h1{
    color: rgba(10, 10, 10, 1);
}


.hero_btn.style_two a, .consalt_btn.home_five a, .about_btn.style_three a{
        border-radius: 10px;
    background: radial-gradient(70.3% 70.3% at 50% 50%, rgba(254, 240, 166, 0.59) 18%, rgba(253, 143, 76, 0) 82%), #EF9259;
    border: 0;
}
.sub-button.hero_btn a{
    box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(251, 105, 60, 0.42);
    background: rgb(243 238 237);
    color: rgba(248, 127, 54, 1);
    background-color: unset !important;
}
.about_thumb img, .work_thumb img, .about_thumb  img, .hero-thumb img, .choose_thumb img, .about_thumb img{
    width: 100%;
    max-width: 100%;
}

.sect-title-center{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.our-performance-bg{
    background-color: rgba(243, 242, 241, 1);
}
.bg-none{
    background: none !important;
}

.bg-gray.why_choose_us, .bg-gray {
        background-color: rgba(241, 238, 237, 1);
}

.bg-gray-darks{
    background: rgba(241, 238, 237, 1) !important;
}

section.footer_area h5 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.contact_main_info h5{
    margin-bottom: 10px;
}

.service_single_item.style_three .service_thumb
{
    height: 362px;
}
.footer-widget-address_text p a {
    color: #fff;
}
p.quote a
{
        color: #ff7c2c;
}