/* 
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 */
:root {
	--primary:#023373;
	--secondary: #F24405;
  --accent: #FA7F08;
	--gray-900: #1A1A23;
	--gray-700: #48485C;
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../../../fonts/eot/IRANSansWeb_Bold.eot');
	src: url('../../../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../../../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../../../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../../../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../../../fonts/eot/IRANSansWeb_Medium.eot');
	src: url('../../../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../../../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../../../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../../../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../../../fonts/eot/IRANSansWeb_Light.eot');
	src: url('../../../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../../../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../../../fonts/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../../../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
#header{
position: fixed;
    width: 100%;

    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(30px);
    top: 0;
    z-index: 10;
    transition: top 0.4s ease-in-out;
    border-bottom: 1px solid #CACFD8;
}
h1,h2,h3,h4,h5,h6,p,span,a,button,.elementor-widget-container{
	font-family: IRANSans;
}
ul.navigator {
    display: flex;
    list-style: none;
	padding:0;
}
li {
    margin-left: 18px;
    font-weight: 300;
}
.navigator li a {
    color: #16161D;
	font-size:15px;
}
.navigator li a:hover {
    border-bottom: 1px solid
}
.navigator li a:active {
    border-bottom: 1px solid
}
.cards{ 
padding: 32px 24px 24px;
    background: #ffffff;
    border-radius: 0px;
    transition-duration: 0.5s;
    border: 2px solid var(--gray-900);
    border-radius: 12px;
}
.cards:hover{
    box-shadow: 8px 8px 0px rgb(28 29 34 / 16%);
    border-radius: 12px;
    transform: translate(-4px, -8px);
}
.card-short-description{
	  padding: 16px;
    background: #f7f7f7;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: -0.02em;
    color: var(--gray-700);
}
.services__list .elementor-container.elementor-column-gap-default, .pros__list .elementor-container.elementor-column-gap-default, .quotes__list .elementor-container.elementor-column-gap-default, .logos__list .elementor-container.elementor-column-gap-default{
    gap: 16px;
}
.pros-card{
padding: 32px 24px;
    background: #ffffff;
    border: 1px solid #E7E9EF;
    border-radius: 12px;
}

 .quotes__list .box {
  padding:24px;
  background-color:#fff;
  position:relative;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06)
}

.quotes__list .box:after {
  content:'';
  position:absolute;
  right:30px;
  bottom:-24px;
  width:0;
  height:0;
  border:15px solid transparent;
  border-width:12px 15px;
  border-top-color:#fff;
}

.quotes__list .author {
  margin-top:28px;
  padding-right:25px;
}

.quotes__list .name {
    margin-bottom: 2px;
    color: inherit;
    font-weight: 900;
    color: #16161D;
    font-size: 1rem;
}

.quotes__list .title {
  font-size:13px;
  color:#9da9ae;
}

.quotes__list .description {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.5rem;
    color: #48485C;
}

.quotes__list img {
  max-width:40px;
  float:right;
  margin-left:12px;
  margin-top:-5px;
	border-radius:100%;
}
.logos__list img{
		filter: grayscale(100%);

}
.logos__list img:hover {
filter: grayscale(0%);
}