/*
Theme Name: Divi Plus Car Rental
Theme URI: https://diviextended.com/product/divi-plus/
Description: Divi Plus child theme for Car Rental.
Author: Elicus
Author URI: https://elicus.com/
Template: Divi
Version: 1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* threeunderyou CSS */
/* .hero-image-slider-wrap{} */
.page-id-306112 .et_pb_section_0_tb_header{display:none;}
.inline-menu-blurb{display:inline-block;margin-right:10px;position:relative;}
.inline-menu-blurb .et_pb_blurb_content{padding: 0px 15px;}
.inline-menu-blurb:hover{color: rgb(79, 70, 229);background: rgba(79, 70, 229, 0.05);}
.inline-menu-blurb::after {
    content: "";
    position: absolute;
   bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 2px;
    background-color: rgb(79, 70, 229);
    transition: width 0.3s;
}
.inline-menu-blurb:hover::after {
    width: 60%;
}
.inline-menu-blurb .et_pb_blurb_content.current-menu-item {
    color: #4f46e5;
    background: rgba(79, 70, 229, 0.1);
    padding: 0px 15px !important;
    line-height: 3.5 !important;
    border: 1px solid #4f46e5;
}
.inline-button-hero .et_pb_button_module_wrapper {display:inline-block;margin-right:15px;}
.qr-video-floating-badge{animation: pulse 2s infinite;}
.qr-mobile-floating-image{position: absolute;animation: float 6s ease-in-out infinite;top: 1%; right: -2%;transition: transform 0.3s ease, box-shadow 0.3s ease;z-index: 999;overflow: hidden;}
.qr-video-main-image{position:relative;}
.qr-video-main-image .et_pb_blurb_container{position: absolute;
   bottom: 30px;
    left: 0;
    width: 100%;
    padding: 1.5rem;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    color: #fff;
    border-radius: 0 0 20px 20px;padding-bottom: 37px;}
.qr-video-main-image.et_pb_blurb .et_pb_image_wrap img{border-radius:20px;}
.qr-video-badge-2 {position: absolute;bottom: 31%;left: -4%;box-shadow: 0 4px 10px rgba(129, 180, 65, 0.3);animation: pulse 2s infinite;}
@keyframes float{
	0% {
    transform: translateY(0) rotate(0deg);
}
	50% {
    transform: translateY(-20px) rotate(5deg);
}
	100% {
    transform: translateY(0) rotate(0deg);
}
}

@keyframes pulse{
	0% {
    transform: scale(1);
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}
.print-marketing-sec .et_pb_blurb_content{min-height: 260px;
    height: 285px;}
.qr-video-main-image.print-marketing-sec .et_pb_blurb_container{bottom: 0px;}
.blank-box-styling{transition: transform 0.3s ease, box-shadow 0.3s ease;}
.blank-box-styling:hover{transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}
.key-feature-blurb{transition: all 0.4s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);}
.key-feature-blurb .et_pb_blurb_container{padding:5px 24px 0 24px;}
.key-feature-blurb:hover{transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);border:2px solid #000;}
.work-process-sec{min-height: 336px;transition: all 0.3s ease;position:relative;}
.work-process-sec:after{content: '\24';
    position: absolute;
    top: 50%;
    right: -27px;
    font-family: ETmodules !important;
    color: #81b441;
    animation: bounceRight 2s ease-in-out infinite;
    font-weight: 700;
    font-size: 25px;}
.work-process-sec.fiveth-box-arrow.et_pb_blurb:after {
   content: '';
}
@keyframes bounceRight{
	0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
}
40% {
    transform: translateX(5px);
}
60% {
    transform: translateX(3px);
}
}
.work-process-sec .qr-video-step-number {
    position: absolute;
    top: -53px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: #81b441;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    box-shadow: 0 4px 10px rgba(129, 180, 65, 0.3);
	z-index: 999;
}

