/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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 */

.blue-btn span.elementor-button-icon,
.c-btn span.elementor-button-icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blue-btn span.elementor-button-icon svg 
.c-btn span.elementor-button-icon svg {
    width: 15px;
    height: 20px;

}

.pink-arrow span.elementor-button-icon svg,
.pink-arrow span.elementor-button:hover svg{
    fill: #F40082 !important;
}
.blue-btn span.elementor-button-icon svg,
.blue-btn .elementor-button:hover svg{
    fill: #2E3191 !important;
}
.blue-btn span.elementor-button-content-wrapper,
.c-btn span.elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}

.homelogo #gallery-1 {
    display: flex;
    align-items: center;
}
.readMoreBtn span.elementor-button-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #F40082;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.readMoreBtn span.elementor-button-text {
    margin-right: 10px;
}
.readMoreBtn .elementor-button-icon svg {
    fill: #ffffff !important;
    width: 10px;
    height: 12px;
}
.clientCol{
    overflow:hidden;
    cursor:pointer;
}
.hoverClient {
    position: absolute;
    top: 100%;
    left: 10px;
    width: calc(100% - 20px);
    background: rgb(255 255 255 / 85%);
    height: calc(100% - 92px) !important;
    opacity: 0;
    transition: all 0.4s ease 0s;
}
.clientCol:hover .hoverClient {
    opacity: 1;
    top: 10px;
    height: calc(100% - 73px);
}

.homeForm1 span.elementor-field-option {
    margin-bottom: 15px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    flex: 0 0 45%;
}
.homeForm1 .elementor-field-type-checkbox {
    margin-top: 15px;
}
.homeForm1 .elementor-field-subgroup.elementor-subgroup-inline {
    margin-top: 15px;
}
.homeForm1 .elementor-field-subgroup label {
    font-size: 17px !important;
    font-weight: 400;
    line-height: 25px !important;
    margin-left: 10px;
}
.authorImg {
    margin-top: -75px;
}

.craftmenSec:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: #AFCBFF;
}
.galleryPhoto h2 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.galleryPhoto {
    position: absolute;
    top: 45%;
    background: #fff;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #2E3191;
    opacity: 0;
    transition:all 0.4s ease 0s;
}
.hoverBox{
    cursor:pointer;
}
.hoverBox:hover .galleryPhoto{
    opacity:1;
}
.pmb-0 p{
    margin-bottom:0 !important;
}

.blueSpan span{
    color:#2E3191;
}
.pinkSpan span{
    color:#F40082;
}

.home2-client:before,
.home2-client:after{
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:110px;
    background:url('images/ripped-dark-blue.svg');
}


.home2-client:before {
    top: -50px;
}
.home2-client:after {
    bottom: -50px;
}


.craftment-ripped:before,
.craftment-ripped:after{
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:110px;
    background:url('images/ripped-light-blue.svg');
    max-width: 40%;
    z-index: 9;
}

.craftment-ripped:before {
    top: -40px;
}
.craftment-ripped:after {
    bottom: -40px;
}
.craftmenSec2 .e-con-inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: #AFCBFF;
}
.craftmenSec.darkblue:before {
    background: #3E6990;
}
.craftmenSec.pinkhalf:before {
    background: #2e3191;
}

.homeSlide svg,
.mainSlider svg{
    fill: #ffffff !important;
    width: 18px !important;
}
.homeSlide .elementor-swiper-button,
.mainSlider .elementor-swiper-button{
    /*background: #fff;*/
    background: #2e3191;
    border-radius: 50%;
    height: 35px !important;
    width: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all 0.4s ease 0s;
}

.homeSlide .elementor-swiper-button:hover,
.mainSlider .elementor-swiper-button:hover{
    background: #F40082;
}
.homeSlide .elementor-swiper-button:hover svg,
.mainSlider .elementor-swiper-button:hover svg{
    fill: #fff !important;
}

.homev2slide .swiper-pagination {
    left: 90px !important;
    width: auto !important;
    bottom: 70px !important;
}


.topFilter.row {
    align-items: flex-end;
    margin-bottom: 20px !important;
}
select.common-filter {
    border-radius: 30px;
    background: #f7f7f7;
    border: none;
    height: 50px;
    line-height: 5px;
    padding: 5px 15px;
}
.c-filter label {
    font-weight: 500;
    margin-bottom: 11px;
    font-size: 15px;
    text-transform: capitalize;
    margin-left: 10px;
}
button#search-now:hover {
    background: #2e3191;
}
button#search-now {
    background: #f40082;
    color: #fff;
    border: none;
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    width: 100%;
}
.boxWrap {
    text-align: center;
    padding: 25px;
    background: #f7f7f7;
    margin-bottom: 25px;
}
.bottom-product-data .status {
    font-weight: 500;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 20px;
}
.boxWrap h2 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
    color: #2e3191;
}
.boxWrap {
    text-align: center;
    position:relative;
}

