/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
	/* End Table of Contents */

/* 00. Library override(ex. bootstrap etc) start*/
/* 00. Library override(ex. bootstrap etc)   end*/


/* 01. Text and Typography start */
:root{
    --primary-font: 'Newsreader', serif;
    --secondary-font: "Inter", sans-serif;
    --font-52: 52px;
    --font-24: 24px;
    --font-16: 16px;
    --font-20: 20px;
}

@media screen and (max-width: 1199px) {
    :root{
        --font-52: 44px;
        --font-20: 18px;
        --font-16: 16px;
    }
}

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

}

@media screen and (max-width: 767px) {
    :root{
        --font-52: 40px;
        --font-16: 14px;
        --font-24: 20px;
        --font-20: 16px;
    }
}
/* 01. Text and Typography end */


/* 02. Common element(ul,ol,li,body,div etc.) start*/
.lqd-highlight-inner{
	bottom: 0.25em !important;
}

.elementor-kit-12 a{
    font-family: var(--secondary-font);
}

a:focus,
a:focus-visible{
    outline: none;
    box-shadow: none;
}
/* .wp-singular h1{
    font-family: var(--primary-font) !important;
    font-weight: 500 !important;
} */
/* 02. Common element(ul,ol,li,body,div etc.) end*/


/*03. Common class(padding, margin etc.) start*/
/*03. Common class(padding, margin etc.) end*/


/*04. Header styles start*/
.is-stuck {
    background: #ffffff;
    opacity: 1;
}

.about-menu-wrap {
    background: linear-gradient(135deg, #ffffff 46%, #ffa3000d 56%, #e6edf2 83%, #85dee14d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededf4', GradientType=1);
    box-shadow: 0 2px 15px rgb(0 0 0 / 3%);
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.ld-module-sd>.ld-module-dropdown {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 400px;
    max-width: 87vw;
    height: 100vh !important;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, .15);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .6s step-end;
}

.ld-module-dropdown {
    top: 100%;
    right: 0;
    z-index: 20;
    background-color: #fff;
    text-align: left;
}

/*04. Header styles end*/


/*05. Footer styles start*/
.footer-map .elementor-icon-box-title{
    margin-top: 7px !important;
} 

.footer-iconbox .elementor-icon-box-title a {
    color: #171717 !important;
}

.footer-iconbox:hover .elementor-icon-box-title a{
    color: #666666 !important;
}


/*05. Footer styles end*/


/*06. Common content start*/ 
/*06. Common content end*/


/*07. Pages and Posts satrt*/
/*Homepage satrt*/
.client-slider img{
    aspect-ratio: 21 / 9;
    width: 100%;
}

.deliver-section{
    background: linear-gradient(177.07deg, rgba(192, 175, 254, 0.13) 2.43%, rgba(175, 254, 247, 0.0403) 37.37%, rgba(255, 255, 255, 0) 158.63%);
}

.excellence-shape{
    background: linear-gradient(177.07deg, rgba(175, 205, 254, 0.13) 2.43%, rgba(175, 254, 247, 0.0403) 37.37%, rgba(255, 255, 255, 0) 158.63%);
}

.purple-shadow{
    background: linear-gradient(177.07deg, rgba(229, 175, 254, 0.13) 2.43%, rgba(255, 255, 255, 0.0403) 37.37%, rgba(255, 255, 255, 0) 158.63%);
}

.excellence-shadow{
    position: relative;
}

.excellence-shadow::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 150px;
    width: 150px;
    filter: blur(180px);
    background-color: #008CFF;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 0;
}

.excellence-shadow::after{
    content: '';
    position: absolute;
    top: 58%;
    left: 43%;
    height: 150px;
    width: 150px;
    filter: blur(170px);
    background-color: #E77B7B;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 0;
}

.frappe-service,
.ai-service,
.other-service{
    position: relative;
}

.frappe-service::before,
.ai-service::before,
.other-service::before{
    content: '';
    position: absolute;
    top: 100px;
    left: 50%;
    height: 200px;
    width: 200px;
    filter: blur(300px);
}

.frappe-service::before{
    background-color: #E7D17B;
}

.ai-service::before,
.other-service::before{
   background-color: #7BE7C5;
   filter: blur(250px);
   top: unset;
   bottom: 0;
   left: 30%;
   height: 150px;
    width: 150px;
}

.other-service::before{
    background-color: #7BADE7;
     filter: blur(220px);
}
/*Homepage end	*/


