/*
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;
}

@media screen and (max-width: 1199px) {
    :root{
        --font-52: 44px;
        
        --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;
    }
}
/* 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*/ 
/*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%);
}

.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;
}
/*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 */

/* 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;
    background-color: var(--e-global-color-primary) !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;
}

/* 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: 20px;
}

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

.custom-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;
}

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

.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;
}

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

.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);
}


/* 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 */

/* 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%;
}
/* Team Page CSS End */
/*07. Pages and Posts end*/


/* 08. Extra styles start*/
/* 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: 1199px) {
    .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);   
    }

    
}

@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) {

}

/*Small Device*/
@media screen and (max-width: 767px) {
    .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*/