body { background:#FFFFFF }
.tg_header .logo {width: 290px;}
#searchform .form-control::placeholder { color: #fff;opacity: .8; }
#searchform {
  height: 50px;
  background: #034B57;
  max-width: 50%;
  float: left;
  border-radius: 50px !important;
  margin: 20px 0;
}
#searchform .form-control, #searchform .btn {
  height: 50px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(0,0,0,0);
  font-size: 0.8rem;
  color:#fff
}
#searchform .btn {
  width: 50px;
  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;
  font-size: 1.5rem;
  color: #fff;
}

.tg_header_inner {
  border-bottom: 1px solid #D7E4FF;
}
.login_cart__nav {
  float: left;
  padding: 30px 0;
}
.js-signin-modal-trigger.login_btn_top li a {
  background: #63365D;
  color: #fff;
  padding: 7px 45px 9px 40px;
  border-radius: 40px;
  font-weight: 450;
  margin:-24px 0 0 -25px;
  position: relative;
  float: right;
}
.top_login_btn svg {
  width: 28px;
  position: absolute;
  right: 5px;
  top: 2px;
}
#cd-cart-trigger a svg {
  width: 28px;
  position: absolute;
  right: 30px;
  top: 2px;
}
#reloadcart_btn { float:left }
#cd-cart-trigger a {
  background: #FEB100;
  color: #fff;
  padding: 7px 65px 10px 20px;
  border-radius: 40px;
  font-weight: 450;
  position: relative;
}


