/*
Theme Name: Woostify Child
Theme URI: https://woostify.com/
Description: Child theme for the Woostify theme
Author: Your Name
Author URI: https://yourwebsite.com/
Template: woostify
Version: 1.0.0
*/

.translatepress-ar{
	div , h1, h2 , h3 , h4 , h5 , h6 , a ,p , li , button{ 
	font-family:"Cairo", sans-serif !important;	
	}
	
	.fa, .fas {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}

	.fab {
    font-family: 'Font Awesome 5 Brands' !important;
    font-weight: 400 !important;
}
	
	.fa, .far, .fas
 {
    font-family: "Font Awesome 5 Free" !important;
}
	

}


.gallry-block img {
    height: 100% !important;
    object-fit: contain;
}



a.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
    padding: 4px;
}


.trp-ls-shortcode-current-language , .trp-ls-shortcode-language{
	padding:0px !important;
	max-width: 120px !important;
}

.trp-ls-shortcode-current-language{
	background:transparent !important;
	
}

.trp-ls-shortcode-current-language a{
	color:#fff !important;
}

.scrolled{
	
.trp-ls-shortcode-current-language a{
	color:#000 !important;
}	
	
}



.trp-language-switcher{
	width:120px;
}
.trp_language_switcher_shortcode{
	max-width:120px;
}

.translatepress-ar{
	font-family:"Cairo", sans-serif !important;	
}


.translatepress-ar{
	
	.n2-ss-layer.n2-ow.n-uc-C3k2ClGu9eoa.n2-ss-layer--auto {
		min-width: 100%;
		display: flex;
	}
	
	.n2-ss-layer.n2-ow.n-uc-X9rE7otnu3QW.n2-ss-layer--auto , .n2-ss-layer.n2-ow.n-uc-kiNHE8YPskvB.n2-ss-layer--auto {
    min-width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}
	
	.elementor-element.elementor-element-da4221e.elementor-widget.elementor-widget-maxmegamenu {
    display: flex;
    justify-content: flex-end;
}
	
	
.n2-ss-item-image-content.n2-ss-item-content.n2-ow-all {
    display: flex;
}
	
div#n2-ss-2item2{
		float:inline-start;
	}
	
	div#n2-ss-2 .n-uc-MkP7ZSlopAjF{
		display: flex;
    justify-content: space-between;
    width: 100% !important;
    max-width: 100%;
	}
	
	div#n2-ss-2item5{
		text-align:justify !important;
	}
	
	.n2-ss-layer.n2-ow.n-uc-aDEuqCDNvMBV{
		min-width:100%;
		text-align:justify;
	}
	
	.n2-ss-layer.n2-ow.n-uc-olJ0fixXDCrn.n2-ss-layer--auto{
		max-width: 100% !important;
    min-width: 100%;
    text-align: justify;
	}
	
	
	
	
	
}



/* Import parent theme styles */
@import url("../woostify/style.css");