.work-process-sec .et_pb_main_blurb_image{background: linear-gradient(135deg, #81b441, #2c5aa0);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 20px 10px;
}
.why-choose-first-column{margin-top: 25px;}
.why-use-block .et_pb_main_blurb_image{
background: linear-gradient(135deg, #81b441, #2c5aa0);
    width: 60px;
    height: 60px;
    border-radius: 20px;
    padding: 5px 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-process-sec h4{margin-bottom:16px;}
.why-use-block.et_pb_blurb{transition: all 0.3s ease !important;}
.why-use-block.et_pb_blurb:hover{transform: translateX(10px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}
.qr-video-why-image-overlay {
    position: absolute;
   bottom: 31px;
    left: 0;
    width: 100%;
    padding: 2rem;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
    color: #fff;
	border-radius: 0 0 20px 20px;
}
.qr-video-why-stats {
    display: flex;
    justify-content: space-around;
    gap: 2rem;
}
.qr-video-why-stat {
    text-align: center;
}
.qr-video-why-stat-number {
    display: block;
	line-height: initial;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, #81b441, #2c5aa0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.qr-video-why-stat-label {
    font-size: 0.9rem;
    opacity: 0.9;
}

.why-choose-image{transition: transform 0.3s ease;}
.why-choose-image:hover{transform: translateY(-10px) rotate(1deg);}
.use-case-wrap-col{transition: all 0.4s ease!important;}
.use-case-wrap-col:hover{transform: translateY(-10px);box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);}
.use-case-wrap .et_pb_image_wrap{transition: all 0.4s ease!important;box-shadow: 0 12px 25px rgba(129, 180, 65, 0.3);border: 3px solid transparent;border-radius: 20px;}
.use-case-wrap-col:hover .use-case-wrap .et_pb_image_wrap{transform: scale(1.1) rotate(5deg);border-color: #81b441;box-shadow: 0 12px 25px rgba(129, 180, 65, 0.3);}
.qr-video-use-cases-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.qr-video-use-cases-shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.qr-video-shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
    filter: blur(40px);
}

.qr-video-shape-1 {
    width: 300px;
    height: 300px;
    background: #81b441;
    top: 10%;
    left: 5%;
    animation: qr-video-float-shape-1 15s ease-in-out infinite;
}

.qr-video-shape-2 {
    width: 200px;
    height: 200px;
    background: #2c5aa0;
    top: 60%;
    left: 10%;
    animation: qr-video-float-shape-2 12s ease-in-out infinite;
}

.qr-video-shape-3 {
    width: 250px;
    height: 250px;
    background: #f5576c;
    top: 20%;
    right: 8%;
    animation: qr-video-float-shape-3 18s ease-in-out infinite;
}

.qr-video-shape-4 {
    width: 180px;
    height: 180px;
    background: #764ba2;
    bottom: 15%;
    right: 15%;
    animation: qr-video-float-shape-4 14s ease-in-out infinite;
}

.qr-video-shape-5 {
    width: 220px;
    height: 220px;
    background: #4facfe;
    top: 45%;
    left: 50%;
    animation: qr-video-float-shape-5 16s ease-in-out infinite;
}

@keyframes qr-video-float-shape-1 {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(40px, -30px) rotate(90deg); }
    50% { transform: translate(20px, 40px) rotate(180deg); }
    75% { transform: translate(-30px, 20px) rotate(270deg); }
}

@keyframes qr-video-float-shape-2 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(-50px, 30px) scale(1.2); }
    66% { transform: translate(30px, -40px) scale(0.8); }
}

@keyframes qr-video-float-shape-3 {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(-60px, 20px) rotate(180deg); }
}

@keyframes qr-video-float-shape-4 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(25px, -35px) scale(1.1); }
    50% { transform: translate(-20px, 25px) scale(0.9); }
    75% { transform: translate(35px, 15px) scale(1.05); }
}

@keyframes qr-video-float-shape-5 {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(45px, -25px) rotate(120deg); }
    66% { transform: translate(-35px, 45px) rotate(240deg); }
}