span.price-tag.c-tag {
    right: 15px !important;
    top: 15px;
}
span.age-tag.c-tag {
    left: 20px;
    top: 20px;
    background: #f40082;
    right: unset;
}
span.c-tag {
    display: inline-block;
    /*position: absolute;*/
    top: 0;
    margin: 0 5px;
    z-index: 9;
    background: #2e3191;
    color: #fff;
    width: auto;
    right: 0;
    padding: 3px 15px;
    border-radius: 30px;
    font-size: 12px;
}
section.bottom-playgorund-data {
    padding-bottom: 80px;
}
ul.pagination.marketplace-pagination {
    justify-content: center;
}
ul.pagination.marketplace-pagination li {
    margin: 0 15px;
}
span.page-numbers.current, ul.pagination.marketplace-pagination li a:hover {
    background: #f40082 !important;
    color: #fff !important;
}
ul.pagination.marketplace-pagination li a, span.page-numbers.current {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #eee;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
}
a.prev.page-numbers, a.next.page-numbers {
    background: transparent !important;
}
a.prev.page-numbers:hover, a.next.page-numbers:hover {
    color:#f40082;
}

.themeText p {
    margin-bottom: 0;
    min-height: 82px;
}
.singleContent img{
    margin:20px 0;
}
/*.galleryItems figure.gallery-item img {*/
/*    height: 200px;*/
/*    object-fit: cover;*/
/*    width: 100%;*/
/*}*/

.galleryItems figure.gallery-item img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.bottomCTA{
    margin:70px auto !important;
}
.bottomCTA:before {
    top: -60px;
}
.bottomCTA:after {
    bottom: -60px;
}
.bottomCTA:after,.bottomCTA:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background: url(images/ripped-white.svg);
    background-repeat: repeat;
    z-index: 9;
    height: 112px;
    opacity: 1;
    background-color: transparent !important;
}
.bottomCTA .e-con-inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003089;
    opacity: 0.6;
}
/*.mainSlider {*/
/*    display: none !important;*/
/*}*/

.mainSlider .swiper-slide.swiper-slide-active {
    filter: none;
}
.mainSlider .swiper-slide{
    filter:blur(4px);
}
@media only screen and (min-width: 1920px) {
    .mainSlider .elementor-widget-n-carousel .e-n-carousel.offset-both {
        padding-inline-start: 500px;
        padding-inline-end: 500px;
    }
    
}
@media only screen and (min-width: 1650px) {
    /*.home-slider {*/
    /*    display: none !important;*/
    /*}*/
    .mainSlider {
        display: block !important;
    }
    .innerImage img{
        height:550px !important;
    }
    .mainSlider .elementor-widget-n-carousel .e-n-carousel.offset-both {
        padding-inline-start: 460px;
        padding-inline-end: 460px;
    }
    /*.slideHeight {*/
    /*    min-height: 80vh !important;*/
    /*}*/
}


@media only screen and (max-width: 1024px) {
    .hoverClient p {
        display: none;
    }
    .clientCol{
        min-height:unset;
        height:250px;
    }
    .hoverClient{
        height: calc(100% - 77px) !important;
    }
    .home2ClientSldier img{
        height:100% !important;
    }
    .mainSlider .elementor-widget-n-carousel .e-n-carousel.offset-both {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
}

@media only screen and (max-width: 767px) {
    /*.mainSlider .elementor-widget-n-carousel .e-n-carousel.offset-both {*/
    /*    padding-inline-start: 0;*/
    /*    padding-inline-end: 0;*/
    /*}*/
    .menuBtnCol {
        z-index: 9 !important;
    }
    .warrentylogo {
        background-color: lightblue;
    }
    .clientCol img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .clientCol {
        height: auto;
    }
    .hoverClient {
        height: calc(100% - 66px) !important;
    }
    .craftmenSec2 .e-con-inner:before{
        width:100%;
    }
    .craftment-ripped:before, .craftment-ripped:after{
        display:none;
    }
    .topFilter.row .col-md-2 {
        /*width: 100%;*/
        margin-top: 20px;
    }
    .topFilter.row .col-md-5 {
        width: 49%;
    }
    .homelogo #gallery-1 figure {
        width: 50%;
    }
    .homelogo #gallery-1 {
        flex-wrap: wrap;
    }
    .galleryItems figure.gallery-item{
        width: 33.33%;
    }
    .galleryItems figure.gallery-item img {
        height: 170px;
    }
}

@media only screen and (max-width: 667px) {
    .warrentylogo {
        top: -40px !important;
        left: 0;
        right: 0;
        background: transparent;
    }
    
}

@media only screen and (max-width: 575px) {
    .galleryItems figure.gallery-item img {
        height: 100px;
    }
}

@media only screen and (max-width: 475px) {
  
}