@font-face {
    font-family: 'ChangAnunitype';
    src: url('fonts/ChangAnunitype-Regular.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ChangAnunitype';
    src: url('fonts/ChangAnunitype-Bold.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ChangAnunitype';
    src: url('fonts/ChangAnunitype-Light.TTF') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Apply the font globally */
body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'ChangAnunitype', sans-serif!important;
}

.product-card h3 {
    margin-top:0px;
    font-size: 15px;
}
.product-colors {
    display: flex;
    align-items: center;
}
 .tab-buttons {
                display: flex;
                gap: 10px;
                margin-bottom: 20px;
                justify-content: center;
            }

            .tab-button {
                padding: 10px 20px;
                cursor: pointer;
                border-radius: 5px;
               
            }
button.tab-button {
    background: #ffff;
    border: none;
    color: #b7b7b7;
    font-family: 'ChangAnunitype';
    font-size: 16px;
}
            .tab-button.active {
    background: #fff;
    border: none;
    color: #050B20;
    border-bottom: 2px solid #050B20;
     font-family: 'ChangAnunitype';
    font-size: 16px;
}

            .tab-content {
                display: none;
            }

            .tab-content.active {
                display: block;
            }

            .color-swatches {
                display: flex;
                flex-direction: column;
                gap: 15px;
            }

            .color-swatch {
                position: relative;
                width: 26px;
                height: 26px;
                border-radius: 50%;
                border: 3px solid #ccc;
                cursor: pointer;
                transition: transform 0.2s ease, border-color 0.2s ease;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            }

            .color-swatch:hover {
                transform: scale(1.05);
            }

            .color-swatch.active {
                border-color: black;
            }

            .color-swatch.active::after {
                content: "✔";
                color: white;
                font-size: 20px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-shadow: 1px 1px 2px black;
                pointer-events: none;
            }

            .color-image-preview img {
                border: 1px solid #ddd;
                padding: 10px;
                background: #fff;
                max-width: 100%;
                border-radius: 10px;
                box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
            }

 .tax-tab-buttons {
    display: ruby-text;
    gap: 15px;
    margin-bottom: 20px;
    color:#a1a1a1!important;
    font-weight: bold;
    font-family: 'ChangAnunitype';
}

        .tax-tab-button {
            padding: 8px 16px;
            cursor: pointer;
            border:none;
            background: #fff;
              color:#a1a1a1;
    font-weight: bold;
    font-family: 'ChangAnunitype';
        }

      .tax-tab-button.active {
        font-weight: bold;
    border-bottom: 5px solid #0b457f;
    background: transparent;
    color: #050B20;
}

.tax-tab-button.active{
	background:#50659140 !important;
	color: #000 !important;
}



    .tax-tab-content.active {
        gap:1%;
        display: grid;
        grid-template-columns: 33% 33% 33%;
    }
        .tax-tab-content {
            display: none;
       }

   .product-card {
            margin-bottom: 20px;
        }

.explore-section .elementor-image-box-content {
    position: absolute;
    bottom: 16px;
    left: 47px;
    text-align: left;
    background: #fff;
        padding: 6px 30px;
    width: fit-content;
      border-radius: 50px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #0B457F;
    color: #fff;
    border-radius: 20px;
    padding: 3px 32px;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
    width: 100%;
    border-radius: 20px;
    padding: 8px 20px;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    width: 100%;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    width: 100%;
}
select.wpcf7-form-control.wpcf7-select, select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
        border-radius: 20px;
    width: 100%;
    padding: 11px 13px;
}
.eael-contact-form-7 .wpcf7-form p:nth-last-of-type(1)
{
    display:block;
}
form.wpcf7-form.init label {
    color: black;
    padding: 4px 0px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-radius: 20px;
    padding: 6px 13px;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    border-radius: 20px;
    padding: 6px 13px;
}

.touch-frm {
    display: grid
;
    grid-template-columns: 49% 49%;
    gap: 2%;
}
header#masthead .site-header-inner:hover img.custom-transparent-logo {
    padding: 10px;
    background: #0a457f;
}
header#masthead .site-header-inner:hover .woostify-svg-icon svg path {
    fill: #0b457f;
}
.menu-vehicles-container:hover a,
.menu-help-ft-container:hover a{
    color: #fff;
}
.menu-ft-about-container a:hover {
    color: #fff;
}
header#masthead .site-header-inner:hover {
    background: #fff;
}
header#masthead .site-header-inner:hover a.mega-menu-link {
    color: #2f447e !important;
} 
header#masthead:hover img.custom-transparent-logo {
    display: none;
}
header#masthead:hover img.main-ak-logo {
    display: block!important;
}


input.tnp-submit {
    background-color: #405FF2 !important;
    border: #405FF2 !important;
    font-size: 11px !important;
}
input#tnp-1 {
    border: #FFFFFF21;
    background: #FFFFFF21;
    color: #ffffffa6;
}
.explore-section .elementor-image-box-content h3.elementor-image-box-title {
    margin: 0px;
}
.woostify-container {
    max-width: 90%;
}
.main-navigation .primary-navigation > .menu-item > a
{
    margin:0 10px;
}
h4.mega-block-title {
    color: black !important;
}
#mega-menu-wrap-primary #mega-menu-primary {
    text-align: right;
    padding: 0px;
}
svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
    transform: rotate(-45deg);
}

.custom-newsletter-form input,
.custom-newsletter-form button {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}
.custom-newsletter-form button {
    background-color: #0073aa;
    color: #fff;
    cursor: pointer;
}
.custom-newsletter-form button:hover {
    background-color: #005c8e;
}
    .custom-newsletter-form {
    display: flex;
    padding: 30px 20px 30px 20px;
}
.custom-newsletter-form h1 {
    font-size: 25px;
}
.elementor-element.elementor-element-a798d2e.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    background: #c9c9c9
}
.custom-newsletter-form span {
   color : #000;
}


div#secondary {
    display: none;
}
.has-sidebar:not(.offcanvas-sidebar) #primary{
	width:100% !important;
	padding:0px 20px;
}

.blog main#main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.blog .post-loop {
    margin-top: 80px !important; 
}

.blog #header-sticky{
	background:#2f2f2f;
}

.blog .site-main .post-loop{
	padding-bottom:0px;
}
.elementor-element.elementor-element-94ad9aa.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    background-color: #dbdada;
}




.title-with-img {
    display: flex;
    flex-direction: column-reverse;
	justify-content: center !important;
    align-items: center !important;
}

.newsletter {	
	.tnp.tnp-subscription{
		label{
			font-size:20px;
			color:#000;
			font-family:'ChangAnunitype', sans-serif!important;
			margin-bottom:8px;
		}
		
		input#tnp-1{
			background:#fff !important;
			color:#000 !important;
			font-size:18px !important;
			font-weight:600 !important;
		}
		
		.tnp-field input[type="submit"]{
			padding:14px 30px;
			color:#fff;
			border-radius:4px !important;
			font-size:18px !important;
		}			
	}
}

	.title-with-img a h3{
		font-size:20px !important;
		margin:0px;
	}

.title-with-img p a img{
	width:374px;
	height:100px;
	object-fit:cover;
}

.tax-tab-button{
	font-size:20px;
}