/* Testimonials CSS Start */
.elementor-widget-ld_testimonial_carousel_stack .lqd-testi-extra img, 
.elementor-widget-ld_testimonial .lqd-testi-extra img {
    max-width: 130px;
    max-height: 40px;
    object-fit: contain;
}

.lqd-testi-quote blockquote p{
    font-size: 16px;
}

/* Testimonials CSS End */

/* About Us Page Start */
.yellow-bg{
    background: linear-gradient(179.25deg, #FFFFFF 0.65%, #FFE3A8 62.44%, #C26D0B 100.06%);
    background-repeat: no-repeat;
}

.dark-blue-bg{
    background: linear-gradient(179.97deg, #FFFFFF 8.57%, #B4D5FF 71.3%, #010B64 105.1%);
    background-repeat: no-repeat;
}

.light-blue-bg{
    background: linear-gradient(179.97deg, #FFFFFF 8.57%, #44B2DA 80.69%, #1B31C2 106.32%);
    background-repeat: no-repeat;
}

.img-vector{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.co-founder-img{
    transition: 0.3s ease all;
}
.co-founder-img .main-img,
.co-founder-img:hover .hover-img{
    opacity: 1;
    transition: 0.3s ease all;
}
.co-founder-img:hover .main-img,
.co-founder-img .hover-img{
    opacity: 0;
    transition: 0.3s ease all;
}

.co-founder-img:hover {
    box-shadow: 14.32px 12.37px 150.85px 0px #D7D7D740;
    transition: 0.3s ease all;
}

.co-founder-img:hover::before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: unset;
    top: unset;
    height: 200px;
    width: 70%;
    filter: blur(150px);
    transition: 0.3s ease all;
}

.co-founder-img.pratik-malvi:hover::before{
    background-color: #FFEDCD;
}

.co-founder-img.vishal-parekh:hover::before{
    background-color: #CDF0FF;
}

.co-founder-img.niraj-gohel:hover::before{
    background-color: #CDECFF;
}
/* About Us Page End */

/* Company Page CSS Start */
.aspects-cards .elementor-widget-container{
    height: 100%;
}

.profile-card a{
    color: #333333;
}

.profile-card a:hover{
    color: #000000;
}
/* Company Page CSS End */

body .lqd-iconbox-scale:hover > .elementor-widget-container {
    background-color: #ffffff !important;
}

.career-boxes .lqd-iconbox-scale:hover > .elementor-widget-container,
.cta-iconbox.lqd-iconbox-scale:hover > .elementor-widget-container{
    background-color: transparent !important;
}

.button-shadow .btn-solid:hover {
    box-shadow: none;
}


/* Contact Form CSS Start */

/* .contact-form-boxshadow{
    position: relative;
}

.contact-form-boxshadow::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #3B82F680;
    height: 175px;
    width: 100%;
    border: none;
    filter: blur(200px);
    top: unset;
    z-index: -1;
} */

.lqd-contact-form button[type=submit], 
.lqd-contact-form input[type=submit], 
.contact-us-form .lqd-contact-form-button-round button[type=submit], 
.contact-us-form .lqd-contact-form-button-round input[type=submit] {
    border: 1px solid #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 300px !important;
}

.lqd-contact-form input[type=submit]:hover, 
.lqd-contact-form button[type=submit]:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 35px #00000020;
}


.lqd-contact-form button[type=submit]:hover, 
.lqd-contact-form input[type=submit]:hover, 
.contact-us-form .lqd-contact-form-button-round button[type=submit]:hover, 
.contact-us-form .lqd-contact-form-button-round input[type=submit]:hover {
    /* border: 1px solid var(--e-global-color-primary) !important; */
    border: 1px solid #171717 !important;
    /* background-color: var(--e-global-color-primary) !important; */
    background-color: #171717 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12) !important;
}

.contact-us-form .lqd-contact-form form .enquiry-form-field input[type="submit"],
.contact-us-form .lqd-contact-form.lqd-contact-form-button-round form .enquiry-form-field button[type="submit"] {
  border-radius: 6px !important;
}
.contact-us-form .lqd-contact-form form .wpcf7-acceptance .wpcf7-list-item-label {
  display: inline;
}

.contact-us-form .lqd-contact-form form textarea:focus,
.contact-us-form .lqd-contact-form form input:focus-visible {
  border-color: transparent;
  outline: none;
}

.contact-us-form .wpcf7-submit:after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  padding-left: 10px;
  display: none;
}

.lqd-contact-form .wpcf7-response-output,
.contact-us-form .lqd-contact-form .wpcf7-response-output {
  margin: 0;
  margin-top: 20px;
}
.contact-us-form .lqd-contact-form .wpcf7-submit:focus-visible {
  border-color: transparent;
  outline: none;
}

.contact-us-form input,
.contact-us-form textarea{
    border-radius: 15px !important;
}

.contact-us-form .flag-container .selected-flag{
    border-radius: 15px 0px 0px 15px;
}

.wpcf7-submit{
	margin-top:0px !important;
}

.contact-us-form .wpcf7-list-item-label{
    color: #7c7c7c;
}

.contact-us-form .wpcf7-list-item-label a{
    color: #333333;
}

.contact-us-form .wpcf7-list-item-label a:hover{
    color: #000000;
}

.font-size-testimonial .lqd-carousel-stack-btn:hover{
    background-color: #171717 !important;
}

/* Contact Form End */

/* Life at Aavatto Page CSS Start */
.event-gallery .gallery-item .gallery-icon img{
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.event-tabs .e-n-tab-title[aria-selected=true],
.event-tabs .e-n-tab-title[aria-selected=false]:hover{
    background-color: #000000 !important;
}
/* Life at Aavatto Page CSS End */

/* Services Page CSS Start */
.book-consultation-btn .btn-icon svg {
    fill: transparent;
}

.book-consultation-btn .elementor-button svg path{
    transition: 0.3s ease all;
}

.book-consultation-btn .elementor-button:hover svg path{
    stroke: #ffffff;
    transition: 0.3s ease all;
}

.services-tabs .e-n-tab-title[aria-selected=true],
.services-tabs .e-n-tab-title[aria-selected=false]:hover{
    background-color: transparent !important;
}

.lqd-highlight-inner {
    background: #FFB99E80;
    bottom: 0.15em;
    left: 0em;
}

.lqd-highlight-reset-onhover .lqd-highlight:hover .lqd-highlight-inner {
    height: 100% !important;
    bottom: 0 !important;
}

.service-bg-gradient{
    background: linear-gradient(177.07deg, rgba(175, 205, 254, 0.13) 2.43%, rgba(175, 254, 247, 0.0403) 37.37%, rgba(255, 255, 255, 0) 158.63%);
}

.banner-shapes{
    position: relative;
}

.banner-shapes::before{
    content: '';
    position: absolute;
    left: 0;
    top: 35%;
    background-color: #E77B80;
    filter: blur(115px);
    height: 150px;
    width: 100px;
}

.banner-shapes::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 25%;
    background-color: #FFA900;
    filter: blur(115px);
    height: 150px;
    width: 80px;
}
/* Services Page CSS End */

.cta-background{
    /* background: linear-gradient(32.19deg, rgba(232, 232, 243, 0) 15.32%, rgba(213, 242, 255, 0.2) 84.36%); */
    background: linear-gradient(177.07deg, rgba(175, 205, 254, 0.13) 2.43%, rgba(175, 254, 247, 0.0403) 37.37%, rgba(255, 255, 255, 0) 158.63%);
}

.services-tabs .e-n-tab-title{
    position: relative;
}

.services-tabs .e-n-tab-title[aria-selected="true"]::before{
    content: '';
    position: absolute;
    bottom:32%;
    left: 0;
    height: 15px;
    width: 100%;
    background-color: #CAFFE6;
    z-index: -1;
}

.frappe-tabs .e-n-tab-title{
    margin-left: 25px;
}

.frappe-tabs .e-n-tab-title[aria-selected="true"] span{
    position: relative;
}

.frappe-tabs .e-n-tab-title[aria-selected="true"]::before{
    display: none;
}

.frappe-tabs .e-n-tab-title[aria-selected="true"] span::before {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 0;
    height: 15px;
    width: 100%;
    background-color: #CAFFE6;
    z-index: -1;/
}

.frappe-tabs .e-n-tab-title[aria-selected="false"] span,
.services-tabs .e-n-tab-title[aria-selected="false"] span{
    font-family: var(--secondary-font);
    font-weight: 300;
    font-size: var(--font-20);
}

.custom-faq .e-n-accordion-item {
    border: 1px solid #d3d3d3;
    border-radius: 16px;
}

.custom-service-box,
.home-service-box {
    position: relative;
    height: 100%;
}


.custom-service-box:before,
.home-service-box:before {
    content: '';
    position: absolute;
    background-image: url(../images/service-eye.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    height: 50px;
    width: 50px;
    right: 15px;
    top: 15px;
    opacity: 0;
    transition: all .3s;
}


.home-service-box:before{
    background-image: url(../images/service-eye-purple.png);
    height: 35px;
    width: 35px;
}

.custom-service-box:hover::before,
.home-service-box:hover::before {
    opacity: 1;
    transition: 0.3s;
}


.services-box:hover {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 70px 0px;
    transition: 0.3s;
}

.services-box {
    transition: 0.3s;
    border-radius: 16px;
}



.service-custom-tab .e-n-tabs-heading {
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../images/tab-bg.png);
    width: 100%;
    height: auto;
    background-position: bottom;
    border-radius: 16px;
}

.service-custom-tab .e-n-tabs-heading {
    flex-basis: max-content;
    padding: 20px 0px 150px 20px;
}

.service-custom-tab .e-n-tabs-heading .e-n-tab-title {
    background-color: transparent !important;
}

.service-custom-tab .e-n-tabs-heading .e-n-tab-title:last-child {
    border: none !important;
}

/* .service-custom-tab .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text {
    text-align: start;
    text-transform: capitalize;
} */

/* Blog Page CSS Start */
.titlebar-inner h1 {
    font-size: var(--font-52) !important;
    color: #171717 !important;
}

.titlebar-inner p{
    font-size: var(--font-16) !important;
    color: #7c7c7c !important;
    font-weight: 400 !important;
}

.titlebar-inner {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

#lqd-contents-wrap {
    padding-left: 0px;
    padding-right: 0px;
}

body.single-post.lqd-blog-post-style-6 .lqd-post-media img {
    position: unset;
    border: 1px solid #e3e6e9;
    border-radius: 20px;
}

body.single-post .lqd-post-content {
    font-size: 16px;
}

.portflio-nav-links {
  width: auto;
  max-width: 100%;
  overflow: auto;
}
.portflio-nav-links > .e-con {
  min-width: auto;
}
.portfolio-link-box .elementor-widget-container {
  width: 180px;
  height: 180px;
  max-height: 200px;
  align-items: center;
}
.portfolio-link-box .iconbox-custombg .iconbox-icon-container {
  margin-top: 15px;
}

.home-business-card .elementor-widget-container{
    min-height: 150px;
}

.blog-img img,
.archive-result img{
    aspect-ratio: auto 640 / 364;
    width: 100%;
    object-fit: cover;
    min-height: 250px;
    max-height: 250px !important;
    height: 100%;
}

.blog-link,
.blog-link ~ div .elementor-widget-heading h2,
.blog-link ~ .elementor-page-title h2{
    transition: 0.3s ease all;
}

.blog-link .elementor-icon-list-items,
.blog-link .elementor-icon-list-item,
.blog-link a{
    height: 100%;
}

.blog-link:hover ~ .elementor-page-title h2,
.blog-link:hover ~ div .elementor-widget-heading h2{
    color: #FE753E !important;
    transition: 0.3s ease all;
}

.blog-detail u{
        text-underline-offset: 3px;
}

.blog-tags .elementor-post-info__terms-list {
    font-size: 0;
}

.blog-tags .elementor-post-info__terms-list a {
    font-size: 16px !important;
    margin-right: 10px;
    background-color: #F0F3FF;
    color: #2043CC;
    padding: 10px 13px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 500;
    transition: 0.3s ease all;
}

.blog-tags .elementor-post-info__terms-list a:hover{
    transition: 0.3s ease all;
    color: #ffffff;
    background-color: #000000;
}

.blog-categories h5{
    margin-top: 0;
    font-size: var(--font-24);
}

.blog-categories ul{
    padding-left: 25px;
    margin-bottom: 0;
}

.blog-categories ul li a{
    font-size: 16px;
    font-weight: 400;
    color: #4C4C4C;
}

.blog-categories ul li:last-child{
    margin-bottom: 0;
}

.blog-search svg {
    inset-block-start: 54% !important;
}

.blog-search .e-search-form input{
    width: 100%;
}

.blog-meta li a span{
    transition: 0.3s ease all;
}

.blog-meta li a:hover span{
    color: #000000 !important;
    transition: 0.3s ease all;
}

.single-post,
body.archive,
.blog-shape{
    position: relative;
}

.single-post::before,
body.archive::before,
.blog-shape::before{
    content: '';
    position: absolute;
    left: 0;
    top: 250px;
    background-color: #E77B80;
    border-radius: 50%;
    height: 150px;
    width: 70px;
    z-index: 3;
    filter: blur(120px);
}

.single-post::after,
body.archive::after,
.blog-shape::after{
    content: '';
    position: absolute;
    right: 0;
    top: 400px;
    background-color: #FFA900;
    border-radius: 50%;
    height: 150px;
    width: 70px;
    z-index: 3;
    filter: blur(120px);
}

.blog-listing .blog-date .elementor-shortcode{
    font-size: 14px;
    color: #333333;
}

.blog-listing .category-blog-single:nth-child(3n),
.blog-listing .category-blog-single:nth-child(3n + 2) {
    margin-top: 45px;
}

/* Search & Archive Page Start */
.archive-result img{
    border: 1px solid #E8E8E9;
    border-radius: 14px;
}

body.search .content article{
    margin-bottom: 0 !important;
}

.archive-result .elementor-pagination .page-numbers{
    padding: 10px 15px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    transition: 0.3s ease all;
}

.archive-result .elementor-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}

