/*
Template:       restly
Theme Name:     Restly Child
Theme URI: 		http://wptf.themepul.com/restly
Author: 		Themepul
Author URI: 	http://themepul.com/
Description:    This Child Theme only for Restly Theme.
Version:        1.0.0
Text Domain:    restly-child
*/

body, html {
    overflow-x: hidden;
}

.text-primary {
    color: #065ba7 !important
}

.header-six .main-header {
    background: white;
    min-height: auto;
}

.header-six .main-header .custom-logo {
    height: 58px;
    width: 228px;
    object-fit: contain;
    transition: width 0.4s, height 0.4s;
}

.header-six .main-header .menu-item a {
    padding: 30px 10px;
    line-height: 1;
}

.header-six .main-header.sticky-bar .menu-item a {
    padding: 22px 10px;
}

.header-six .main-header.sticky-bar .custom-logo {
    height: 40px;
    width: 160px;
}

.main-header {
    transition: transform 0.4s, box-shadow 0.4s, -webkit-box-shadow 0.4s, padding 0.4s;
    border-bottom: 1px solid #D9D9D9;
}

.main-header.sticky-bar {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    border-bottom-color: transparent;
}

.main-header.sticky-bar , .main-header .main-navigation{
    padding: 0;
}

.main-slider-wrap .image:before {
    display: none;
}

.main-slider-content {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 50px 70px 39px 70px;
    border-radius: 20px;
    max-width: 785px;
}

.main-slider-content .slider-dec h2 {
    font-size: 50px;
    line-height: 60px;
}

.main-slider-wrap .image img {
    max-width: 100%;
}

.main-slider {
    margin-top: 75px;
}

.main-slider-wrap .slider-caption{
    min-height: 1000px;
}

.slider-custom .slick-slide img {
    border-radius: 20px;
}

@media (min-width: 800px) {
    .slider-custom .slick-track {
        display: flex;
        align-items: center;
    }

    .slider-custom .slick-slide:not(.slick-current) img {
        width: 80% !important;
        transition: width 0.5s, height 0.5s;
        margin: auto;
    }
}

.theme-btns.slider-btn1 {
    display: inline-flex;
    flex-direction: row-reverse;
    padding: 12px 24px;
}

.theme-btns.slider-btn1 svg {
    fill: white;
    margin-right: 5px;
}

.underline-title .elementor-widget-container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 60px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: 24px -24px #fff;
    -webkit-box-shadow: 24px -24px #fff;
    pointer-events: none;
}

.underline-title .elementor-widget-container:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: 24px -24px #fff;
    -webkit-box-shadow: 24px -24px #fff;
    pointer-events: none;
}

.underline-title .title-number {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-bottom-left-radius: 50%;
    z-index: 1;
}

.underline-title .title-number span {
    color: #f5f5f5;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 170%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #065ba7;
}

.underline-title .e-con-full:nth-child(2) .title-number span {
    background-color: #FFC84D;
}

.underline-title .e-con-full:nth-child(3) .title-number span {
    background-color: #27AAE1;
}

.underline-title .elementor-icon-box-title {
    position: relative;
    margin-bottom: 60px;
}

.underline-title .elementor-icon {
    margin-top: 30px;
}

.underline-title .elementor-icon-box-title:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: calc(100% - 5px);
    height: 1px;
    background-color: #fff;
    opacity: 0.6;
}

.underline-title .elementor-icon-box-title:after {
    content: "";
    position: absolute;
    bottom: -27px;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
}

.slider-custom .slider-for button.slick-arrow {
    top: initial !important;
    bottom: 0 !important;
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
}

.slider-custom .slider-for button.slick-arrow.slick-next {
    right: initial !important;
    left: 100px !important;
}

.custom-small-logo .elementor-image-box-img {
    background-color: rgb(228, 243, 255);
    border-radius: 100%;
    width: 60px !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-small-logo .elementor-widget-container {
    overflow: hidden;
    border-radius: 20px;
}

.custom-small-logo .elementor-widget-container img {
    height: 100%;
    object-fit: cover;
    will-change: transform;
    transition: transform 0.4s;
}

.custom-small-logo .elementor-widget-container img:hover {
    transform: scale(1.05);
}

.exp-wrap {
    position: absolute;
    bottom: 30px;
    left: 10px;
    padding: 10px;
    width: fit-content;
    height: fit-content;
    border-radius: 20px;
    background: #d7ece4;
    max-width: 154px;
    text-align: center;
}

.exp-content {
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 20px 34px;
    color: #5a5a5a;
    line-height: 1.35;
    letter-spacing: 1.2px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.exp-content p {
    margin-bottom: 0;
}

.exp-content .exp-tt {
    margin-bottom: 0;
    font-weight: bolder;
}

.elementor-element .lae-posts-multislider-wrap .lae-posts-multislider .slick-arrow {
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M22.0796 16.2L23.4236 17.544L18.0476 22.92H33.5996V24.84H18.0476L23.4236 30.216L22.0796 31.56L14.3996 23.88L22.0796 16.2Z' fill='%23144089'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.elementor-element .lae-posts-multislider-wrap .lae-posts-multislider .slick-next {
    transform: rotate(180deg);
}

.elementor-element .lae-post-overlay.lae-post-featured-img-bg {
    border-radius: 20px;
}

.lae-post-title a:hover {
    color: #065ba7!important;
}

.lae-posts-gridbox-item .lae-post-overlay .lae-post-text .lae-post-title a:hover, .lae-posts-multislider-item .lae-post-overlay .lae-post-text .lae-post-title a:hover {
    text-decoration: initial !important;
}

.restly-social-icon-box ul li a {
    color: #065BA7 !important;
    line-height: 30px;
    transition: transform 0.4s;
}

.restly-social-icon-box ul li a:hover {
    transform: translateY(-4px);
}

.footer .widget ul li {
    margin: 5px 0;
}

.footer p, .footer .menu-item a {
    color: #f3f3f3 !important;
    opacity: 0.8;
}

.footer .menu-item a:hover {
    color: #ffc84d !important;
}

.footer .wpcf7-form {
    position: relative;
}

.footer .wpcf7-email {
    border-radius: 100px;
    padding: 9px 104px 9px 12px;
    border: 1px solid #d9d9d9;
    height: auto !important;
}

.footer .wpcf7-submit {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 6px 20px !important;
    font-weight: 500;
    font-size: 15px;
    height: auto !important;
    border-radius: 100px !important;
}

@media (min-width: 1200px) {
    .header-six .main-header .container {
        max-width: 1680px;
    }

    .home .slider-caption .container {
        max-width: 1550px;
    }
}

@media (min-width: 1024px) {
    .lae-posts-gridbox-slider-style-2 .lae-posts-gridbox {
        grid-gap: 30px !important;
    }

    .lae-posts-gridbox-item.lae-align-bottom-left:first-child {
        height: 530px !important;
    }
}

@media (min-width: 800px) {
    .elementor-element .lae-posts-multislider-wrap .lae-posts-multislider .slick-next {
        right: -70px !important;
    }

    .elementor-element .lae-posts-multislider-wrap .lae-posts-multislider .slick-prev {
        left: -70px !important;
    }
}

@media (max-width: 767px) {
    .lae-posts-gridbox-item.lae-align-bottom-left {
        margin-bottom: 15px;
    }
}