/*Help page CSS  */
/* Abstract floating shapes with very light opacity */
    .qr-video-help-bg-element {
        position: fixed;
        pointer-events: none;
        z-index: 0;
        opacity: 0.08;
        filter: blur(8px);
    }

    .qr-video-help-bg-element-1 {
        top: 10%;
        left: 5%;
        width: 150px;
        height: 150px;
        background: linear-gradient(135deg, #22c55e, #86efac);
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
        animation: qr-video-floatElement1 25s ease-in-out infinite;
    }

    .qr-video-help-bg-element-2 {
        bottom: 15%;
        right: 8%;
        width: 120px;
        height: 120px;
        background: linear-gradient(135deg, #86efac, #4ade80);
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
        animation: qr-video-floatElement2 30s ease-in-out infinite;
    }

    .qr-video-help-bg-element-3 {
        top: 40%;
        right: 12%;
        width: 100px;
        height: 100px;
        background: linear-gradient(135deg, #4ade80, #22c55e);
        border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
        animation: qr-video-floatElement3 35s ease-in-out infinite;
    }

    .qr-video-help-bg-element-4 {
        bottom: 25%;
        left: 10%;
        width: 130px;
        height: 130px;
        background: linear-gradient(135deg, #22c55e, #4ade80);
        border-radius: 50% 50% 20% 80% / 25% 80% 20% 75%;
        animation: qr-video-floatElement4 28s ease-in-out infinite;
    }

    .qr-video-help-bg-element-5 {
        top: 20%;
        right: 25%;
        width: 90px;
        height: 90px;
        background: linear-gradient(135deg, #86efac, #22c55e);
        border-radius: 70% 30% 50% 50% / 30% 70% 30% 70%;
        animation: qr-video-floatElement5 32s ease-in-out infinite;
    }

    .qr-video-help-bg-element-6 {
        top: 60%;
        left: 15%;
        width: 110px;
        height: 110px;
        background: linear-gradient(135deg, #4ade80, #86efac);
        border-radius: 30% 70% 50% 50% / 50% 50% 50% 50%;
        animation: qr-video-floatElement6 40s ease-in-out infinite;
    }

    /* Complex floating animations */
    @keyframes qr-video-floatElement1 {
        0%, 100% { 
            transform: translate(0, 0) rotate(0deg) scale(1);
        }
        20% { 
            transform: translate(-40px, 25px) rotate(72deg) scale(1.1);
        }
        40% { 
            transform: translate(30px, -35px) rotate(144deg) scale(0.95);
        }
        60% { 
            transform: translate(25px, 40px) rotate(216deg) scale(1.05);
        }
        80% { 
            transform: translate(-35px, -25px) rotate(288deg) scale(0.98);
        }
    }

    @keyframes qr-video-floatElement2 {
        0%, 100% { 
            transform: translate(0, 0) rotate(0deg) scale(1);
        }
        25% { 
            transform: translate(45px, -30px) rotate(90deg) scale(1.15);
        }
        50% { 
            transform: translate(-35px, 40px) rotate(180deg) scale(0.9);
        }
        75% { 
            transform: translate(30px, 35px) rotate(270deg) scale(1.08);
        }
    }

    @keyframes qr-video-floatElement3 {
        0%, 100% { 
            transform: translate(0, 0) rotate(0deg) scale(1);
        }
        33% { 
            transform: translate(-50px, 20px) rotate(120deg) scale(1.2);
        }
        66% { 
            transform: translate(40px, -40px) rotate(240deg) scale(0.85);
        }
    }

    @keyframes qr-video-floatElement4 {
        0%, 100% { 
            transform: translate(0, 0) rotate(0deg) scale(1);
        }
        20% { 
            transform: translate(35px, 45px) rotate(45deg) scale(1.12);
        }
        40% { 
            transform: translate(-45px, -35px) rotate(135deg) scale(0.88);
        }
        60% { 
            transform: translate(40px, -25px) rotate(225deg) scale(1.18);
        }
        80% { 
            transform: translate(-30px, 40px) rotate(315deg) scale(0.92);
        }
    }

    @keyframes qr-video-floatElement5 {
        0%, 100% { 
            transform: translate(0, 0) rotate(0deg) scale(1);
        }
        16% { 
            transform: translate(-25px, 50px) rotate(60deg) scale(1.25);
        }
        32% { 
            transform: translate(50px, -20px) rotate(120deg) scale(0.8);
        }
        48% { 
            transform: translate(-40px, -40px) rotate(180deg) scale(1.3);
        }
        64% { 
            transform: translate(30px, 35px) rotate(240deg) scale(0.75);
        }
        80% { 
            transform: translate(-35px, 25px) rotate(300deg) scale(1.22);
        }
    }

    @keyframes qr-video-floatElement6 {
        0%, 100% { 
            transform: translate(0, 0) rotate(0deg) scale(1);
        }
        14% { 
            transform: translate(55px, 15px) rotate(51deg) scale(1.28);
        }
        28% { 
            transform: translate(-20px, 60px) rotate(102deg) scale(0.82);
        }
        42% { 
            transform: translate(45px, -45px) rotate(153deg) scale(1.35);
        }
        56% { 
            transform: translate(-60px, 20px) rotate(204deg) scale(0.78);
        }
        70% { 
            transform: translate(35px, 55px) rotate(255deg) scale(1.4);
        }
        84% { 
            transform: translate(-45px, -35px) rotate(306deg) scale(0.72);
        }
    }

.qr-video-floating-elements {
    position: absolute;
    width: 100%;
    height: 100%;
}

.qr-video-floating-elements span {
    position: absolute;
    font-size: 1.8rem;
    opacity: 0.7;
    animation: qr-video-float 6s infinite ease-in-out;
}

.qr-video-floating-elements span:nth-child(1) {
    top: 20%;
    left: 20%;
    animation-delay: 0s;
}
.qr-video-floating-elements span:nth-child(2) {
    top: 70%;
    left: 70%;
    animation-delay: 2s;
}
.qr-video-floating-elements span:nth-child(3) {
    top: 80%;
    left: 25%;
    animation-delay: 4s;
}
.qr-video-floating-elements span:nth-child(4) {
    top: 30%;
    left: 75%;
    animation-delay: 1s;
}

@keyframes qr-video-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    33% { transform: translateY(-25px) rotate(120deg); }
    66% { transform: translateY(10px) rotate(240deg); }
}

@keyframes qr-video-pulse {
    0%, 100% { transform: scale(1); opacity: 0.1; }
    50% { transform: scale(1.1); opacity: 0.15; }
}

.live-support-img{display:inline-block;margin-right: 40px;}
.live-support-img.et_pb_blurb:last-child{margin-right: 0px;}

@media (max-width: 767px)
{
	.qr-video-main-image .et_pb_blurb_container{bottom: 41px!important;}
	.work-process-sec:after{content:'';}
}

/* threeunderyou CSS end*/

.hero-header-home-title h2 {
/*     font-size: 72px; */
    background: -webkit-linear-gradient(135deg, #be63f9 0%, #0449c4 100%);
    background: linear-gradient(135deg, #be63f9 0%, #0449c4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*layout1 CSS  */

/* .pulse-btn{animation: pulse-animation 2s infinite;}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgb(0 87 255 / 55%);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

.pulse-btn.et_pb_button_0:after{background: #000;font-size: 37px!important;border-radius: 50%; padding: 0px 19px;} */

.main-header-align.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu{display: block !important;}

/*layout2 CSS  */
/* #main-header .buy-now-btn {
	text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
    position: relative;
    top: -13px;
    right: -27px;
}

.buy-now-btn a{font-size: 15px;
    background-color: rgb(0, 0, 0);
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 25px;
padding: 10px 25px 10px 25px;
} */
.filter-grid-styling.grid-filter-wrap .dp-dfg-primary{position:relative;}

.filter-grid-styling.grid-filter-wrap .dp-dfg-primary .dp-dfg-image{position:relative;}
/* Scroll image on hover CSS*/
.filter-grid-styling.onhover-scroll-img .dp-dfg-primary .dp-dfg-image{position:relative; height: 350px;overflow: hidden;}
.filter-grid-styling.onhover-scroll-img .dp-dfg-item img {
    transition: transform 3s ease-in-out;
    width: 100%;
    height: auto;
}
.filter-grid-styling.onhover-scroll-img .dp-dfg-item:hover img {transform: translateY(-45%);}
/* Scroll image on hover CSS end*/

/* on hover image overlay CSS */
/* .filter-grid-styling.grid-filter-wrap .dp-dfg-primary .dp-dfg-image:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;opacity:0;background:#f5f5f5;transition:all 0.3s ease;} */
/* .filter-grid-styling.grid-filter-wrap  */
/* .filter-grid-styling.grid-filter-wrap .dp-dfg-item:hover .dp-dfg-primary .dp-dfg-image:before{background:#f5f5f5;opacity:0.9;} */
/* .filter-grid-styling.grid-filter-wrap .dp-dfg-secondary{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  z-index: 9;
display: flex;
    justify-content: center;
    align-items: center;
	opacity:0;
} */
/* .filter-grid-styling.grid-filter-wrap .dp-dfg-item:hover .dp-dfg-secondary{opacity:1;} */
/* on hover image overlay CSS end*/

.filter-grid-styling.grid-filter-wrap .et_pb_button_wrapper.read-more-wrapper{background-image: linear-gradient(135deg, #492cdd 0%, #ad38e2 100%);padding: 6px 10px 0px 10px;border-radius:5px;}
.filter-grid-styling .dp-dfg-filters ul.dp-dfg-level{display:flex;flex-direction:column;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(1){order:1;display:none;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(5){order:2;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(2){order:3;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(3){order:4;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(4){order:5;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(6){order:6;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(7){order:7;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li:nth-child(8){order:8;}
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li {margin-top: 0px;margin-bottom:10px;border-radius:5px;} 
/* .filter-grid-styling .dp-dfg-filters .dp-dfg-level li:last-child{display:none;} */
.filter-grid-styling .dp-dfg-filters .dp-dfg-level li a{border-radius:5px;}
.filter-grid-styling .dp-dfg-filter a.active{background:#5758fc!important;}
.filter-grid-styling .entry-title a{padding: 10px 12px 0px 0px;border-radius:0px;display:inline-block;}
.filter-grid-styling .dp-dfg-search{box-shadow: 0 3px 15px 0 rgb(0 0 0 / 10%);}
/* .filter-grid-styling .dp-dfg-more-button{text-decoration: underline;} */
.filter-grid-styling .dp-dfg-load-more-button, .filter-grid-styling .dp-dfg-clear-filters-button{padding-right: 1em!important;padding-left: 0.7em!important;}
.filter-grid-styling .dp-dfg-load-more-button:hover, .filter-grid-styling .dp-dfg-clear-filters-button:hover{padding-right: 1em!important;padding-left: 0.7em!important;}
.filter-grid-styling.grid-filter-wrap .dp-dfg-header{padding-bottom: 15px!important;padding-top: 10px;}  
.dp-dfg-item .dp-dfg-secondary>div:last-of-type{padding-bottom: 0em;}

/* .dpdfg_filtergrid_0 .dp-dfg-container.dp-dfg-layout-masonry-standard .dp-dfg-masonry-gutter {width: 0% !important;} */
.core-values .et_pb_column{transition: .3s ease-in-out;box-shadow: 0 3px 15px 0 rgb(0 0 0 / 10%);}
.core-values .et_pb_column:hover {
    border-radius: 40px 0;
    transform: translate(0px,-15px);
}
.heading-stroke h3 {
    color: #0057ff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 6px;
    -webkit-text-stroke-color: #0057ff;
    z-index: 0;
        opacity: 0.8;
    position: relative;
}

@media (max-width: 1440px)
{
/* 	.main-header-align #menu-primary-menu li a{font-size: 14px;} */
	.filter-grid-styling .dp-dfg-filters .dp-dfg-level li a.dp-dfg-filter-link{padding: 1em 0.2em;font-size: 17px !important;}
}

@media (max-width: 980px) {
	.et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar:before{color: #ffffff!important;
    background: #0057ff;
    border-radius: 3px;
    padding: 2px;
	}
.main-header-align .et_pb_menu_inner_container { display: flex;}
	.main-header-align.et_pb_menu--style-centered .et_pb_menu__wrap{justify-content: right;}
}
@media (max-width: 767px)
{
	.filter-grid-styling.grid-filter-wrap.filter-grid-styling .dp-dfg-filters .dp-dfg-level li{width: 100%;
    display: block;
    text-align: center;}
	
}