.archive-result .elementor-pagination .page-numbers:not(.prev):not(.next){
    width: 45px;
    height: 45px;
    display: inline-block;
}

.archive-result .elementor-pagination span.page-numbers:hover{
    border-color: #e1e1e1;
}

.archive-result .elementor-pagination .page-numbers.current,
.archive-result .elementor-pagination .page-numbers.current:hover,
.archive-result .elementor-pagination .page-numbers:hover{
    border-color: #171717;
    transition: 0.3s ease all;
}

.search-results #lqd-site-content{
    background-color: transparent;
}   


.archive-result .elementor-posts-container:has(.elementor-posts-nothing-found) {
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
}

.archive-result article:hover .elementor-post__text h3 a {
    color: #FE753E !important;
}   


/* Search & Archive Page End */

/* Case Study Page CSS Start */


/* Case Study Page CSS End */

/* Team Page CSS Start */
.owner-img img{
    margin-right: -10px;
}

.team-iconbox svg{
    height: unset;
}

.custom-link ul, 
.custom-link li,
.custom-link a{
    width: 100%;
    height: 100%;
}

.custom-link:hover ~ .list-icon{
    transform: rotate(45deg);
}

.work-slider-img a{
    width: 100%;
}

.plant-scroll .flickity-viewport .flickity-slider .carousel-item {
    padding: 0px;
}

