/* 
Theme Name: Sadra
Theme URI: https://1001web.ir
Description: Sadra
Author: 1001WEB
Author URI: https://1001web.ir
Template: sadra
Version: 1.0.2
Text Domain: sadra-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
*/

/****************** Interactions and Animations ********************/

/* Animation changes */

.fadeInUp {
    -webkit-animation-name: cubeFadeInUp !important;
    animation-name: cubeFadeInUp !important;
}
@-webkit-keyframes cubeFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,15%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes cubeFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,25%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}


.slideInUp {
    -webkit-animation-name: cubeSlideInUp !important;
    animation-name: cubeSlideInUp !important;
}
@-webkit-keyframes cubeSlideInUp {
    from {
        transform: translate3d(0,15%,0)
    }

    to {
        transform: none
    }
}

@keyframes cubeSlideInUp {
    from {
        opacity: 0;
        transform: translate3d(0,25%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}



/******************** Fonts *******************/

@font-face {
	font-family: "Doran VF";
	src: url("fonts/woff2/Doran-VF.woff2") format('woff2'),
             url("fonts/woff/Doran-VF.woff") format('woff');
}

body, p, h1, h2, h3, h4, h5, h6, .elementor-button-text{
     font-family: "Doran VF";
				font-feature-settings: "kern" on, "liga" on, "dlig" on;
				-moz-font-feature-settings: "kern" on, "liga" on, "dlig" on;
				-webkit-font-feature-settings: "kern" on, "liga" on, "dlig" on;
				-ms-font-feature-settings: "kern" on, "liga" on, "dlig" on;
				-o-font-feature-settings: "kern" on, "liga" on, "dlig" on;
				font-variation-settings: "wght" 500;
}
h1, h2, h3, h4, h5, h6, .elementor-slide-heading, .elementor-slide-description{
      font-variation-settings: "wght" 900;
}

b, strong, .elementor-button-text, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item, .e-n-menu-title-text{
      font-variation-settings: "wght" 700;
}

.elementor-widget-theme-post-content h1{
	font-size: 40px;
}
.elementor-widget-theme-post-content h2{
	font-size: 26px;
}
.elementor-widget-theme-post-content h3{
	font-size: 20px;
}
.elementor-widget-theme-post-content h4{
	font-size: 17px;
}
.elementor-widget-theme-post-content h5{
	font-size: 15px;
}

/**************** General ******************/
@media screen and (min-width: 600px){
	body.admin-bar header{
		top: 32px !important;
	}
}

/**********************Header***********************/
header{
    position: absolute !important;
}

header.elementor-sticky--effects{
    position: fixed !important;
    background: #fff;
    box-shadow: 0 0 40px rgba(0,0,0,0.08);
	padding:0;
}
header.active .elementor-nav-menu > li > a, 
header.elementor-sticky--effects .elementor-nav-menu > li > a,
header.active .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container .e-n-menu-title-text,
header.elementor-sticky--effects .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container .e-n-menu-title-text{
    color: #161616 !important;
}
header.active .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon span svg,
header.elementor-sticky--effects .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon span svg{
    fill: #444 !important;
}

header.active .elementor-button,
header.elementor-sticky--effects .elementor-button{
    background: var(--e-global-color-accent) !important;
}

header.active .elementor-button:hover,
header.elementor-sticky--effects .elementor-button:hover{
    background: var(--e-global-color-1ee3abb) !important;
}

header.active #logo a  img,
header.elementor-sticky--effects #logo a img{
	opacity:0;
}

header.active #logo a,
header.elementor-sticky--effects #logo a{
	background: url(https://demo.1001web.ir/sadra/wp-content/uploads/2025/01/logo-sadra.svg);
	background-size: contain;
}
/*************************Menu ****************************/
.e-n-menu-title{
	z-index: 6;
}
.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]):not(.content-above) .e-active.e-n-menu-content{
	padding: 0;
	z-index: 1;
	top: -40px;
}

.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]):not(.content-above) .e-active.e-n-menu-content > .e-child{
	border-radius: 0;
	padding: 140px 32px 80px;
}

.service-menu {
	max-width: max-content !important;
}

.elementor-widget-n-menu .e-n-menu-heading{
	overflow-y: hidden;
}

/*********************** Hero Slider ************************/
#hero .swiper .swiper-slide{
    height: auto !important;
    aspect-ratio: 2.28;
}

@media screen and (max-width: 600px){
	#hero .swiper .swiper-slide{
    	aspect-ratio: 1.09;
	}
	#hero .elementor-slides .swiper-slide-bg{
		background-position: left center;
	}
}

canvas {
	position: absolute;
	top: -100px;
	left: -60px;
}

.page-id-513 #page-hero .elementor-motion-effects-layer,
.page-id-3131 #page-hero .elementor-motion-effects-layer{
	background-position: center right;
}
/************************ Service Slider ***********************/
.service-item img{
	filter: brightness(100);
}
.service-item .elementor-heading-title{
	min-height: 180px;
}

#related-services:before{
	content:'';
	width: 100%;
	height: 2px; 
	background: #fff;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 2;
}
#related-services .swiper-slide.swiper-slide-prev .service-item,
#related-services .swiper-slide.swiper-slide-prev .service-item:before{ 
	background-color: var(--e-global-color-8684124);
	border-color: var(--e-global-color-8684124);
}
#related-services .swiper-slide.swiper-slide-active .service-item,
#related-services .swiper-slide.swiper-slide-active .service-item:before{ 
	background-color: var(--e-global-color-1b20ed4);
	border-color: var(--e-global-color-1b20ed4);
}
#related-services .swiper-slide.swiper-slide-next .service-item,
#related-services .swiper-slide.swiper-slide-next .service-item:before{ 
	background-color: var(--e-global-color-accent);
	border-color: var(--e-global-color-accent);
}
#related-services .swiper-slide.swiper-slide-next + #loop-dynamic-2228 + .swiper-slide .service-item,
#related-services .swiper-slide.swiper-slide-next + #loop-dynamic-2228 + .swiper-slide .service-item:before{ 
	background-color: var(--e-global-color-1ee3abb);
	border-color: var(--e-global-color-1ee3abb);
}


/**************** Consultants *******************/
#consultants .elementor-icon-list-item:nth-child(2){
	flex: 1 1 auto;
}
#consultants .elementor-icon-list-item:nth-child(2) a,
#consultants .elementor-icon-list-item:nth-child(2) a span{
	width: 100%;
	text-align: left;
}

/******************* Service Form **********************/
.gsection_title{
	font-size: 14px !important;
    color: #666 !important;
    line-height: 18px !important;
    margin: 0;
}

.gform-theme--foundation .gform_fields{
	row-gap: 24px;
}