@import url("fonts/nie-fonts.css");
html {
    font-size: 62.5%;
    direction: rtl;
	width:100%;
}
body {
    font-size: 1.6rem;
    font-family: kara, sans-serif;
    color: #ffffff;
    background-color: #22283f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    width:100%;
}
.nie-main {
    height: 100vh;
    background: url(../pic/ghala-blr2.jpg) #66AAED;
    /* filter: grayscale(60%); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.sec-in {
    /* background: url(../pic/ghala-overlay2.png); */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
    pointer-events: none;
}
.sec-in .in-sec1 {
    display: table;
    width: 100%;
    height: 100%;
}
.sec-in .in-sec2 {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
#particles-js {
    z-index: 10;
}
.nie-customers {
    height: 500px;
}
.nie-customers2 {
    min-height: 150px;
    background: linear-gradient(120deg,#f26798 0%,#3023ae 100%);
    text-align: center;
    color: white;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
}

.cus-over {
    font-size: 14pt;
    margin-top: 20px;
}

.cus-num {
    font-size: 37pt;
    margin-bottom: -14px;
    font-weight: 900;
}

.cus-bot {
    margin-bottom: 20px;
}

.arrow {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
  cursor: pointer;
  cursor: hand;
}

.supp-ico {
    background: #ffffff;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}
.supp-ico:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.supp-ico:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 105%;
    left: 5%;
    height: 15px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.supp-ico:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.nie-customers .row {
    padding: 100px 82px;
}

.nie-customers h4 {
    margin-bottom: 20px;
}

.owl-prev:after,.owl-next:after {
    position: absolute;
    content: '';
    background-color: rgba(22, 22, 22, 0.65);
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -40px;
    z-index: 90;
}
.owl-prev:after {
    top: -40px;
}

.owl-prev:after {
    left: -70px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 5;
}
.owl-next:after {
    right: -73px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.8);
}

@keyframes bgback {
from { background-position: 0 0; }
to { background-position: 40% 40%; }
}
.support {
    height: auto;
    background-color: rgb(14, 167, 160);
    background-image: url('https://cdn.base64encode.org/assets/images/pattern.png');
    padding: 50px;
    margin: auto;
    text-align: center;
    animation: bgback 35s linear infinite;
}
.in-sup {
    /* padding: 18px; */
    height: 200px;
    position: relative;
    margin-bottom: 30px;
    bottom: 0;
    border: 1px solid;
    border-radius: 10px;
    background: #ffffff;
    background: #ffffff66;
    text-align: center;
    transition:all 0.2s ease-in-out;
}

.in-sup:hover {
    /* padding: 18px; */
    height: 210px;
    margin-top:-10px;
    border: 2px solid;
    background: #ffffffcc;
    animation: pulse 1s linear infinite;
}

.in-sup .iimg {
    position: absolute;
    bottom: 53px;
    width: 100%;
}
.owl-prev {
    left: 0px;
    position: absolute;
    z-index: 100;
}

.owl-prev {
    color: #000000;
    position: absolute;
    left: -52px;
    top: 55px;
}

.owl-next {
    right: 0px;
    position: absolute;
    z-index: 100;
}

.owl-next {
    color: #000000;
    position: absolute;
    right: -52px;
    top: 55px;
}

.owl-nav .glyphicon {
    z-index: 100;
    font-size: 20px;
}

.iimg img {
    max-width: 130px;
}

.ih5 {
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.ih5 h5 {
    color: #22283f;
    font-weight: 900;
    font-size: 13pt;
}
.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}
.title1 {
    position: relative;
    padding-bottom: 15px;
    font-weight: 600;
    text-align: center;
}

.title1:before {
    position: absolute;
    content: '';
    background: #444;
    bottom: -2px;
    height: 1px;
    width: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

h3.h3-first {
    text-align: center;
}

.nie-about {
    padding:50px 10px;
    background-color: #c5c5c5;
    color: #4e2dab;
    background-image: url('https://cdn.base64encode.org/assets/images/pattern.png');
}

.nie-about p {
    color: #4e4e4e;
    font-weight: normal;
    line-height: 26px;
    font-size: 16px;
    text-align: justify;
}

.main-footer {
    height: 200px;
    position: relative;
    border-top: 5px solid #999999;
}
.footer-logo {
    position: absolute;
    background: #999999;
    padding: 10px;
    font-size: 28px;
    color: #000000;
    font-weight: 600;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
}
.daneshbonyan svg {
    max-width: 200px;
}
.ma-10 {
    margin: 10px;
}
.ma-20 {
    margin: 20px;
}
.ma-30 {
    margin: 30px;
}
.ma-40 {
    margin: 40px;
}
.ma-50 {
    margin: 50px;
}
.ma-100 {
    margin: 100px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-100 {
    margin-bottom: 100px;
}
.pa-10 {
    padding: 10px;
}
.pa-20 {
    padding: 20px;
}
.pa-30 {
    padding: 30px;
}
.pa-40 {
    padding: 40px;
}
.pa-50 {
    padding: 50px;
}
.pa-100 {
    padding: 100px;
}