.plant-scroll .carousel-item .carousel-item-content .plant-title {
    opacity: 0;
    transition: .3s ease all;
}

.plant-scroll .carousel-item:hover .carousel-item-content .plant-title {
    opacity: 1;
    transition: .3s ease all;
}

.plant-pothos {
    transform: translatey(40%);
}

.plant-pothos img {
    padding-bottom: 90px;
}

.plant-section {
    position: relative;
}

.plant-section:before {
    position: absolute;
    content: '';
    background: #ffffff;
    height: 100%;
    width: 80px;
    filter: blur(10px);
    z-index: 1;
    left: -80px;
    z-index: 1;
}

.plant-section:after {
    content: '';
    border-bottom: 1px solid;
    position: absolute;
    /* bottom: calc(125px - 1px); */
    bottom: calc(125px - -17px);
    width: 100%;
    z-index: -1;
    left: -20px;
}
/* Team Page CSS End */

/* Casestudy Page CSS Start */
.lqd-pf-single-meta-part{
    margin-bottom: 1em !important; 
}

.lqd-pf-single-meta-part>p:first-of-type{
    margin-bottom: 0 !important;
}

.yellow-shape{
    position: relative;
}

.yellow-shape::before{
    content: '';
    position: absolute;
    bottom: -16%;
    right: 24%;
    left: unset;
    top: unset;
    background-color: #FFE58F;
    height: 250px;
    width: 300px;
    filter: blur(50px);
    border-radius: 50%;
    z-index: 0;
}

