/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

:root{
	--main-color: #001F5A;
	--sec-color: #F03636;
}
.arrow-animate {
  display: inline-block;
  position: relative;
  animation: arrowLeftRight 1s ease-in-out infinite;
}
p{
	margin-bottom: 0 !important;
}

@keyframes arrowLeftRight {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(20px); }
  100% { transform: translateX(0); }
}
.arrow-animate-down {
  display: inline-block;
  position: relative;
  animation: arrowUpDown 1s ease-in-out infinite;
}

@keyframes arrowUpDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(20px); }
  100% { transform: translateY(0); }
}

.direction-ltr .elementor-icon-box-description{
	direction: ltr;
	text-align: right;
}
.phone-direction .elementor-icon-box-title{
	direction: ltr;
}

/* ===============================
   Reviews Video Slider Wrapper
================================ */
.reviews-video-slider-wrapper {
    position: relative;
    padding: 0 70px; /* space for arrows */
}

/* ===============================
   Swiper Height (IMPORTANT)
   Choose ONE height method
================================ */

/* Full screen height */
.reviews-video-swiper {
    height: 100vh;
}

/* OR fixed height */
/*
.reviews-video-swiper {
    height: 450px;
}
*/

/* ===============================
   Swiper Slides
================================ */
.reviews-video-swiper .swiper-wrapper {
    height: 100%;
}

.reviews-video-swiper .swiper-slide {
    height: 100%;
    display: flex;
}

/* ===============================
   Video Box (Full Width & Height)
================================ */
.video-ratio-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

/* Vimeo iframe */
.video-ratio-box iframe {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

/* HTML5 video (if ever used) */
.video-ratio-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ===============================
   Navigation Arrows
================================ */
.reviews-swiper-prev,
.reviews-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Arrow positions */
.reviews-swiper-prev {
    left: 0;
}

.reviews-swiper-next {
    right: 0;
}

/* Arrow icons */
.reviews-swiper-prev::after,
.reviews-swiper-next::after {
    font-family: swiper-icons;
    font-size: 25px;
    font-weight: bold;
    color: var(--main-color);
}

.reviews-swiper-prev::after {
    content: 'prev';
}

.reviews-swiper-next::after {
    content: 'next';
}
.select2-results__options {
    max-height: 300px !important;
}
.calc-form {
    margin: auto;
}

#carCalcForm .form-group,
#carCalcForm2 .form-group {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
}

#carCalcForm label {
    margin-bottom: 6px;
    font-weight: bold;
}

#carCalcForm input, #carCalcForm select,
#carCalcForm2 input, #carCalcForm2 select{
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
	text-align: right;
}

#carCalcForm input:focus, #carCalcForm select:focus,
#carCalcForm2 input:focus, #carCalcForm2 select:focus {
    outline: none;
    border-color: #3EB489;
}

#carCalcForm .submit-btn,
#carCalcForm2 .submit-btn{
    width: 100%;
    padding: 12px;
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

#carCalcForm .submit-btn:hover,
#carCalcForm2 .submit-btn:hover{
    background: #F03636;
}

/* Tooltip */
#carCalcForm .info,
#carCalcForm2 .info{
	display: inline;
    position: relative;
    cursor: pointer;
    background: var(--main-color);
    color: #fff;
    border-radius: 50%;
    padding: 2px 11px;
    margin-left: 5px;
    font-size: 12px;
}

#carCalcForm .tooltip,
#carCalcForm2 .tooltip{
    display: none;
    position: absolute;
    background: #222;
    color: #fff;
    padding: 8px;
    font-size: 12px;
    border-radius: 6px;
    top: 25px;
    left: 0;
    width: 200px;
    z-index: 10;
}

#carCalcForm .info:hover .tooltip,
#carCalcForm2 .info:hover .tooltip{
    display: block;
}

/* Result Box */
#carCalcForm .result-box,
#carCalcForm2 .result-box{
    border-radius: 12px;
    background: transparent;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: none;
    direction: ltr;
}
#carCalcForm .result-box,
#carCalcForm2 .result-box{
    margin-top: 20px;
}

#carCalcForm .row,
#carCalcForm2 .row{
    display: grid;
	grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
	color: var(--main-color);
}

#carCalcForm .row:last-child ,
#carCalcForm2 .row:last-child {
    border-bottom: none;
}

#carCalcForm .row.red,
#carCalcForm2 .row.red{
    color: #c0392b;
    font-weight: bold;
}

#carCalcForm .row.total,
#carCalcForm2 .row.total{
    font-weight: bold;
    font-size: 16px;
}

#carCalcForm .note,
#carCalcForm2 .note{
    margin-top: 15px;
    font-size: 13px;
	font-weight: bold;
    text-align: center;
	color: var(--main-color)
}

.row:last-child {
    border-bottom: none;
}

.col.en {
    text-align: left;
    direction: ltr;
}

.col.value {
    text-align: center;
    font-weight: bold;
}

.col.ar {
    text-align: right;
    direction: rtl;
    font-weight: 500;
}

.row.red {
    color: #c0392b;
}

.row.total {
    font-size: 16px;
    font-weight: bold;
}
.icon-color path{
	fill: #FFF !important;
}
.post-password-form{
    max-width: 800px;
    margin: 50px auto;
    display: block;
}
/* ===============================
   Responsive Tweaks (Optional)
================================ */
@media (max-width: 768px) {
    .reviews-video-slider-wrapper {
        padding: 0 40px;
    }

    .reviews-video-swiper {
        height: 70vh;
    }
	#carCalcForm .tooltip,
	#carCalcForm2 .tooltip{
		left: -100px;
    	width: 265px;
	}
	.post-password-form{
		max-width: 350px;
	}
	#post-import-features .elementor-icon-list-items{
		display: grid;
    	grid-template-columns: 1fr 1fr;
    	gap: 10px;
	}
}
@media (min-width: 992px){
	.playlist-width .e-tabs-wrapper{
		width: 40% !important;
	}	
}