@font-face {
    font-family: fontawesome;
    src: url(https://cdn.basiscore.net/_fonts/fontawesome-webfont.eot);
    src: local('?'), url(https://cdn.basiscore.net/_fonts/fontawesome-webfont.woff) format('woff'), url(https://cdn.basiscore.net/_fonts/fontawesome-webfont.ttf) format('truetype'), url(https://cdn.basiscore.net/_fonts/fontawesome-webfont.otf) format('otf');
   font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: IRANSansWeb;
    src: url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).eot');
    src: local('?'), url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).woff') format('woff'), url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).ttf') format('truetype'), url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).otf') format('otf');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: IRANSansWeb;
    src: url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).eot');
    src: local('?'), url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).woff') format('woff'), url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).ttf') format('truetype'), url('https://cdn.basiscore.net/_fonts/IRANSansWeb(FaNum).otf') format('otf');
    font-weight: 400;
    font-style: normal
}
*{margin: 0 ; padding: 0 ; border: 0 }
body{ font-family: IRANSansWeb; color: #555555 ; font-size: 16px ; background: #fdfdfd ; line-height: 35px;}
a{ text-decoration: none;color: #555555 }
ul{list-style: none;}
h1{direction: rtl;}
.clr{clear: both}
.animation{-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s  ease-in-out;
    -o-transition: all 0.5s  ease-in-out;
    -ms-transition:  all 0.5s  ease-in-out;
    transition:  all 0.5s  ease-in-out}

/*menu*/
.menu_resize{width: 100%; background: #47484c ;z-index: 9999 ; height: 90px;position: relative;}
.menu_resize_fix{position: fixed; background: #7f7f7f !important; top: 0 ; height: 80px}
.menu_resize_fix li{line-height: 80px !important}
.metismenu li{line-height: 20px !important}
.menu_resize_fix .logo{line-height: 120px !important}
.menu{width: 1200px; margin: 0 auto}
.desk_mnenu li{float: right; padding: 0 15px; line-height: 90px ; cursor: pointer; }
.desk_mnenu li:first-child{padding-right: 0}
.desk_mnenu li a{color: #fff}
.desk_mnenu li a:hover{color: #2fd7f5}
.logo{float: left; line-height: 140px}
.metismenu{direction: rtl;text-align: right;}
.menu_1024{width: 100%}
/*menu*/
/*header*/
.header{width: 100% ; height: 750px; background: url("../images/slider.jpg") no-repeat  ; background-size: cover; z-index: 1 ;position: relative;}
.header_res{width: 100% ; height: 890px; background: url("../images/slider2.jpg") no-repeat  ; background-size: cover; z-index: 1 ;position: relative;}
.header_shop{width: 100% ; height: 890px; background: url("../images/slider3.jpg") no-repeat  ; background-size: cover; z-index: 1 ;position: relative;}
.header_pub{width: 100% ; height: 890px; background: url("../images/slider4.jpg") no-repeat  ; background-size: cover; z-index: 1 ;position: relative;}
.header h1,.header_res h1,.header_shop h1,.header_pub h1{width: 100% ; color: #fff; text-align: center; padding: 100px 0 }
.header1{height: 400px}
.boxes_resize{width: 1200px; margin: 0 auto ; display: flex; direction: rtl;justify-content: center;}
.boxes_resize_768{width: 100%;flex-flow: column;align-items: center;}
.box{width:200px; margin: 0 25px ;  height: 200px; border-radius: 20px; border: 2px solid #fff ; text-align: center; cursor: pointer;position: relative;top: 0}
.header_descs{text-align: center; color: #fff;margin-top: 50px; font-size: 16px;line-height: 30px}
.box:hover{background: rgba(255,255,255,0.2)}
.header_descs p{display: none;}
.box_first{margin-right: 0}
.box_last{margin-left:  0}
#desction1{width: 750px; position: absolute;top: -20px ; right: 170px;font-size: 16px !important;line-height: 30px; display: none;text-align: justify; }
#desction2{width: 600px; position: absolute;top: -20px ; right: 170px;font-size: 16px !important;line-height: 30px; display: none; text-align: justify;}
#desction3{width: 600px; position: absolute;top: -20px ; left:170px;font-size: 16px !important;line-height: 30px; display: none;text-align: justify; }
#desction4{width: 750px; position: absolute;top: -20px ; left: 170px;font-size: 16px !important;line-height: 30px; display: none; text-align: justify;}
#desction1_1024{display: none; width: 90%;font-size: 16px !important;line-height: 30px;margin: 0 auto;text-align: justify;direction: rtl;}
#desction2_1024{display: none; width: 90%;font-size: 16px !important;line-height: 30px;margin: 0 auto;text-align: justify;direction: rtl;}
#desction3_1024{display: none; width: 90%;font-size: 16px !important;line-height: 30px;margin: 0 auto;text-align: justify;direction: rtl;}
#desction4_1024{display: none; width: 90%;font-size: 16px !important;line-height: 30px;margin: 0 auto;text-align: justify;direction: rtl;}
.icon1{width: 150px; height: 100px; background: url("../images/icon1.png") no-repeat center top 20px; margin: 0 auto;padding-top: 20px}
.icon2{width: 150px; height: 100px; background: url("../images/icon2.png") no-repeat center top 20px; margin: 0 auto;padding-top: 20px}
.icon3{width: 150px; height: 100px; background: url("../images/icon3.png") no-repeat center top 20px; margin: 0 auto;padding-top: 20px}
.icon4{width: 150px; height: 100px; background: url("../images/icon4.png") no-repeat center top 20px; margin: 0 auto;padding-top: 20px}
.icons{background-size: contain !important;}
.box img{margin-top: 20px ;width: auto}
.box p{color: #fff; margin-top: 10px; font-size: 14px}
.mouse_icon{width: 38px;
margin: 0 auto;
background: url("../images/arrow.png");
position: absolute;
bottom: 40px;
margin-bottom: 40px;
height: 22px;
left: 49.5%;
-webkit-animation-name: mouse;
-webkit-animation-duration: 1.5s;
animation-name: mouse;
animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
cursor: pointer; }
@keyframes mouse {
  0% {bottom:  20px;}
  50% {bottom: 10px;}
  100%{bottom: 20px}
}
.header_768{height: auto !important;}
.header_without_bg .menu_resize{background: #48494d}
.header_without_bg{text-align: center;}
.header_without_bg h1{position: relative; padding-bottom: 10px}
.bx-viewport{height: auto !important}
.langs{position: absolute;top:20px;}

.lang{ font-size: 12px; width: 25px; height: 25px; border-radius: 8px; text-align: center; line-height: 25px; border:2px solid #fff; color: #fff;display: inline-block; font-family: arial;font-weight: bold; margin-right: 10px}
.logo_1024{width: 167px; margin: 0 auto; float: right; line-height: 40px; padding-top: 20px; margin-right: 10px}
.langs_1024{top: 30px; left: 10px}
.h1_1024{margin-top: 20px}
.boxes_resize_768 .box{margin-bottom: 20px}
/*header*/
/*default body*/
.companies{width: 1200px ; margin: 0 auto ; display: flex; direction: rtl;}
.company_resize{width: 100%; clear: both; display: block;}
.wrapper_title{width: 100%; font-size: 36px; text-align: center; padding:40px 0 ;}
.company{width: 50% ; margin: 0 50px ; background: #fff ; border: 1px solid #f0f0f0 ; min-height: 200px;border-radius: 30px ; text-align: center;}
.company img{margin: 25px 0}
.company p{width: 100%; text-align: center; margin-bottom: 15px}
.company p a{font-size: 24px}
.company_first{margin-right: 0}
.company_last{margin-left: 1px  }
.line{width: 100px; height: 1;border-top: 1px dashed #ccc ; margin: 0 auto ;display: block;}
.company_desc1{padding: 0 20px ; text-align: justify; height:210px; line-height: 35px; font-size: 16px;}
.more{ font-size: 18px; color: #d61b15; width: 90% ;  display: block;padding: 15px 10px; text-align: left;  padding-left: 20px;
    width: 100%;
    box-sizing: border-box;}
.counter_resize{width: 100% ; height: 300px; background: url(../images/counter_bg.jpg) no-repeat ; background-size: cover; display: flex; align-items: center;}
.counters{width: 1200px; margin: 0 auto; display: flex; direction: rtl; ;}
.counters_1024{width: 100%}
.job_768{width: 100% !important}
.counter_resize_768{height:  auto !important;}
.counters_768{flex-flow: column; padding: 30px 0 !important}
.counter{width: 50% ; margin: 0 50px ;}
.counter_num{width: 100% ; text-align: center; font-size: 60px;}
.counter_1024{width: 50%}
.counter_768{width: 95%; margin: 0 auto}
.countre_text{font-size: 24px;  margin-top: 20px ;width: 100% ; text-align: center;}
.solutions{width: 1200px;  height: 432px ; background: #fff; border: 1px solid #e5e5e5; margin: 0 auto; border-radius: 30px}
.solution_img{width: 590px; float: left;}
.solutions_resize{padding-bottom: 70px ; margin-top: 70px}
.solution_img img{border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.solution_slider{float: right;}
.solution_slider_1024{width: 100%}
.slider_title{font-size: 30px; text-align: center; margin-top: 100px ; padding-bottom: 30px }
.slider_desc{font-size: 16px; line-height: 30px; color: #888888 ; width: 70% ; margin: 0 auto ; text-align: center;}
.slider_more{text-align: center; margin-top: 40px}
.products_resize{width: 100%; background: #f4f4f4; padding-bottom: 70px;}
.proucts{width: 1100px; margin:0 auto}
.product{width: 500px; height: 320px; border-radius: 20px; background: #fff ; border: 1px solid #e1e1e1 ; position: relative; margin-top: 40px}
.product_right{float: right; margin-right: 20px}
.product_left{float: left; margin-left: 20px}
.product_logo{width: 100px; height: 100px; background: #fafafa; border-radius: 50%; border: 1px solid #e1e1e1 ; overflow: hidden; text-align: center; line-height: 100px; top: -50px ; right: 30px;position: absolute;}
.products_resize .wrapper_title{padding-bottom: 10px}
.product_logo img{margin-top: 5px}
.product_title{font-size: 18px; float: right; margin-right: 20px;  color: #d61b15 ; margin-top: 10px;}
.product_title a{color: #d61b15}
.product p{direction: rtl;text-align: justify; padding: 0 20px;  margin-top: 30px; line-height: 30px; font-size: 16px; line-height: 35px;}
.job{width: 1200px; margin: 0 auto ;padding-bottom:30px; margin-bottom:30px}
.job_title{font-size: 36px; color: #d61b15; width: 100%; text-align: center; ;padding: 30px 0}
.job_button a{color: #fff; }
.job_button{width: 200px; height: 80px; border-radius: 20px; background: #d61b15; color: #fff ; font-size: 20px ; text-align: center; line-height: 80px; margin: 0 auto; cursor: pointer;
}
.job_title_768{font-size: 24px}
.business_list a{color: #d61b15;font-size: 18px; width: 95%; margin: 10px auto ; display: block;}
.business_list_desc p{ width: 95% ; margin: 10px auto; border-top: 1px dashed #d61b15;padding-top: 10px}
.business_list li{min-height: 150px !important; margin-bottom: 25px}
.proucts_768{width: 100%; margin: 0 auto}
.slider_right{width: 50%; float: right;}
/*default body*/
/*footer*/
.footer_resize{width: 100% ; background: #eeeeee ;padding-top: 50px;padding-bottom: 10px}
.footers{width: 1200px; margin: 0 auto; display: flex; direction: rtl; padding-bottom: 20px ; justify-content: space-between;}
.footer{width:calc((25%) - (30px))}
.footer p{font-size: 16px ; font-weight: bold;}
.footer li a{font-size: 14px}
.powerd{width: 1200px; border-top: 1px solid #c9c9c9; margin: 0 auto ; padding-top: 20px ;}
.footer_contact{ text-align: center;}
.footer_contact i{padding: 10px; border-radius: 50%; color: #fff; background: #555 ; width: 15px; height: 15px ;text-align: center; line-height: 15px; margin-top: 5px}
.footer_contact i:hover{background: #d61b15}
.footer a:hover{color: #d61b15}
.powerd span{display: inline-block; width: 100%; text-align: center; margin-top: -20px;}
/*footer*/
/*breadcrumb*/
.breadcrumb_resize{width: 100%; background: #fdfdfd; display: flex; justify-content: center; padding:10px 0 ;}
.breadcrumb{width: 1200px;border-bottom: 1px solid #ccc;
   }
.breadcrumb li {float: right; margin-left: 10px; direction: rtl;}
.breadcrumb_1024{width: 95%;}
/*content about us*/
.contents{width: 1200px;min-height: 350px; direction: rtl; text-align: right; line-height: 30px ;}
.content_resize{display: flex; justify-content: center; }
.about_top_right{width: 45%; float: right;}
.about_top_left{width: 50%; float: left;}
.title_about{font-size: 24px; color: #d61b15 ; margin-top: 40px}
.title_about_1024{margin-top: 0 }
.about_top_left img {float: left;}
.about_top{direction: rtl; text-align: right;}
.about_center_resize{width: 100% ; background: #f4f4f4 ; display: flex; justify-content: center;padding-bottom: 70px ; padding-top: 30px}
.about_center{width: 1200px; direction: rtl;text-align: right;}
.about_center_right{width: 48% ; float: right;}
.about_center_left{width: 48% ; float: left;}
.about_center_title{font-size: 24px ; padding: 20px 0 ; text-align: right;}
.about_center_box{width: 100%; border-radius: 20px ; height:400px; background: #f9f9f9 ; position: relative;}
.about_center_box li{position: relative; padding-right: 25px ; padding-bottom: 20px}
.about_center_box ul{padding-top: 20px; padding-right: 20px}
.about_center_box li:before{content: '' ; width: 15px; height: 15px; border: 2px solid #d61b15 ; position: absolute; ; top: 10px ; right: 0 ;border-radius: 4px}
.about_bottom_resize{display: flex; justify-content: center; margin-bottom: 30px ; margin-top: 30px}
.about_bottom{width: 1200px; }
.about_center_1024{width: 95%; margin: 0 auto}
.basel-timeline-wrapper {
    position: relative;
    padding-top: 50px;
    margin-bottom: 50px;
}
.basel-timeline-line {
    position: absolute;
    top: 0;
    bottom: -50px;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
    left: 50%;
    width: 2px;
}
.timeline-secondary img{width: 100%}
.basel-timeline-line .dot-end, .basel-timeline-line .dot-start {
    position: absolute;
    left: 50%;
    transform: translateX(-4px);
    -webkit-transform: translateX(-4px);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: inset 100px 100px 
    rgba(0, 0, 0, .1);
}
.basel-timeline-line .dot-start {
    top: 0;
}
.basel-timeline-line .dot-end {
    bottom: 0;
}
.basel-timeline-breakpoint {
    margin-bottom: 50px;
    text-align: center;
}
.basel-item-position-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.basel-item-position-left, .basel-item-position-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.basel-timeline-dot {
    position: absolute;
    left: 49.9%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: -6px;
    margin-left: -6px;
    border: solid 2px 
    #fff;
}
.basel-item-position-right .timeline-primary {
    margin-right: 30px;
    text-align: right;
}
.timeline-primary{position: relative;
width: 50%;
max-width: 50%;
flex-basis: 50%;
background-color: #fff;
border-radius: 20px;
padding: 30px 30px 15px 30px;}
.wpb_wrapper{width: 1200px; margin: 0 auto ; direction: rtl; text-align: right;}
.wpb_wrapper_1024{width: 100%}
.basel-item-position-left .timeline-primary, .basel-item-position-left .timeline-secondary, .basel-item-position-right .timeline-primary, .basel-item-position-right .timeline-secondary {
    position: relative;
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
    background-color: #ffffff;
    box-shadow: 1px 1px 9px 
    rgba(0, 0, 0, .15);
    padding: 30px 30px 15px 30px;
}
.basel-timeline-item .basel-timeline-image {
    display: inline-block;
    overflow: hidden;

}
.basel-timeline-breakpoint-title {
    position: relative;
    display: inline-block;
    padding: 8px 25px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border-radius: 5px;
    border: solid 2px 
#fff;
color:
    #fff;
    background: #279fba
}
.basel-item-position-right .timeline-secondary {
    margin-left: 30px;
    text-align: center;
}
.basel-item-position-left .timeline-secondary {
    margin-right: 30px;
    text-align: center;
}
.timeline_end p{padding: 0 20px}
.basel-item-position-left .timeline-primary {
    margin-left: 30px;
    text-align: right;
}
.basel-timeline-item {
    position: relative;
    margin-bottom: 50px;
    margin-left: 30px;
    margin-right: 30px;
}
.last_secondary{padding-bottom: 30px}

.basel-item-position-full-width {
    position: relative;
    background-color: 
#fff;
box-shadow: 1px 1px 9px
    rgba(0, 0, 0, .15);
    text-align: center;
    margin-top: 30px;
    width: 95%;
    
    border-radius: 20px
}
.basel-item-position-full-width img{width: 95%}
.basel-timeline-line,.dot-start,.dot-end, .basel-timeline-id-5e438e4236bb6 .basel-timeline-dot{background: #279fba}
.timeline_end{padding: 20px 0 !important;width: 100% ; max-width: 100%}
.basel-button-wrapper{margin-top: 15px}
.timeline-secondary,.timeline-secondary{border-radius: 20px}
.about_top_768{width: 95%; margin: 0 auto; }
.about_top_pic_768{text-align: center; margin-top: 20px}
.secondary_768{width: 100%;
max-width: 100%;
flex-basis: 60%; margin-right: 0 !important;margin-left: 0 !important; margin-top: 20px}
.basel-item-position-notmargin-768{justify-content: center; margin-right: 0 ; margin-left: 0 }
.timeline-secondary_768,.secondary_7682{margin: 0 !important; width: 60% !important; max-width: 60% !important; flex-basis : 60% !important;}
.last_img_768{margin-top: 30px}
.about_top_pic_768 img{ width: 100% }
.about_center_box_768{height:  auto;}
.description_box_header{color: #fff}
.wrapper_title_768{padding: 0 }
.company_768{width: 95%; margin: 20px auto}
.compan_title{font-size: 18px;
    font-weight: 700;
    padding-top: 20px;}
.r_company{padding : 5px 0 ; text-align: justify;}
.s_company{margin-right: 20px; padding: 5px 0 ;text-align: justify}
.s_company:before{font-family: 'FontAwesome'; content: "\f0a5"; font-size: 18px; padding-left: 5px; color:#a6a6a6}
.s_company:hover:before{color:#d61b15;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s  ease-in-out;
    -o-transition: all 0.5s  ease-in-out;
    -ms-transition:  all 0.5s  ease-in-out;
    transition:  all 0.5s  ease-in-out}
.company_net{margin-top: 20px;}
.company_title2{font-size: 16px; font-weight: 700;color:#000}
.company_title2:before{font-family: 'FontAwesome'; content: "\f0a5"; font-size: 18px; padding-left: 5px; color:#a6a6a6}
.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.a-tabs-icons__tabs-container > ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    direction: rtl;
}
.a-tabs-icons__tabs-container > ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 170px;
    flex: 0 170px;
    margin:0 30px;
    text-align: center;

}
.a-tabs-icons__tabs-label {
    font-weight: 600;
    cursor: pointer;
    padding: 15px 0;
    display: inline-block;
    width: 100%
}
.tab_active:after {
    content: '';
    display: block;
    position: absolute;
    top: 148px;
    right: 41%;
    border-bottom: 22px solid #005eb8;
        border-bottom-color: rgb(0, 94, 184);
    border-left: 22px solid #005eb8;
        border-left-color: rgb(0, 94, 184);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-color: transparent transparent transparent #005eb8;

}
.a-tabs-icons__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    background: url("images/ezgif-4-32134c2600d2.pg") center no-repeat;
        background-position-x: center;
        background-position-y: center;
        background-size: auto;
    background-size: cover;
}
.a-tabs-icons__tabs-container {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 100%;
}
.tab_active{
    border-bottom: 4px solid #005eb8;
    position: relative;
    display: inline-block;
    width: 100%
}
.icon1_about{ width: 70px; height: 90px; background: url("../images/icon1_about.jpg") no-repeat center center; }
.icon2_about{ width: 70px; height: 90px; background: url("../images/icon2_about.jpg") no-repeat center center; }
.icon3_about{ width: 70px; height: 90px; background: url("../images/icon3_about.jpg") no-repeat center center; }
.icon4_about{ width: 70px; height: 90px; background: url("../images/icon4_about.jpg") no-repeat center center; }
.icon5_about{ width: 70px; height: 90px; background: url("../images/icon5_about.jpg") no-repeat center center; }
.icon6_about{ width: 70px; height: 90px; background: url("../images/icon6_about.jpg") no-repeat center center; }
.a-tabs-icons__bullets-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.78;
    color: #222;
    text-transform: uppercase;
    margin: 1.50em 0 23px;
    direction: rtl;
}
.a-tabs-icons__bullets-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background-color: #ed8b00;
    margin: 6px 0 0;
}
.container_about{width: 1200px; margin: 0 auto; box-shadow:0 2px 37px 0 rgba(0,0,0,.1);padding: 15px;
box-sizing: border-box; background: #fff ; margin-bottom:40px; margin-top: 10px}
.a-tabs-icons__content{display: none;}
.active_box {display: block;padding: 80px;
direction: rtl;
text-align: right; padding-top: 50px}
.a-tabs-icons__content{padding: 80px;
direction: rtl;
text-align: right; padding-top: 50px}
.col-md-10{width: 100%}
.a-tabs-icons__content{width: 100%; box-sizing: border-box;}
.a-tabs-icons__bullet::before {
    content: " ";
    background-color: #005eb8;
    display: block;
    width: 8px;
    margin-left: -10px;
    height: 8px;
    -webkit-transform: translateY(14px);
    transform: translateY(14px);position: absolute;
    right:0
}
.a-tabs-icons__bullet{width: 50% ; line-height: 30px ; position: relative;box-sizing: border-box; padding-right: 20px}
.a-tabs-icons__bullets{display: flex; justify-content: space-between; flex-wrap: wrap;}
.container_about_1024{width: 100%}
.about_bottom_768{width: 95%}
.item .a-tabs-icons__wrapper{float: right;}
.item .d-flex{float: right;line-height: 80px; margin-right: 20px}
.item{direction: rtl; text-align: right; padding: 20px}
.about_bottom_1024{width: 95%}
/*content about us*/
/*contect contact us*/
.contents_right{width:40% ; float: right; direction: rtl; text-align: right;}
.contents_right_1024{width:100% ; float: none; direction: rtl; text-align: right; margin: 0 auto}
.contents_left{width:48% ; float: left; }
.contents_contact{width: 1200px;min-height: 400px;  line-height: 30px ;padding-top: 80px}
.contents_contact_1024{padding-top: 20px ;width: 95% ; margin: 0 auto}
.contents_contact .bx-wrapper{background: none ; border:  none}
.contents_right .icons{width: 35px; height: 35px ; border-radius: 50% ; border: 1px solid #d61b15 ; display: inline-block;text-align: center; }
.fa-phone,.fa-map-marker{font-size: 20px !important; color: #d61b15;margin-top: 10px }
.fa-envelope{font-size: 14px !important; color: #d61b15 ; margin-top: 10px}
.contact_info{margin-right: 20px}
.contact_row{margin-bottom: 20px}
.contact_form{border-radius: 20px; width: 100%; min-height: 300px; box-shadow: 0 0 10px #e4e4e4; width: 1200px; margin: 0 auto ;background: #d61b15  ; margin-bottom: 100px;margin-top: 80px}
.contact_form_right{display: none;  width: 40%; float: right; background: #d61b15 ; border-top-right-radius: 20px; border-bottom-right-radius: 20px ;height: auto; color: #fff;padding-bottom: 30px;font-size: 16px}
.contact_form_right p{margin-top: 40px; padding: 0 40px; direction: rtl; text-align: right; line-height: 30px}
.contact_form_left{width: 100%; float: left;  direction: rtl; text-align: right; display: flex; justify-content: center; padding-top: 50px; padding-bottom: 50px;background:#fff; border-radius: 20px}
.contact_form_left p{font-size: 24px  }
.contents_1024{width: 95%}
.form_input{border: none; border-bottom: 1px solid #ccc ;width: 80% ;font-family: IRANSansWeb; height: 60px;line-height: 80px ; background: none
}
.contact_form_left form{width: 90% ; text-align: center;}
.contact_form_1024{margin-bottom: 40px; width: 95% ; margin-top: 0 !important}
.form_submit{width: 120px; height: 30px ; border-radius: 20px;  background: #d61b15 ; color: #fff;font-family: IRANSansWeb; margin-top: 30px ; cursor: pointer; }
.form_textarea{height: 120px }
::-webkit-input-placeholder {
line-height: 80px
}

:-ms-input-placeholder { 
line-height: 80px
}

::placeholder {
line-height: 80px
}
/*contect contact us*/
/*article style*/
.articles_top{margin: 30px 0 }
.article_top{width: calc((50%) - (20px)) ; border: 1px solid #e6eaed ; border-radius: 20px; background: #fff ; height:600px} 
.article_top_right{float: right;}
.article_top_left{float: left;}
.article_header{border-top-right-radius: 20px; border-top-left-radius: 20px;  height: 220px; overflow: hidden;}
.article_header img{border-top-right-radius: 20px; border-top-left-radius: 20px}
.article_body{direction: rtl; text-align: right; padding: 0 10px}
.article_body a{font-size: 16px ;}
.article_body p{ padding: 10px 0}
.box_middle{width: 100%; border-radius: 20px; background: #fff;border: 1px solid #e6eaed ; margin-top: 40px ;  margin-bottom: 80px}
.box_middle_content{height:200px ; overflow: hidden;padding-left: 30px ; padding-right: 30px ; padding-top: 10px ; padding-bottom: 30px;line-height: 30px}
.box_middle_content p{padding: 20px 0; font-size: 16px}
.cats{width: 100% ;border-radius: 20px ;position: relative;position: relative;}
.cats img{border-radius: 20px; width: 100% ; height: 250px}
.cats_right{float: right;}
.cats_left{float: left;}
.cats_768{width: 90% !important; margin:0 auto;}
.article_link{position: relative;top: -100px  ;  border-radius: 20px; background: #d61b15; height: 40px; padding: 0 30px; width:150px; margin: 0 auto; text-align: center;}
.article_link a{color: #fff ;font-size: 20px; line-height :40px}
.article_list li{background: #fff; border-radius: 20px; border:1px solid #f6f6f6; height: 200px; width: 100%;
margin-bottom: 20px}
.article_img{width: 200px; float: right;}
.article_img img{border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.article_img_hover{width: 1200px; height: 250px; background: #fff ; position: absolute; top: 0 ; left: 0; opacity: 0.4}
.cats:hover .article_img_hover{opacity: 0}
.article_list_desc{width: 80%; float: right; padding:10px;}
.article_list{margin-top: 30px}
.article_list_desc_1024{width: 60%}
.article_list_desc_768{width: calc( (100%) - (200px) )}
.article_body_1024 .article_body_title_1024{background: #d61b15; width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.article_body_1024 a{color: #fff;padding: 0 10px}
.article_body_1024{padding: 0}
.article_body_1024 div{ padding:15px}
.article_top_1024{height: auto;}
.article_img_768{width: 145px}
.article_list_768 li{min-height: auto; height: auto; padding-bottom: 20px}
.article_list_768 li .article_list_desc{width: 95% ; margin:0 auto; text-align: justify;}
.article_list_768 li .article_list_desc a{color: #d61b15; padding-bottom: 10px}
.article_list_768 img{border-top-right-radius: 20px; border-bottom-right-radius: 20px}
.show_article{padding: 20px 0 ; text-align: center;}
.show_article img{border-radius: 20px}
.show_article_1024 img{width: 95%}
.article_list_desc a{font-weight: 700;font-size: 16px;margin-bottom: 20px;}
.article_list_desc p{padding-top: 10px}
.h3-body-title2{font-weight: 700;
color: #000;}

/*article style*/
/*company style*/
.company_desc{width: 50%; float: right; text-align: justify;}
.center .slider_items{border-radius: 20px;
    background: #fff;
    border: 1px solid #e4e4e4;
    text-align: center;
    padding: 5px;
    width: 250px;height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
.center .slider_items:hover{box-shadow:0 0 10px #e3e3e3}
.customers_link{margin-top: 10px;}
    .center {
        margin-bottom: 70px !important;
        padding-top: 30px;
    }
    .slider {
        width: 1200px;
        margin: 0 auto;
            margin-bottom: 0px;
        display: flex;
        justify-content: center;
        flex-direction: row;
        justify-content: space-evenly;
    }
.company_desc_1024{width: 95% ; float: none;margin: 20px auto}
.company_info{width: 40%; float: left; border-radius: 20px;  background: #fbfbfb; ;margin-top: 100px;margin-bottom: 40px}
.company_info_1024{width: 95% ; float: none; margin: 20px auto}
.company_info ul{padding:20px}
.company_info i{margin-left: 10px}
.company_info .answer{display: inline-block; margin-right: 40px; text-align: left; direction: ltr;}
.fa-desktop,.fa-chain{font-size: 16px !important; color: #d61b15;margin-top: 10px}
.question{display: inline-block; width: 100px}
.Company_middle_resize{width: 100% ; background: #f5f5f5; display: flex; justify-content: center;}
.company_benefit_title{padding-bottom: 20px;margin-top: 30px; font-size: 24px ; background: url("../images/arrow-left.png") no-repeat top right;padding-right: 30px; border-bottom: 1px dashed #d4e7ec;margin-bottom: 20px;text-align: right}
.company_report_site{border-radius: 20px;margin-top: 40px; background: #fff; border: 1px solid #e4e4e4; box-shadow: 0 0 30px #bcbcbc; padding: 20px; display: inline-block; font-size: 24px;float: left;  width: 500px; line-height: 60px;text-align: center;padding-bottom: 30px}
.company_report_site p {text-align: right;padding-right: 20px}
.company_report_site p i{color: #fb7536}
.company_report_site_1024{width: 40%; margin-top:40px }
.company_benefit_list li{line-height: 35px ; font-size: 16px;}
.customers_slider{width: 1200px; margin: 0 auto}
.customers_slider_1024{width: 95%}
.width_content{width: 100%}
.company_logo{margin-bottom: 20px}
.contact_gallery{width: 567px; margin: 0 auto}
.contact_gallery_1024 .bx-pager{bottom: 0 !important}
.center_1024 .slick-prev{left: 10px !important;z-index: 99999}
.center_1024 .slick-next{right: 10px !important;z-index: 99999}
.center_1024{width: 100% !important}
.company_desc_1024 .company_logo{text-align: center;}
.company_desc_768{margin-top: 0 !important ;width: 100% !important}
.contact_gallery_768{width: 90%}
.contents_companies{margin: 40px 0 !important}
.contents_companies .company_desc1{height:200px }
.company_report_site_768{width: 95%; margin: 40px auto ; float: none; display: block; height: auto;padding:10px;font-size: 20px}
.companies_1024 .company_desc1{height: 220px !important}
.companies_768{width: 95% ; margin: 0 auto ; flex-flow: column;}
/*company style*/
/*products style*/
.product_img_right{width: 49%; float: right;  border-radius: 20px; margin-top: 70px  }
.product_img{padding-top: 70px }
.product_img img{border-radius: 20px}
.product_img_left{width: 49%; float: left;  border-radius: 20px;margin-top: 70px  }
.product_img_left img,.product_img_right img{border-radius: 20px; width: 100%;}
.product_desc{text-align: center; line-height: 35px}
.product_content_resize{width: 100%; background: #fff; display: flex; justify-content: center;padding-bottom: 50px}
.product_content_title{font-size: 20px; background: url("../images/blue_arrow.jpg") no-repeat right center ; padding-right: 30px; text-align: right;}
.product_content{width: 1200px; direction: rtl; text-align: right; line-height: 30px ; }
.product_content p{margin-top: 10px}
.product_contents{margin-top: 70px}
.product_desc_first{margin-top: 50px}
.product_desc_right{text-align: right;}
.product_desc_right i,.fa-check{color: #d61b15; padding-left: 10px}
.product_1024{float: none; width: 98% ; height: auto;padding-bottom: 20px; margin:70px auto;}
.product_img_1024 , .product_img_1024 img {width: 100%}
.product_content_1024{width: 95%; margin: 0 auto}
.header_768{height: 300px}
.header_768 h1{padding: 50px 0}
.contents_products{margin-bottom: 40px}
.contents_products_768 .product{width: 95%; margin: 60px auto; height: auto; padding-bottom: 20px}
/*products style*/
/*tab*/
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
    background: #e6eaed;
    margin-top: 20px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border-bottom: 1px solid #ccc ;
font-weight: normal;
color:
    #454545;
}
.ui-helper-reset {
    line-height: 1.3;
    font-size: 100%;
    list-style: none;
    line-height: 35px;
    min-height: 100px;
    height: auto !important;
    
}
.ui-helper-reset a{color: #d61b15}
.ui-accordion-header i{float: left; margin-top: 10px}
.ui-helper-reset ul{margin-right: 10px}
.ui-state-active{background: #d8d8d8}
.ui-accordion-content{border:1px solid #e7e7e7; border-top: 0 ; background: #fbfbfb ; padding:10px;}
.ui-accordion-header:hover{color:#d61b15 }
#accordion{margin-bottom: 30px ;}
.accordion_1024{margin-top: 0 !important}
.ui-accordion-header:before{content: '' ; background: url("../images/order.png") no-repeat right center ; padding-right: 30px;}
#accordion div{font-size: 16px; line-height: 35px}
/*tab*/
.company_768 .company_desc1{height:  auto !important; }
.solutions_768{width: 98%; margin: 0 auto;padding-bottom:50px}
.product .more{text-align: right;}
.mobile_btn_resize{text-align: center; }
.mobile_btn_resize i{font-size: 18px;cursor: pointer; margin-left: 5px}
.mobile_btn_resize i{color: #555 !important}
.mobile_btn_resize_mobile{position: absolute;}
.icon_active i{color: #d61b15 !important}
/*order*/
.wizard_box{width: 1100px ; display: flex; justify-content: center; padding-bottom: 40px}
.wizard_box1{width: 430px;  height:600px; border-radius: 5px; background: #f7f7f7; border: 1px solid #d0d0d0;
margin-right: -80px}
.wizard_box_img img{border-radius: 5px ; margin-top:60px}
.wizard_box1_inside{width: 390px;  height: 560px; margin-top: 20px; margin-right: 20px;border: 1px solid #d0d0d0;
    position: relative;}
.wizard_box1_inside_title{width: 100%; font-size: 26px; text-align: center; padding: 20px 0;border-bottom: 1px solid #d0d0d0;}
.wizard_box1_inside ul{margin: 0 10px}
.wizard_box1_inside p{padding: 20px 0 ; text-align: center; width: 100%; font-size: 20px}
.wizard_box1_inside label{padding-right: 5px ; }
.wizard_box1_inside input[type="radio"]{top: 3px ; position: relative;}
.level1_bg{ background: url("../images/wizard1.jpg") no-repeat top 230px center #f7f7f7 ; }
.next_btn{padding: 5 10px; border-radius: 5px; text-align: center; color: #fff; background: #24c1e8;position: absolute;
bottom: 20px ;width: 140px; left: 20px ; height: 40px ; line-height: 40px ; cursor: pointer; }
.order_inp{width: 100%; height: 40px;  border-bottom: 1px solid #ccc; background: none ; color: #555;
 font-family: IRANSansWeb; margin-bottom: 20px}
.prev_btn{padding: 5 10px; border-radius: 5px; text-align: center; color: #fff; background:#666;position: absolute;
bottom: 20px ;width: 140px; left: 180px ; height: 40px ; line-height: 40px ; cursor: pointer;}
.msg_lvl1{padding: 5px 10px; ;background: #fde4e4; color: red;  margin: 0 auto; width: 250px ; text-align: center;position: relative;
top: 20px ; display: none;}
.level2,.level3, .level4{display: none;}
.project_wrapper{width: 1100px; display: flex; justify-content: space-around; }
.basisfly_box{width: 500px;  height: 300px;  background: #f7f7f7 ; border-radius: 5px ; border: 1px solid #d0d0d0}
.basisfly_box_inside{width: 460px;  height: 260px; margin-top: 20px; margin-right: 20px;border: 1px solid #d0d0d0;
    position: relative;}
.basisfly_box_inside_title{width: 100%; text-align: center; padding: 35px 0; font-size: 20px}
.level2_bg{ background: url("../images/level2.png") no-repeat top 230px center #f7f7f7 ; }
.level4_bg{ background: url("../images/level4.png") no-repeat top 230px center #f7f7f7 ;}
/*order*/



  @media (min-width:1024px) and (max-width:1366px) {
    .box {width: calc((20%) - (30px));}
    .companies,.job,.footers,.article_cats,.powerdp,.wpb_wrapper,.breadcrumb,.about_center,.product_content ,.contact_form,.contents_contact,.contents {width: 98%; margin: 0 auto}
    .boxes_resize{justify-content: center; width: 100%}
    .counter{width: 33.3333333%} 
    
    .counters,.counter_resize,.container_about{width: 100%}
    .companies{justify-content: center;}
    .company{margin:0 30px;}
    .about_top_left{margin-left: 10px}
    .about_top_right{margin-right: 10px}
    .about_top_left img{width: 100%}    
    .cats img{width: 100%}
    .center {width: 98% !important ; margin: 0 auto !important}
    .slick-prev{left: 0 !important ;}
    .slick-next {right: 0 !important}
    .company_report_site{width: 40%}
    }
  @media (min-width:1024px) and (max-width:1200px) {
    .solutions,.solution_slider {width: 98%; margin: 0 auto}
    .solution_img{width: 50%}
  }
  @media (min-width:768px) and (max-width:1024px) {
    .form-register .steps li:first-child .step-icon::after{display: none;}
    .form-register .steps ul{padding-right: 0 !important}
    .box {width: 24%; margin: 0 10px;}
    .companies,.solution,.solutions,.solutions,.proucts,.job,.footers,.powerd ,.box_middle{width: 98%; margin: 0 auto}
    .boxes_resize{justify-content: center; width: 100%}
    .company {margin: 0 10px;}
    .bx-wrapper{border-top-left-radius: 20px; border-top-right-radius: 20px; margin-top: 5px }
    .about_top_left{margin-left: 10px}
    .about_top_right{margin-right: 10px}
    .about_top_left img{width: 100%}
    .about_center_box{height: auto;}
    .article_list_desc{width: 70%}
    .col-md-12{width: 95% ; margin: 0 auto}
    .header_descs{margin-top: 10px}
    .header h1{padding-bottom: 50px}
    .header{height: 800px}
    .header1{height: 400px !important;}
    .forms{width: 90%;}
  }
  @media (min-width:320px) and (max-width:768px) {
    .footer_contact{margin-bottom: 20px}
    .contents_article,.powerd{width: 98%; margin: 0 auto ;}
    .footer_contact{width: 100%;float: none;text-align: center;margin-top: 30px;}
    .powerd{height: auto; padding-bottom: 30px; text-align: center;}
    .powerd img{float: none;}
    .footer{width: 98% ; padding-top:  50px ; margin: 0 auto}
    .footers{display: block; width: 90%}
    .footer1{padding-top: 0}
    .more{padding:15px 0; padding-left:15px}
    .cats img,.forms ,.cell input , .cell select , .cell textarea {width: 100% !important}
    .cats{width: 80%; float: none; margin: 10px auto}
    .articles_top{display: flex;flex-flow: column;justify-content: center;}
    .box_middle_content {width: 90%}
    .article_top {float: none; margin: 10px auto ; height:  auto;width: 90%}
    .product_img_right{width: 98%; margin: 0 auto ; float: none;}
    .product_img_left{width: 98%; margin: 0 auto ; float: none;}
    .product_content{width: 95%; margin: 0 auto}
    .mobile_btn_resize{text-align: center;}
    .show_article img{width: 100%}
    .steps {display: none;}
   .content section{height: 400px}
   .form-register .content{padding: 35px 30px 10px !important}
   .col-md-12 table{width: 95% !important}
   /* .slider{flex-direction: column; align-items: center;} */
   .center .slider_items{margin-bottom: 20px;}
   .article_list li{height: auto; }
   .article_img_hover{width: 100%;}
   .cell{width: 100% !important; text-align: right !important;}
   .cell_row{flex-direction: column;}
   .cell_row{margin-top: 0 !important;}
   .cell , .captcha{margin-top: 20px !important;}
   
  }
   @media (min-width:10px) and (max-width:500px) {
     .level_one_msg {
width: 95% !important;
font-size: 12px !important;}
.actions {top : 250px}
.article_list li{height: auto; }

   }
.company_desc p,.contents p{font-size: 16px; line-height: 35px; margin: 15px 0 ;text-align: justify;}
.product_desc  i{color: #d61b15;}
.cell_row{width: 100%;
    display: flex;
    justify-content: space-between; margin-top: 20px;}
.cell_input_text{box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    width: 80%;
    font-family: IRANSansWeb;
    background: none;
    line-height: 35px;}
.cell_input_text:focus{ border-bottom: 1px solid #d61b15;}
.cell_input_text::placeholder{line-height: 35px !important;}
.cell_input_select{box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    width: 80%;
    font-family: IRANSansWeb;
    background: none;
    line-height: 35px;}
.cell_input_select:focus{ border-bottom: 1px solid #d61b15;}
.cell_input_textarea{
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-family: IRANSansWeb;
    background: none;
    line-height: 35px;
}
.cell_input_textarea:focus{ border-bottom: 1px solid #d61b15;}
.forms{width: 70%;
    margin: 0 auto;
        margin-bottom: 0px;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #e5e5e5; box-sizing: border-box;}
.cell{width: 50%;}
.cell:nth-child(even){text-align: left;}
.forms_description{margin-bottom: 40px; text-align: justify;}
.cell_input_submit{color: #fff;font-family: IRANSansWeb; background: #d61b15; border-radius: 5px; padding: 5px 10px;
    height: 40px;
    cursor: pointer; float: right;}
.captcha{float: right; margin-right: 10px; display: flex;}
.captcha a{
    margin-right: 15px;
    margin-top: 2px;
    cursor: pointer;
}
.input_ckeck input{display: none;}
.input_ckeck label{position: relative; padding-right: 30px;}
.input_ckeck label:before{content: '' ; position: absolute; width: 15px; height: 15px; 
border-radius: 2px; border: 1px solid #c0c0c0; right:0;top: 5px;}
.input_ckeck{margin-bottom: 10px;}
.input_ckeck input:checked + label:before{content: '' ; position: absolute; width: 15px; height: 15px; 
    border-radius: 2px; border: 1px solid #c0c0c0; right:0 ;top: 5px}
.input_ckeck input:checked + label:after{content: '\f00c' ; position: absolute;top: -1px;font-family: fontawesome; right: 2px;
    font-size: 12px;}
.submenuu{position: absolute;width: 200px;
    right: 0; display: none;}
.has_submenu ul li{float: none; display: block; line-height: 35px !important; background: rgba(0,0,0,0.7); box-sizing: border-box; padding: 10px !important; text-align: right; border-bottom: 1px dashed rgba(255,255,255,0.3); height: 56px;}
.has_submenu ul li a{color: #fff !important;}
.has_submenu{position: relative;}
.submenuu li:last-child{border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.has_submenu:hover .submenuu{display: block;}
.menu_resize_fix .has_submenu ul li{background: #7f7f7f !important;}
.contact_icon{width:40px; height: 40px; border-radius: 50%; border: 1px solid #d61b15; 
text-align: center; line-height: 40px;}
.contact_icon i{color:#d61b15 ;}
.contact_icons{display: flex;
    width: 300px;
    justify-content: space-evenly;
    margin: 0 auto;cursor: pointer;}
.contact_icon:hover{background: #d61b15;}
.contact_icon:hover i{color: #fff;}
.contents_contact_new{width: 1200px;
    min-height: 150px;
    line-height: 30px;
    padding-top: 40px;}
.main_address{width: 100%;padding-top: 30px ;text-align: center;}
.icons_without_name i{font-size: 20px !important;
    color: #d61b15;
    }
.icons_without_name{margin-bottom: 20px;}
.icons_without_name a{margin-left: 15px;}
.display_address li{display: none;}
.fa-clock-o{font-size: 14px !important;
    color: #d61b15;
    margin-top: 10px;}
.display_address li{direction: rtl; text-align:  center; width: 100%; font-weight: bold;}
.display_address li p{font-weight: normal;}
.display_address{margin: 30px 0;}
.contact_icon_active{background: #d61b15;}
.contact_icon_active i{color: #fff;}
.row_events{width: 100%;  margin-bottom: 50px; display: flex;}
.event_box{width: 31.333333%; border-radius: 10px; border: 1px solid #e8e8e8; margin-left:30px;position: relative;}
.event_box a{position: absolute; width: 100%; height: 100%; top: 0; right: 0;z-index: 999;}
.row_events .event_box:last-child{margin-left: 0;}
.row_events_2_column .event_box{width: 50% !important;}
.event_box .image img{width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.event_box .image{position: relative;}
.event_box .title{font-size: 18px; font-weight: bold; text-align: center; padding:10px }
.event_box .text{direction: rtl; text-align: justify; color: #5f5f5f; padding: 5px 20px;}
.event_box .image:before{width: 100%;
    height: 100%;
    border: solid 20px rgba(255, 255, 255, 0.3);
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
    transition: 0.5s ease 0s;}
.event_box:hover .image:before {
    opacity: 1;
    visibility: visible;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.join_desc p{width: 100%; text-align: center; padding: 20px 0; font-weight: bold;}
.join_us_list p{display: inline;}
.row_events_768{flex-direction: column;}
.row_events_768 .event_box{width: 100% !important; margin-bottom: 20px;}
.article_title{margin-top: 40px; font-weight: bold;}
.article_title + h3{font-weight: 700; font-size: 25px;}
.news_link{color: #d61b15 ; margin-top:20px; font-size:20px ; display: inline-block;}
.about_title{width: 100%; text-align: center;}
.description i{color:#4285f4}