.casestudy-banner-img img{
    width: calc(100% + 80px);
    max-width: none;
}

.iconbox-margin .elementor-icon-box-title{
    margin-top: 0;
}

.iconbox-align{
    display: flex;
    justify-content: center;
    align-items: center;
}


.casestudy-meta-detail .meta-item .meta-title{
    margin: 0px 0px 5px 0px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--primary-font);
}

.casestudy-meta-detail .meta-description{
    margin-bottom: 0;
    font-size: var(--font-16);
}

/* .casestudy-listing img{

} */

.casestudy-listing .meta-row {
    row-gap: 30px;
}

.casestudy-listing .column-border:not(:last-child){
    border-right: 1px solid #E2E2E2;
}

/* Casestudy Page CSS End */
/*07. Pages and Posts end*/


/* 08. Extra styles start*/
/* Cookie CSS Start */
.cky-btn-revisit-wrapper{
    background-color: #171717 !important;
}

.cky-btn{
    border-color: #171717 !important;
    color: #171717 !important;
}

.cky-btn-accept{
    color: #ffffff !important;
    background-color: #171717 !important;
}
/* Cookie CSS End */




.timeline-line {
    position: absolute;
    left: -30px;
    top: 35px !important;
    width: 2px;
    z-index: 1;
}

.timeline-line::before {
    content: '';
    position: absolute;
    inset: 0;

    background-image: repeating-linear-gradient(
        to bottom,
        #89A2B7 0px,
        #89A2B7 4px,
        transparent 4px,
        transparent 8px
    );

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent,
        /* #000 80px */
        #333333 250px
    );

    mask-image: linear-gradient(
        to bottom,
        transparent,
        /* #000 80px */
        #333333 250px
    );
}