.main_nav {
	width: 100%;
	position: relative;
}
.main_nav li {
	float: right;
	position: relative;
	border-left: 1px solid #DAE5EB;
}
.main_nav li::before {
  position: absolute;
  top: 0;
  right: 50%;
  width: 85%;
  height: 0;
  background: #63365D;
  content: " ";
  border-radius: 0 0 10px 10px;
  margin-right: -41%;
  opacity:0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

.main_nav li:hover::before {
  opacity:1;
  height: 9px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.main_nav li a i {
  width: 100%;
  display: block;
  font-size: 1.5rem;
  text-align: center;
  color: #93668D;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.main_nav li a {
	padding: 10px 30px 0;
	display: block;
}
.main_nav li a span {
  font-size: 0.8rem;
  font-weight: 450;
  text-align: center;
  color: #93668D;
  width: 100%;
  display: block;
  line-height: 200%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.main_nav li:hover a span, .main_nav li:hover a i {
	color: #63365D;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.left_nav .search_act {
  margin: 10px 0;
  background: #63365D;
  border-radius: 50px;
  padding: 4px;
}
.left_nav .search_act svg {
  width: 25px;
}
.left_nav {
  float: left;
  display: flex;
  direction: rtl;
  align-items: center;
}
.phone_act svg {
  width: 26px;
  float: left;
  position: absolute;
  left: 4px;
  top: 4px;
  background: #fff;
  border-radius: 50px;
  padding: 3px;
}
.phone_act {
  float: right;
  background: #63365D;
  border-radius: 50px;
  color: #fff;
  padding: 5px 20px 5px 40px;
  font-size: 1rem;
  margin: 10px;
  position: relative;
}
.mainmenu__wrapper {
  margin: 0 auto 20px;
  float: right;
  width: 100%;
}
.inner .mainmenu__wrapper {
  margin: 0 auto 0px;
}


.Advance-Slider{float:left;width:100%;overflow:hidden;border-radius: 20px;}
.Advance-Slider button.slick-arrow{position:absolute;z-index:2;top:100px;bottom:0;height:100px;width:50px;background:#fff;z-index:99999;border:none;margin:auto;font-size:0;text-align:center;outline:none;cursor:pointer; left:0}
.Advance-Slider .img-fill{position:relative;height:100%;}
.Advance-Slider .img-fill img{height:100%;width:100%;object-fit:cover;}
.Advance-Slider .item{height:70vh;overflow:hidden;outline:none;border-radius: 20px;}
.Advance-Slider button.slick-next.slick-arrow{right:0;left:auto;}
.Advance-Slider button.slick-arrow:before{content:"\F004D";top:0;left:0;margin:auto;font-family:Material Design Icons;font-size:18px;color: #63365D;}
.Advance-Slider button.slick-next.slick-arrow:before { transform:  scaleX(-1); display:  block;}
.Advance-Slider .img-fill:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#6A3D64;opacity:0.5;}

.Advance-Slider ul.slick-dots{position:absolute;bottom:20px;left:0;width:100%;margin:0;padding:0;text-align:center;}
.Advance-Slider ul.slick-dots li{display:inline-block;height:auto;padding:0 5px;line-height:0px;}
.Advance-Slider ul.slick-dots li button{height:15px;width:15px;border-radius:100%;background:#fff;border:none;font-size:0px;padding:0px;opacity:0.5;outline:none;transition:all 0.3s ease;cursor:pointer;}
.Advance-Slider ul.slick-dots li.slick-active button{opacity:1;}
.Advance-Slider button.slick-arrow{perspective:360px;}
.Advance-Slider button.slick-arrow .thumb{position:absolute;height:100px;width:150px;left:100%;top:-28px;transform-origin:0% 0%;transform:rotate3d(1,0,0,90deg);}
.Advance-Slider button.slick-arrow .thumb img{height:100%;width:100%;border-radius: 10px;}
.Advance-Slider button.slick-next{}
.Advance-Slider button.slick-next .thumb{left:auto;right:100%;}
.Advance-Slider button.slick-prev.hover-out .thumb,.Advance-Slider button.slick-prev .thumb{animation:out-left 300ms ease 0ms 1 forwards;}
.Advance-Slider button.slick-prev.hover-in .thumb{animation:in-left 300ms ease 0ms 1 forwards;}
.Advance-Slider button.slick-next.hover-out .thumb,.Advance-Slider button.slick-next .thumb{animation:out-right 300ms ease 0ms 1 forwards;transform-origin:100% 50%;}
.Advance-Slider button.slick-next.hover-in .thumb{animation:in-right 300ms ease 0ms 1 forwards;}

.Advance-Slider .slick-next {
  border-radius: 20px 0 0 20px;
}
.Advance-Slider .slick-prev {
  border-radius: 0 20px 20px 0;
}
.Advance-Slider button.slick-prev:hover{transform:translateX(-100%);}
.Advance-Slider button.slick-prev{transition:all 0.3s ease;}
.Advance-Slider button.slick-next:hover{transform:translateX(100%);}
.Advance-Slider button.slick-next{transition:all 0.3s ease;}
.Advance-Slider ul.slick-dots li button img{height:0;width:20px;top:0;object-fit:cover;transition:height 0.2s ease 0.2s,width 0.2s ease 0s;position:relative;left:-50%;}
.Advance-Slider ul.slick-dots li button a{position:absolute;height:90px;bottom:calc(100%);width:0;display:flex;align-items:flex-end;justify-content:center;transition:all 0.2s ease 0.2s;padding-bottom:10px;}
.Advance-Slider ul.slick-dots li button{position:relative;display:flex;justify-content:center;}
.Advance-Slider ul.slick-dots li button:hover a img{}
.Advance-Slider ul.slick-dots li button:hover img{height:80px;width:140px;transition:height 0.2s ease,width 0.2s ease 0.2s;}
.Advance-Slider ul.slick-dots li button:hover a{width:140px;transition:all 0.3s ease 0s;}
.Advance-Slider ul.slick-dots li button:hover{opacity:1;}
.Advance-Slider ul.slick-dots li button:before{content:'';bottom:calc(100% + -10px);left:7px;border:solid transparent;content:" ";height:0;width:0px;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:10px;margin-left:-10px;opacity:0;transition:0.3s ease 350ms;}
.Advance-Slider ul.slick-dots li button:hover:before{opacity:1;transition:0.3s ease 0s;}

.Advance-Slider .item .contain-wrapper{  position: absolute;
  right: 50px;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;}
.Advance-Slider .item .contain-wrapper .dots-contain{display:none;}
.Advance-Slider .item h3 {
  margin: 0px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 950;
  direction: rtl;
}
.Advance-Slider .item{color:#fff;}
.Advance-Slider .item  h5{font-size:1rem; direction:rtl; font-weight:300;padding:10px 0 0;margin:0;text-transform:capitalize;}
.Advance-Slider .item .contain-wrapper .info{max-width:1200px;}
.Advance-Slider .item h5 span{color:#00BCD4;}
.Advance-Slider .item h3 span{color:#00BCD4;}
.Advance-Slider .item h3{animation:fadeOutRight 1s both;}
.Advance-Slider .item.slick-active h3{animation:fadeInDown 1s both 1s;}
.Advance-Slider .item  h5{animation:myMove 1s both;}
.Advance-Slider .item.slick-active  h5{animation:fadeInLeft 1s both 1.5s;}
.main_nav li a span img {
  max-width: 32px;
}

@keyframes myMove{
  from{transform:scale(1.0,1.0);transform-origin:50% 50%;}
  to{transform:scale(1.8,1.9);transform-origin:50% 0%;}
}
@keyframes in-left{
  from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-left{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,1,0,86deg);transform:rotate3d(0,1,0,86deg);}
}
@keyframes in-right{
  from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-right{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,-1,0,86deg);transform:rotate3d(0,-1,0,86deg);}
}



.section_title {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #C0C0C0;
	padding: 26px 90px 10px 0;
}
.section_title::before {
	content: " ";
	position: absolute;
	background: url(../images/section_title_after.png) center center no-repeat;
	width: 87px;
	height: 86px;
	right: -15px;
	top: 10px;
}
.section_title h1 {
	font-size: 1.4rem;
	font-weight: 900;
	margin: 0;
	color: #253A46;
}
.section_title h2 {
	font-size: .8rem;
	margin: 10px auto;
	color: #6C828E;  letter-spacing: 2px;
}
.maincategory {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px;
  direction: rtl;
}
.maincategory li {
  font-size: 13px;
  color: #282626;
  flex: 1 0 12%;
  margin: 5px;
  background: #fff;
  float: right;
  text-align: center;
  font-weight: 900;
  position: relative;
  border: 1px solid #eee;
  border-radius: 10px;
  max-width: 170px;
}
.maincategory li h4 {
  color: #63365D;
  font-size: 1rem;
  text-align: center;
}
.maincategory li .category_icon {overflow: hidden;overflow: hidden;}
.maincategory li .category_icon img {
  width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.maincategory li .category_icon:hover img {
  transform: scale3d(1.1, 1.1, 1);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}


.index_about {
  padding: 50px 0;
}
.index_about .module_wrapper__title { display:none; visibility:hidden }
.index_about p {
  line-height: 200%;
  font-size: 1rem;
  font-weight: 350;
  text-align: justify;
}
.index_about_image img {
  width: 320px;
  display: block;
  margin: 20px auto;
}



.sec_5 .prod_item a {
  display: block;
  direction: rtl;
}
.sec_5 .product-cell .pic-con {
  height: 180px;
  width: 100%;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.sec_5 .product-cell .pic-con img {
  margin: -50px auto 0;
  display: block;
  height: 240px;
  width: 100%;
}
.branches_index {
    background:#63365D url(../images/branches_bg.png) center 70px no-repeat;
    position: relative;
    min-height: 350px;
	margin: 50px auto;
}
.branches_index .section_title {
	position: relative;
	width: 100%;
	border-bottom: none;
	color: #fff;
	padding: 26px 90px 10px 0;
}
.branches_index .section_title::before {
	content: " ";
	position: absolute;
	background: url(../images/w_section_title_after.png) center center no-repeat;
	width: 87px;
	height: 86px;
	right: -15px;
	top: 10px;
}
.branches_index .section_title h1 {
	font-size: 1.4rem;
	font-weight: 900;
	margin: 0;
	color: #fff;
}
.branches_index_text {
  color: #fff;
  direction: rtl;
  padding: 50px 0;
  line-height: 200%;
  font-size: 1.1rem;
  font-weight: 350;
  text-align: justify;
}
.branches_index::before {
	content: " ";
	width: 100%;
	height: 48px;
	top: -20px;
	right: 0;
	background: url(../images/branches_before.png) center center no-repeat;
	position: absolute;
	background-size: cover;
}
.branches_index::after {
	content: " ";
	width: 100%;
	height: 48px;
	bottom: -20px;
	right: 0;
	background: url(../images/branches_after.png) center center no-repeat;
	position: absolute;
	background-size: cover;
}
.btn_readmore__news {
  float: left;
  background: #FFB200;
  padding: 0 10px;
  border-radius: 10px;
  color: #fff;
}
.brands_index {
	position: relative;
	width: 100%;
	padding: 230px 0 10px;
}
.brands_index .section_title {border-bottom: none;}
.brands_index .brands_index_bg {
	position: absolute;
	width: 100%;
	height: 250px;
	background: #532F0C url(../images/brands_index_bg.jpg) center center no-repeat;
	background-size: cover;
	top: 0;
	right: 0;
}
.brands_index_car_select img {
  margin: 15px auto;
  display: block;
  position: absolute;
  right: 10px;
}
.custom-shape-divider-bottom-1597653757 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.custom-shape-divider-bottom-1597653757 svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 36px;
	transform: rotateY(180deg);
}
.custom-shape-divider-bottom-1597653757 .shape-fill {fill: #FFFFFF;}
.brands_index_car_select {
	width: 210px;
	height: 220px;
	position: absolute;
	left: 170px;
	top: 150px;
	background: url(../images/select_car_bg.png) center center no-repeat;
	background-size: 100%;
	padding: 25px;
}
.brands_index_car_brands {
	position: relative;
	min-height: 350px;
}
.car_brands_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 50px;
	direction: rtl;
}
.car_brands_list li {
	flex: 1 0 10%;
	margin: 10px;
	background: #fff;
	float: right;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	height: 85px;
	box-shadow: 0 0 15px #c6c6c6;
	border: 1px solid #d7d7d7;
	max-width: 120px;
}
.car_brands_list li .icon img {
	width: 70px;
	margin: 0 auto;
	display: block;
}



.footer_section {
    width: 100%;
    margin: 0 auto;
	background:#63365D;
	position:relative;
	padding: 40px 0;
}
.footer_logo {
  background: url(../images/footer_logo.png) center center no-repeat;
  width: 320px;
  height: 90px;
  background-size: contain;
  margin: 10px auto 0;
}
.footer_section::before {
	content: " ";
	width: 100%;
	height: 48px;
	top: 0;
	right: 0;
	background: url(../images/footer_top_bg.png) center center no-repeat;
	position: absolute;
	background-size: cover;
}
.index_excerpt * {
	direction: rtl;
	line-height: 200%;
	font-weight: 300 !important;
	text-align: justify;
	font-size: 1.2rem !important;
}
.vitrin_index {
	width: 100%;
	min-height: 150px;
	position: relative;
	padding: 50px 0 35px;
}
.footer_section .foo_title {
	font-weight: bold;
	color:#fff;
	font-size: 16px;
	margin: 20px auto 10px;
	text-align:right
}
.footer_facs {
	display: table;
	margin: 0 auto;
	z-index: 999;
	position: relative;
	padding: 0;
	width: 100%;
}
.footer_facs li {float: right; width:100%; position: relative; margin: 0 10px;}
.footer_facs li::before {
	display: block;
	content: "";
	position: absolute;
	right: -5px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 6px;
	width: 6px;
	background-color: #FFB200;
	transform: rotate(45deg);
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.footer_facs > li:hover::before {
	background-color: #fff;
}
.footer_facs li a {
	float: right;
	margin: 2px 10px;
	color: #fff;
	font-size: 13px;
	position: relative;
}
.footer_item_title {
    font-weight: 900;
    color: #fff;
    font-size: 16px;
	text-align:center;
    margin: 20px auto 10px;
}

.textwidget p {
	margin: 10px;
	direction: rtl;
	text-align: right;
	line-height: 200%;
	font-weight: 300;
	color:#fff
}




.inner-pic-con img {
  max-width: 100%;
}
.inner-intro-con {
  background: #EAEAEA;
  padding: 10px;
  font-size: 0.9rem;
  margin: 0 auto 10px;
  line-height: 200%;
}
.fulltext p {
  font-size: 0.9rem;
  line-height: 200%;
}
.col-lg-10.postwrapper {
  border-right: 1px solid #E9ECEF;
}
.newsspec li {
  display: flex;
  font-size: 0.9rem;
}
.newsspec li .title {
  width: 50%;
  text-align: right;
}
.newsspec li .value {
  width: 50%;
  text-align: left;
}
.newscategory li {
  background: #E9ECEF;
  color: #034B57;
  text-align: center;
  padding: 1px 15px 5px;
  border-radius: 10px;
  float: right;
  margin: 10px 0 10px 10px;
}
.postwrapper {
  border-right: 1px solid #E9ECEF;
}

.font-resizer span {
  cursor: pointer;
  display: inline-block;
  width: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.font-resizer span.plus {
  font-size: 1.5rem !important;
}
.font-resizer span.minus {
  font-size: 0.9rem !important;
}
.font-resizer {
  width: 100%;
  float: right;
  text-align: center;
  margin: 20px auto;
  border-top: 1px solid #E9ECEF;
  border-bottom: 1px solid #E9ECEF;
}
.newsspec {
  margin: 0 auto 20px;
}
.newsspec li { margin:10px auto }
ul.header-sharing li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0;
  margin: 0 5px 5px 0;
  display: inline-block;
  font-size: 1rem;
}
ul.header-sharing li a {
  display: block;
  background: #0c3555;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
}
ul.header-sharing li.tg a {
  background: #5280a4;
}
ul.header-sharing li.tw a {
  background: #28a9e2;
}
ul.header-sharing li.fb a {
  background: #3b5a9a;
}
.inner .pub_title h3 {
  background: #F8FAFF;
}
ul.header-sharing li.tg a i::before {
  transform: rotate(45deg);
}
.comment_Wrapper {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(32,76,136,.15);
}
.comments {
  height: 360px;
  overflow-y: scroll;
  margin: 10px auto;
}
.comment_item {
  border: 1px solid #ECEFF1;
  margin: 10px auto;
  border-radius: 5px;
}
.comment_item_reffer {
  background: #F6FAFF;
  display: flex;
  padding: 10px;
  color: #758293;
  font-weight: 700;
  font-size: 0.8rem;
}
.reffer_good {
  color: #22AF48;
  width: 50%;
}
.comment_item_had_reserve {
  text-align: left;
  width: 50%;
}
.comment_item_reffer {
  color: #758293;
  font-weight: 700;
  font-size: 0.8rem;
}
.comment_item_text {
  padding: 10px;
  font-size: 0.8rem;
  line-height: 200%;
  font-weight: 350;
  color: #758293;
}
.allcategory .top_story.rtl {
  margin: 10px auto;
}
.btn__viewmorecategory {
  text-align: center;
  display: block;
  background: #FFB81C;
  float: right;
  width: 100%;
  padding: 5px;
  color: #034B57;
  border-radius: 0 0 10px 10px;
  font-size: 0.9rem;
}

.news_row .pic-con {
  width: 100px;
  margin: 0 0 0px 10px;
  height: 100px;
}
.news_row {
  display: flex;
  background: #fff;
  margin: 10px auto;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 6px 0 rgba(32,76,136,.15);
}
.news_row .pic-con img {
  border-radius: 10px;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.info-wrapper .toptitle-con {
  font-size: 0.7rem;
  color: #5b5b5b;
  margin: 0;
}
.info-wrapper .title-con {
  color: #034B57;
  font-size: 1.1rem;
}
.info-wrapper .intro-con {
  padding: 0 5px;
  direction: rtl;
  color: #5b5b5b;
  text-align: justify;
  line-height: 200%;
  font-size: 0.7rem;
}
.content-wrapper { background:#fff }


.cta_wrapper {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px auto;
}

.cta_wrapper li {
  flex: 1 1 calc(20% - 20px);
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.cta_wrapper li a h4 {
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
  right: 0;
  width: 100%;
  font-size: 1rem;
}

.cta_wrapper li a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.cta_wrapper .category_icon img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

/* ریسپانسیو برای تبلت */
@media (max-width: 1024px) {
    .cta_wrapper li {
        flex: 1 1 calc(33.333% - 20px); /* سه آیتم در هر ردیف */
    }
}

/* ریسپانسیو برای موبایل متوسط */
@media (max-width: 768px) {
    .cta_wrapper li {
        flex: 1 1 calc(50% - 20px); /* دو آیتم در هر ردیف */
    }
}

/* ریسپانسیو برای موبایل کوچک */
@media (max-width: 480px) {
    .cta_wrapper li {
        flex: 1 1 46%; /* یک آیتم در هر ردیف */
    }
}


.index_contact {
	padding:50px 0;
	background:url(../images/contactusbg-index.png) no-repeat right, linear-gradient(180deg, #fff 0%, #f0f0f0 100%);
	background-size: contain;
	margin: 20px auto;
}
.index_contact .title.h4 {
  color: #172846;
  font-weight: 950;
}
.index_contact .title {
	color: #172846;
	font-weight: 100;
}
.index_contact .subtitle {
  color: #787F92;
  font-weight: 100;
}
.index_contact .phoneicon {
	background: url(../images/contacticn-index.png) center center no-repeat;
	width: 78px;
	height: 79px;
	float: right;
	margin: -5px 0 0 5px;
}
.index_contact .value span {
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1rem;
	font-weight: 100;
	color: #505481;
}
.cons-index {
	background: #fff;
	min-height: 150px;
	border-radius: 150px 150px 0;
	padding:10px 30px;
	margin: 30px 0 0;
	box-shadow: 0px 10px 16px 0px rgba(16, 8, 33, 0.09), 0px 2px 4px 0px rgba(16, 8, 33, 0.06);
}
.index_contact .cons-index .inline-cons-icon {
  background: url(../images/cons-icon.png) center center no-repeat;
  width: 32px;
  height: 32px;
  float: right;
}
.index_contact .cons-index .inline-cons-title {
  font-size: 1.3rem;
  float: right;
  color: #505481;
  margin: 0 7px;
}
.index_contact .cons-index .inline-cons-subtitle {
  font-weight: 100;
  margin: 7px;
  float: right;
  color: #B9B9C1;
}

.cons-index form {
  width: 100%;
  padding: 20px 0;
  display: flex;
  gap: 10px;
}
.cons-index form input {
  border: 1px solid #B9B9C1;
  border-radius: 50px;
  padding: 10px;
  font-weight: 100;
  height: 50px;
  width: 38%;
}
.cons-index form button {
	border: none;
	color: #fff;
	padding: 0 20px;
	border-radius: 40px;
	background: linear-gradient(45deg, #6d6ad9 0%, #392A3D 100%), #d9d9d9;
	box-shadow: 0px 10px 16px 0px rgba(16, 8, 33, 0.09), 0px 2px 4px 0px rgba(16, 8, 33, 0.06);
}
.uniqe_image__holder img {
  margin: 0 auto;  z-index: 1;
  position: relative;
}
.title-cnt {
  margin-top: 110px;
}
.about-cnt {
  position: relative;
  padding:50px 0;
  width:100%
}
.about-cnt .about-bg-cnt {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: 0;
  left: 0;
}
.about-cnt .about-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 50%;
  position: relative;  padding: 0 50px 0 0;
}
.about-cnt .about-left {
  width: 50%;
  padding-left: 40px;
  padding-bottom: 12px;
}
.about-cnt .about-left img {
  max-height: 100%;
  object-fit: contain;
  max-width: 100%;
  transform: scaleX(1);
  float: left;
}
.title-cnt h3 {
  color: #6A3D64;
  font-size: 32px;
  font-weight: 950;
  letter-spacing: -0.5px;
  position: relative;
}
.body-text p {
  font-size: 0.9rem;
  text-align: justify;
  line-height: 200%;
}
.slick-dots {
  position: absolute;
  bottom: -80px;
  display: block;
  padding: 0;
  margin: 0;
  width:auto;
  list-style: none;
  text-align: center;
  left: 30px;
}
.about-cnt .section_title {
  border: none !important;  margin: 35px 20px 10px;
}
.uniqe_image__holder {
  position: relative;
  padding: 0 0 15px 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.holder:hover .uniqe_image__holder {
  margin: -5px auto 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.uniqe_image__holder::after {
  content: "";
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
  height: 8px;
  box-shadow: 0 35px 20px #000000e0;
  background-color: transparent;
  border-radius: 135px/4px;
  z-index: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.holder:hover .uniqe_image__holder::after {
  margin: -15px 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}