@font-face {
    font-family: 'vazir';
    src: url('../fonts/vazir.eot') format('eot');
    src : url('../fonts/vazir.ttf') format('truetype'),
    url('../fonts/vazir.woff') format('woff'),
    url('../fonts/vazir.woff2') format('woff2');
}

@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakh-Heavy.eot') format('eot');
    src : url('../fonts/YekanBakh-Heavy.ttf') format('truetype'),
    url('../fonts/YekanBakh-Heavy.woff') format('woff'),
    url('../fonts/YekanBakh-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: 'ravi';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Ravi-Thin.woff') format('woff'),
		url('../fonts/Ravi-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'ravi';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Ravi-Light.woff') format('woff'),
		url('../fonts/Ravi-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'ravi';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Ravi-Medium.woff') format('woff'),
		url('../fonts/Ravi-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'ravi';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Ravi-SemiBold.woff') format('woff'),
		url('../fonts/Ravi-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'ravi';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Ravi-ExtraBold.woff') format('woff'),
		url('../fonts/Ravi-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Yekan';
	src:	url('../fonts/Yekan.eot'); /* IE9 Compat Modes */
    src:	url('../fonts/Yekan.woff2') format('woff2'), /* Modern Browsers */
			url('../fonts/Yekan.woff') format('woff'), /* Modern Browsers */
			url('../fonts/Yekan.otf') format('opentype'), /* Open Type Font */	
			url('../fonts/Yekan.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: auto;
}

@font-face {
    font-family: "Kalameh";
    src: url(../../assets/fonts/Kalameh_Bold.ttf);
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

body{
    direction: rtl;
    font-family: "vazir";
    background-color: rgba(248, 249, 250, 1);
}


/*----------------------------------------------------------------*/
/*--------------------------TO Top Button-------------------------*/
/*----------------------------------------------------------------*/


#toTopBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    right: 20px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(31, 111, 143, 0.5);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#toTopBtn:hover{
    background-color: rgba(31, 111, 143, 1);
}

#toTopBtn.active{
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}

#toTopBtn svg{
    font-size: 30px;
    color: #fff;
}


/*----------------------------------------------------------------*/
/*----------------------------Main Card---------------------------*/
/*----------------------------------------------------------------*/

#main-card{
    width: 100%;
}

/*----------------------------------------------------------------*/
/*------------------------------Services--------------------------*/
/*----------------------------------------------------------------*/

footer{
    width: 100%;
    padding-top: 50px;
    background-color: #1c6aa3;
    /* background-image: url(../../assets/img/bg-4.png), linear-gradient(160deg, rgba(53, 113, 104, 1), rgba(54, 72, 152, 1)); */
    /* background-image: url(../../assets/img/bg-4.png), linear-gradient(160deg, #0172af, #74febd); */
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
}

footer .waveAnimation{
    position: absolute;
    width: 100%;
    top: -100px;
}


footer .footer-about{
    width: 100%;
    display: flex;
    align-items: center;
}

footer .footer-about img{
    width: 100px;
}

footer .footer-about h3{
    font-size: 40px;
    font-family: "yekan";
    color: #fff;
}

footer .footer-about p{
    font-size: 14px;
    color: #e1e1e1;
}

footer .footer-aboutContent p{
    padding-top: 15px;
    padding-right: 15px;
    text-align: justify;
    color: #bbd0de;
}


footer .footer-menu h2{
    color: #bbd0de;
    font-family: "yekan";
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

footer .footer-menu ul{
    width: 100%;
    padding-top: 10px;
}

footer .footer-menu ul li{
    list-style: none;
    margin: 15px 10px;
}

footer .footer-menu ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

footer .footer-menu ul li a:hover{
    color: #fff;
}

footer .footer-menu ul li a svg{
    margin-left: 10px;
    font-size: 20px;
}


footer .footer-lorem h2{
    color: #bbd0de;
    font-family: "yekan";
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

footer .footer-lorem p{
    color: #bbd0de;
    padding-top: 15px;
    text-align: justify;
}


footer .footer-buttom{
    margin-top: 40px;
    padding: 15px;
    background-color: #507394;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
}

footer .footer-buttom p{
    color: #fff;
}

footer .footer-buttom p span{
    font-family: "kalameh";
    font-size: 23px;
    color: yellow;
}

footer .footer-buttom ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footer-buttom ul li{
    list-style: none;
}

footer .footer-buttom ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: #fff;
    margin: 0 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

footer .footer-buttom ul li a svg{
    font-size: 22px;
}

footer .footer-buttom ul li:nth-child(1) a svg{
    color: #006aff;
    transition: all 0.3s ease-in-out;
    font-size: 20px !important;
}

footer .footer-buttom ul li:hover:nth-child(1) a{
    background-color: #006aff;
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}

footer .footer-buttom ul li:hover:nth-child(1) a svg{
    color: #fff;
}

footer .footer-buttom ul li:nth-child(2) a svg{
    color: #ff2f00;
    transition: all 0.3s ease-in-out;
}

footer .footer-buttom ul li:hover:nth-child(2) a{
    background-color: #ff2f00;
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}

footer .footer-buttom ul li:hover:nth-child(2) a svg{
    color: #fff;
}


footer .footer-buttom ul li:nth-child(3) a svg{
    color: #006aff;
    transition: all 0.3s ease-in-out;
    font-size: 20px !important;
}

footer .footer-buttom ul li:hover:nth-child(3) a{
    background-color: #006aff;
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}

footer .footer-buttom ul li:hover:nth-child(3) a svg{
    color: #fff;
}


footer .footer-buttom ul li:nth-child(4) a svg{
    color: #ff0000;
    transition: all 0.3s ease-in-out;
    font-size: 20px !important;
}

footer .footer-buttom ul li:hover:nth-child(4) a{
    background-color: #ff0000;
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}

footer .footer-buttom ul li:hover:nth-child(4) a svg{
    color: #fff;
}