.timeline-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background: #333333;

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 80px
    );

    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 80px
    );
}

.timeline-progress{
    position:absolute;
    top:0;
    left:0;
    width: 1.5px;
    height:0;
    background:#333333;
}

.timeline-dot{
    position:absolute;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#fff;
    border: 2px solid #d8d8d8;
    z-index:11;
    transition:.3s ease;
}

.timeline-dot.active{
    background:#000;
    border-color:#000;
}

.casestudy-iconbox .elementor-widget-container{
    height: fit-content !important;
    margin-bottom: 0 !important;
}

/* 08. Extra styles end*/


/*09. Media Query start*/
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 768px) {

}

@media screen and (max-width: 1440px) {
    .casestudy-banner-img img{
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-line{
        left: -15px;
    }
    .client-testimonials .lqd-carousel-stack-prev{
        left: -15px;
    }

    .client-testimonials .lqd-carousel-stack-next{
        right: -15px;
    }

    .menu__level.menu__level--current .menu__item a{
        color: #171717;
        font-family: var(--secondary-font);   
    }

    .blog-listing .category-blog-single:nth-child(3n),
    .blog-listing .category-blog-single:nth-child(3n + 2) {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1024px){
    .banner-shapes::before{
        height: 80px;
        width: 80px;
    }

    .banner-shapes::after{
        height: 80px;
        width: 80px;
    }
}

/*Tablet*/
@media screen and (max-width: 991px) {
    .timeline-line{
        display: none;
    }
}

/*Small Device*/
@media screen and (max-width: 767px) {
    .casestudy-listing .column-border:not(:last-child){
       border: none;
    }

    .casestudy-listing .column-border:nth-child(odd){
        border-right: 1px solid #e2e2e2;
    }

    

    .yellow-shape::before{
        height: 200px;
        width: 200px;
    }
    .blog-tags .elementor-post-info__terms-list a{
        font-size: 14px !important;
    }

    .single-post::before,
    .single-post::after,
    body.archive::before,
    body.archive::after,
    .blog-shape::before,
    .blog-shape::after{
       display: none;
    }
    .home-business-card .elementor-widget-container{
        min-height: 230px !important;
        padding: 20px 300px 80px 20px !important;
    }

    .excellence-shadow::before,
    .excellence-shadow::after{
        height: 100px;
        width: 100px;
    }
    .titlebar-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .frappe-tabs .e-n-tab-title {
        margin-left: 0px;
    }
	.team-style .e-con-inner .elementor-element .elementor-element .elementor-widget-container .lqd-tm .lqd-tm-details {
        padding: 15px 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: -47px;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        flex-direction: column;
    }

	.team-style .e-con-inner .elementor-element .elementor-element .elementor-widget-container .lqd-tm .lqd-tm-details h3 {
        margin: 0;
        font-size: 14px;
    }


    .ld-module-sd>.ld-module-dropdown {
        width: 100% !important;
        max-width: 500px !important;
    }

}

/*Mobile Device*/
@media screen and (max-width: 640px) {
    .home-business-card .elementor-widget-container {
        min-height: 200px !important;
        padding: 20px 180px 80px 20px !important;
    }
}

/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {
    .home-business-card .elementor-widget-container {
        min-height: 150px !important;
        padding: 20px 150px 80px 20px !important;
    }
}
@media screen and (max-width: 420px) {
    .home-business-card .elementor-widget-container {
        min-height: 150px !important;
        padding: 20px 50px 80px 20px !important;
    }
}
/*09. Media Query end*/