/*

Theme Name: Vrinda

Theme URI: https://xltheme.com/

Description: Hello Elementor Child is a child theme of Hello Elementor.

Author: Duetsoft

Author URI: https://duetsoft.com/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready

*/



/*

    Add your custom styles here

*/



@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Source+Sans+Pro&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');





.xl-logo svg {

    height: 52px;

}

.elementor-button-icon svg {

    margin-top: 2px;

}

.xl-link-btn svg {

    margin-top: 6px;

    width: 54px;

}



.xl-gradient-bg-1 {

    background: linear-gradient(185.13deg, rgba(255, 255, 255, 0) -10.62%, rgba(85, 89, 231, 0.02) 36.21%, rgba(85, 89, 231, 0.02) 62.96%, rgba(255, 255, 255, 0) 109.85%);

}

.xl-gradient-bg-2 {

    background: linear-gradient(270deg, #3163AD 4.44%, #D33624 136.82%), #C4C4C4;

}



.xl-tab li span {

    border-bottom: 2px solid transparent;

    padding: 0 10px;

}

.xl-tab li.active span {

    border-color: #5559E7;

}



.xl-tab .eael-advance-tabs .eael-tabs-nav>ul {

    justify-content: center !important;

}

.xl-tab .eael-advance-tabs .eael-tabs-nav>ul li {

    padding: 0 15px !important;

    flex: unset !important;

}



.gradient-text {

    background: linear-gradient(258.23deg, #8DBCFC -8.7%, #0960EE 25.56%, #5F2BD5 85.78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



/*Home Banner*/

.xl-header-img svg {

    width: 660px;

}

.xl-icon-box {

    transition: all .3s ease;

    cursor: pointer;

}

.xl-icon-box:hover {

    transform: scale(1.05);

}



.xl-title span {

    background: #00BCB0;

    -webkit-text-fill-color: #fff;

    padding: 5px 8px;

    position: relative;

    display: inline-block;

}

.xl-title span:before {

    content: url("img/arrow.svg");

    position: absolute;

    bottom: -40px;

    left: -40px;

}



.xl-icon-box-2 p {

    font-size: 16px;

}

.xl-icon-box a,

.xl-icon-box-2 a {

    font-size: 14px;

    color: #232323;

    border: 1px solid transparent;

    padding: 10px 16px;

    border-radius: 4px;

    transition: all .3s ease;

}

.xl-icon-box a:hover,

.xl-icon-box-2 a:hover {

    border-color: #5559E7;

    color: #5559E7;

}


/*Contact form services*/

.xl-contact-form span.elementor-field-option {
    height: 48px;
    padding: 0 !important;
}

.xl-contact-form span.elementor-field-option label {
    background: #ffffff1f;
    padding: 8px 18px 10px 18px !important;
    margin: 3px;
    line-height: 1;
    border-radius: 25px;
}

.xl-contact-form span.elementor-field-option label.active {
    background: #fff;
    color: #000 !important;
}

.xl-contact-form span.elementor-field-option input {

    display: none !important;
}

.xl-timeline .uael-timeline-arrow {
    display: none;
}


/*Responsive*/
@media only screen and (max-width : 480px) {
    .xl-title-mobile h2 {
        font-size: 40px !important;
    }
    svg {
        max-width: 100%;
    }
}