.banner_common_img.text_left_mj h2 {
	font-size: 60px;
	font-weight: 600;
	text-shadow: none;
	display: inline-block;
	width: 100%;
	color: #5d5b5b
}

.banner_common_img.text_left_mj {
	text-align: left;
	width: 100%
}

.banner_common_img.text_left_mj p {
	font-size: 15px;
	text-shadow: none;
	color: #656565;
	line-height: 20px;
	margin-top: 38px;
	float: left;
	position: relative;
	display: inline-block
}

.hide_right .get_a_qoute_section,
.new_first_section_work.new_padding_less_mj .first_inner_work_section:before,
.second_work_inner_mj .first_inner_work_section:before {
	display: none
}

.new_text_mj {
	position: relative;
	max-width: 610px;
	width: 100%;
	margin: auto;
	text-align: center
}

h2.color_text_mj span {
	font-size: 70px;
	font-weight: 700;
	color: #f90;
	text-shadow: none;
	text-shadow: 0 1px 5px #313131
}

h2.color_text_mj:after {
	position: absolute;
	content: "";
	height: 3px;
	background-color: #f90;
	width: 50%;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%)
}

.new_first_section_work .how_heading {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	color: #5d5b5b
}

.new_first_section_work {
	float: left;
	width: 100%;
	position: relative;
	padding: 65px 65px 0
}

.first_inner_work_section {
	float: left;
	position: relative;
	width: 50%
}

.first_inner_work_section:before {
	position: absolute;
	content: '';
	width: 22px;
	height: 22px;
	background-color: #f90;
	top: -6px;
	right: -12px;
	font-size: 30px;
	border-radius: 100px;
	border: 4px solid #fff
}

.how_heading span {
	font-size: 40px;
	color: #f90;
	font-weight: 700
}

.both_two_section_work {
	float: left;
	width: 100%;
	padding: 30px 30px 0
}

.new_img_section {
	float: left;
	width: 100%;
	padding: 128px 100px 0;
	position: relative
}

.new_img_section img {
	box-shadow: 0 3px 38px 13px #d2d2d2;
	border: 4px solid #fff;
	object-fit: cover;
	height: 100%;
	width: 100%
}

.second_inner_work_section {
	float: left;
	width: 50%;
	position: relative;
	padding: 61px 0 61px 61px;
	border-left: 3px solid #f90
}

.new_image_section_mj {
	width: 202px;
	height: 209px;
	float: right
}

.right_section_mj span {
	float: left;
	margin-left: -84px;
	background-color: #008f3f;
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	border: 4px solid #fff;
	width: 45px;
	height: 45px;
	text-align: center;
	font-size: 16px;
	padding-top: 8px;
	box-shadow: 0 3px 13px 5px #d2d2d2
}

.right_section_mj {
	float: left;
	position: relative;
	width: 100%
}

.right_section_mj h2 {
	padding: 0;
	margin: 15px 1px 10px;
	font-size: 17px;
	font-weight: 700;
	color: #5d5b5b
}

.right_section_mj p {
	font-size: 13px;
	font-weight: 500;
	color: #696868;
	line-height: 19px
}

.work_images_sectr_first_mj {
	float: left;
	padding: 30px 30px 30px 10px;
	width: 100%
}

.work_images_sectr {
	float: left;
	width: 26%;
	position: relative;
	text-align: center
}

.work_images_sectr p {
	font-size: 13px;
	font-weight: 500;
	color: #9c9a9a
}

.right_section_mj a {
    background-color: #f90;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    float: left;
    margin-top: 10px;
    text-transform: uppercase;
}

.second_work_inner_mj .new_first_section_work,
.second_work_inner_mj .new_first_section_work .both_two_section_work {
	padding-top: 0;
	padding-bottom: 0
}

.mj_right_section {
	float: right;
	width: 49.6%
}

.second_work_inner_mj .second_inner_work_section {
	border-right: 3px solid #f90;
	border-left: none;
	width: 50.4%;
	padding-left: 0;
	padding-right: 60px
}

.second_work_inner_mj .right_section_mj span {
	margin-left: 0;
	margin-top: 0;
	position: absolute;
	right: -82px
}

.second_work_inner_mj {
	float: left;
	width: 100%;
	position: relative
}

.second_work_inner_mj .work_images_sectr_first_mj {
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 2px
}

.new_first_section_work.new_padding_less_mj,
.new_first_section_work.new_padding_less_mj .both_two_section_work,
.new_first_section_work.new_padding_less_mj .new_first_section_work {
	padding-bottom: 0;
	padding-top: 0
}

.second_work_inner_mj .new_image_section_mj {
	float: left
}

ul.new_ul_for_work {
	float: left;
	width: 100%;
	position: relative;
	padding-left: 20px
}

ul.new_ul_for_work li {
	position: relative;
	float: left;
	font-size: 13px;
	font-weight: 500;
	color: #696868;
	line-height: 19px
}

ul.new_ul_for_work li:before {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	background-color: #008f3f;
	top: 5px;
	font-size: 30px;
	border-radius: 100px;
	left: -16px
}

.first_sell_section,
.hide_right .single_parent_sh {
	width: 100%
}

.padding_in_mj {
	padding-bottom: 186px
}

.how_work_class a:hover {
	color: #fff
}

.ctgr_combine ul li a:hover {
	color: #6b6b6b
}

.right_section_mj a:hover {
	background-color: #008f3f
}

.first_sell_section, .one_left_mj {
    position: relative;
    float: left;
    background-color: #f9f9f9;
}


.second_container {
	float: left;
	width: 100%;
	position: relative;
	height: 580px
}

.one_left_mj {
	width: 50%;
	height: 100%;
	display: table;
	padding-left: 100px;
	padding-right: 100px
}

.one_right_mj {
	width: 50%;
	float: left;
	position: relative;
	height: 100%;
	padding: 0px
}

.one_left_inner_div_mj h2,
.sell_on_trdo_ul,
.sell_on_trdo_ul p {
	width: 100%;
	position: relative;
	float: left
}

.one_left_inner_div_mj h2 {
    font-size: 30px;
    color: #5f5f5f;
    font-weight: 700;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 30px;
}

.one_left_inner_div_mj h2 span {
	color: var(--primary-color);
	font-size: 32px
}

.sell_on_trdo_ul p {
	font-size: 14px;
	color:#444343;
	font-weight: 600;
	padding-left: 30px;
	line-height: 25px
}

/*.sell_on_trdo_ul p:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background-color: var(--primary-color);
	font-size: 30px;
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(40deg);
	left: 4px;
	top: 8px
}*/

.second_sell_section {
	width: 100%;
	float: left;
	position: relative;
	background-color: #fff
}

.Showcase_mj {
	float: left;
	width: 100%;
	position: relative
}

.shadow_mj .sell_on_trdo_ul {
	padding: 12px 0;
	float: left;
	width: 100%;
	height: 100%
}

.shadow_mj .sell_on_trdo_ul p {
	border-bottom: 1px solid #f1eded;
	padding: 20px 20px 20px 85px;
	margin: 0;
	width: 100%;
	float: left
}

.shadow_mj .sell_on_trdo_ul p:last-child {
	border: none
}

.shadow_mj .sell_on_trdo_ul p:before {
	left: 55px;
	top: 25px
}

.shadow_mj {
	box-shadow: 0 0 85px 5px #e0e0e0
}

.second_sell_section .second_container {
	height: auto;
	padding-bottom: 60px
}

.third_sell_section {
	position: relative;
	margin-bottom: 60px;
	float: left;
	width: 100%;
	background-color: #f2f2f2
}

.one_right_inner_div_mj {
	float: left;
	height: 100%;
	width: 100%;
	position: relative;
	display: table
}

.one_img_inner_div_mj {
    height: 100%;
    width: 100%;
    position: relative;
}

.one_img_inner_div_mj img {
    object-fit: cover;
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}

.third_sell_section .one_left_mj {
	background-color: #f2f2f2;
	padding-bottom: 60px;
	padding-top: 60px
}

.third_sell_section .second_container {
	height: 450px
}

.third_sell_section .one_left_inner_div_mj h2 {
	color: #3d3d3d
}





.third_sell_section .sell_on_trdo_ul p {
	color: #444343;
}

.fourth_sell_section {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 60px
}

.fourth_sell_section .second_container {
	height: auto
}

.Payment_mj {
	width: 50%;
	float: left;
	position: relative;
	height: 446px;
	background-color: #252525
}

.inner_images_mj {
	float: left;
	width: 100%;
	height: 100%;
	position: relative
}

.inner_images_mj img {
	float: left;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.Payment_mj h2 {
    color: #ebebeb;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 16px;
    padding-left: 30px;
}

.Payment_mj h2 span {
	color: var(--primary-color);
}

.fourth_sell_section .sell_on_trdo_ul {
	padding: 30px 120px 60px 60px
}

.fourth_sell_section .sell_on_trdo_ul p {
	color: #d4d4d4
}
.five_section_in .sell_on_trdo_ul p {
    color: #737171;
}

.fourth_sell_section .sell_on_trdo_ul h4 {
	color: #d4d4d4;
	font-size: 14px;
	font-weight: 600;
	line-height: 25px;
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 16px
}

.Direct_Connect_mj {
	float: right
}

.Direct_Connect_mj_clr {
	background-color: #363636
}


.five_sell_section {
	float: left;
	width: 100%;
	position: relative;
	background-color: #f2f2f2;
	margin-bottom: 60px
}

.one_left_inner_div_mj {
	width: 100%;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	align-items: center
}





.five_section_in .Direct_Connect_mj_clr, .five_section_in .Payment_mj, .one_step_mj, .six_last_sell_section {
    background-color: #f7f7f7;
}

.one_left_inner_div_mj span.new_heading_mj_sell {
	font-size: 22px
}

.one_left_mj.padding_mj_less {
	padding-bottom: 0;
	padding-top: 22px
}

.five_section_in .Payment_mj h2 {
	color: #3d3d3d
}



.six_last_sell_section {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 60px
}

.second_inter_container {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 100px;
	padding-right: 100px
}

.one_step_mj {
	float: left;
	width: 33.3%;
	text-align: center;
	position: relative;
	padding: 5px
}

.one_step_mj .one_steps_inner_div_mj {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	background: #fff
}

.one_steps_inner_heading_one_div_mj {
	float: left;
	width: 100%;
	text-align: center
}

.one_step_mj .one_steps_inner_div_mj .one_steps_inner_heading_one_div_mj h2 {
    background-image: linear-gradient(-90deg, #6331ff, #0784ff);
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 50px;
    text-shadow: 0px 2px 4px #1f1e1e;
}

.one_step_mj_on_trdo_ul {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px;
    height: auto !important;
    padding-bottom: 30px;
}

.one_step_mj_on_trdo_ul p {
	margin: 0;
	padding: 15px 20px;
	border-bottom: 1px solid #b7b4b457;
	font-size: 13px;
	font-weight: 600;
	color: #777
}

a.REGISTER {
	text-align: center;
	background-color:var(--primary-color);
	padding: 10px 30px;
	margin: 20px 20px 10px;
	display: inline-block;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

.second_cls_last h2 {
	background-image: linear-gradient(-90deg, #ff2500, #ff6d00)!important
}

.last_ing_div h2 {
	background-image: linear-gradient(-90deg, #02e23b, #3ba805)!important
}

a.REGISTER:hover {
	background-color: #008f3f;
	color: #fff
}

.tabs_on_left_section_mj {
	position: fixed;
	top: 50%;
	left: -296px;
	z-index: 1;
	margin-top: 30px;
	transform: translate(0, -50%) rotate(90deg)
}

.cross_in_left_section_mj {
	z-index: 1;
	position: fixed;
	top: 85px;
	float: left;
	display: none;
	left: 200px
}

.common_mj_button,
.tabs_on_inter_section_mj,
.tabs_on_next_open_section_mj {
	position: relative;
	float: left
}

.tabs_on_next_open_section_mj.last_icon_mj a {
	text-align: center;
	background: #008f3f;
	font-size: 20px;
	padding: 6px 12px;
	border: none;
	border: 1px solid #e6f3ec;
	border-left: 0
}

a.new_cross_mj {
	background: #434242;
	display: none!important
}

.tabs_on_next_open_section_mj a {
	padding: 8px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: #008f3f;
	margin-bottom: 54px;
	font-weight: 500
}

.common_mj_button,
.map1 {
	cursor: pointer;
	font-weight: 600
}


.m_active {
	background-color: var(--primary-color)!important;
	color: #fff!important
}

.common_mj_button {
	background: #f90;
	padding: 12px 20px 9px;
	width: auto;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 4px;
	text-shadow: 0 0 5px #484848;
	border: none;
	top: 15px;
	left: 24px;
	outline: 0;
	margin-bottom: 10px
}

.common_mj_button a,
.common_mj_button a:hover {
	color: #fff
}

.common_mj_button:hover {
	background: #047946;
	color: #fff
}

.map1:hover {
	background: #008f3f!important;
	color: #fff!important
}

.map1 {
	display: inline-block;
	background: #ebebeb;
	width: 120px;
	padding: 8px;
	border-radius: 50px;
	margin: 3px;
	font-size: 14px
}

.map_tabs {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 20px
}

.india {
	background: #008f3f;
	color: #fff
}

.gulfood_img img {
    width: 160px;
    height: inherit;
    float: left;
}
.gulfood_img {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border-bottom: 2px solid #ff9900;
    padding-bottom: 20px;
    margin-top: 20px;
}
.stall_number {
    width: 100%;
    float: left;
    font-size: 18px;
}
.stall_number span {
    color: #fff;
    float: left;
    width: 100%;
}
.stall_number .z_big {
    font-size: 18px;
    font-weight: 700;
    color: #ff9900;
}
/*...................................custome_advertisment_section..........mj.......*/
.custome_advertisment_section{
	margin-top: 85px;
    float: left;
    width: 100%;
    height: 100%;
}
.advertisment_mobile{
	display: none;
}
a.advertisment_desktop {
    float: left;
    width: 100%;
    height: 100%;
}
.custome_advertisment{
	padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    height: 100%;
    float: left;
}
a.advertisment_desktop img {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}
.top_margine_less_mj{
	margin-top: 0px;
}
a.advertisment_mobile img {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}
@media (max-width: 767px){
	.advertisment_mobile{
	display: block;
}
.advertisment_desktop{
	display: none;
}
}


/*.........................arbic_pages_css............._mj_.......*/
.arabic .single_parent_sh {
    padding-right: 35px;
    float: right;
}
.arabic .single_page_sh {
    text-align: right;
    border-left: none;
        border-right: 2px solid #f90;
}
.arabic .common_heading_sh {
    right: 35px;
    left: inherit;
}
.arabic .common_heading_sh:before {
    right: -39px;
    left: inherit;
}
.arabic .common_texts_sh h1, .arabic .common_texts_sh h2 {
    text-align: right;
    padding-right: 26px;
    padding-left: 0px;
}
.arabic .common_texts_sh h1:before, .arabic .common_texts_sh h2:before {
    right: 0;
    left: inherit;
}
.arabic .common_table_sh th {
    text-align: right;
}
.arabic .common_texts_sh p {
    padding-left: 0;
    padding-right: 24px;
    font-size: 19px;
}
.arabic .first_ul {
    padding-left: 0;
    padding-right: 24px;
}
.arabic ul.first_ul li {
    font-size: 19px;
    list-style-type: none;
}
.arabic .testim_box_under .test_text p {
    font-size: 13px;
    font-weight: 600;
}
.arabic .table tr td {
    font-size: 15px;
    font-weight: 600;
}
.arabic .common_table_sh tr {
    font-size: 18px;
}
.arabic .common_table_sh td, .arabic .common_table_sh th {
    padding-top: 12px !important;
}
.arabic .get_a_qoute_under h2 {
    font-size: 40px;
}
.arabic .get_input label {
    font-size: 13px;
    font-weight: 600;
}
.arabic .ftr-a h4 {
    font-size: 18px !important;
    font-weight: 600;
}
.arabic .ftr-a a {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.arabic .right_teaxts .all_nav_content a {
    font-size: 15px;
}
.arabic .new ul li a {
    font-size: 14px;
    font-weight: 600;
}
.arabic .ctgr_drop {
    font-size: 17px;
}
.arabic .ctgr_combine ul li a {
    font-size: 14px;
    font-weight: 600;
}
.arabic .alls_headings h2, .arabic .alls_headings h3 {
    font-size: 26px;
}
.arabic .how_it_workss .our_under_box p {
    font-size: 15px;
}
.arabic .pro_many_btn a {
    font-size: 15px;
}
.arabic .our_under_box p {
    font-size: 17px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.arabic .our_under_box a {
    font-size: 14px;
}
.arabic .out_boxes p {
    font-size: 18px;
}
.arabic .pro_many_btns a {
    font-size: 18px;
}
.arabic .loan_text h2, .arabic .loan_text h3 {
    font-size: 30px;
}
.arabic .loan_text p {
    font-size: 20px;
}
.arabic .test_name {
    font-size: 18px;
}
.arabic .arabic_test .testim_box_under .test_text p {
    font-size: 15px;
}
.arabic .alls_headings p {
    font-size: 18px;
}
.arabic .suppliers .our_under_box .sup_p {
    font-size: 14px;
    font-weight: 600;
    color: #707070;
}
.arabic .testimonial_s_btn span {
    font-size: 14px;
}
.arabic .change_divide .change_divide_u p {
    font-size: 18px;
    text-align: right;
}
.arabic .loan_text img {
    display: none;
}
/*...........how_it_work.........css_...mj........*/
.arabic .right_section_mj h2{
	    font-size: 20px;
		font-weight: 700;
		color: #5d5b5b;
}
.arabic .right_section_mj p{
	    font-size: 16px;
		color: #696868;
}
.arabic .work_images_sectr p {
    font-size: 13px;
    font-weight: 600;
    color: #6b6a6a;
}
.arabic ul.new_ul_for_work li{
		font-size: 16px;
		color: #696868;
}
.arabic .right_section_mj a{
	font-size: 16px;
}
.arabic .second_inner_work_section.new_ar_padding{
	padding-bottom: 95px;
}
/*..................new_css.................header_botton..............*/


.sell_on_trdo .container {
    width: initial;
    max-width: 1390px;
}
.custom_con {
    max-width: 1070px;
    margin: auto;
    position: relative;
}
.alls_headings h2 b {
    color: var(--primary-color);
}
.alls_headings {
    text-align: center;
    margin-bottom: 60px;
}
.six_last_sell_section .alls_headings {
    margin-bottom: 40px;
    margin-top: 60px;
}
.sell_on_trdo footer .container {
    width: initial;
    padding-left: 50px;
    padding-right: 50px;
}
.sell_on_trdo .downlaod_app {
    padding-left: 40px;
    padding-right: 40px;
}
.sell_on_trdo .app_heading {
    margin-top: 12px;
}
.sell_on_trdo .app_heading h3 {
    font-size: 22px;
    margin-bottom: 4px;
    margin-top: 0;
}
.sell_on_trdo .android_ios {
    margin-top: 10px;
}

.sell_on_trdo .max_width_for_top_header {
    max-width: 1390px;
}

.call_back a:hover {
    background: #246502;
}
.call_back a {
    background: #318c02;
    float: left;
    padding: 11px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-left: 23px;
    padding-right: 23px;
    border-radius: 3px;
    text-decoration: none;
}
.call_back {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 13px;
}
.sup_popup_sec {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background: #101010b5;
    width: 100%;
    height: 100%;
}
.sup_popup_sec_under textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #d4d4d4;
    padding: 10px;
    resize: none;
    outline: none;
}
.sup_popup_sec_under input {
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #d4d4d4;
    margin-bottom: 9px;
    outline: none;
}
.sup_popup_sec_under {
    max-width: 400px;
    background: #fff;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 7px;
}
.sup_popup_sec_under button {
    width: 100%;
}
.sup_popup_sec_under p {
    font-size: 16px;
    width: 80%;
    margin: auto;
    text-align: center;
    margin-bottom: 16px;
    font-weight: 500;
    color: #656565;
}
.sup_close {
    position: absolute;
    top: -16px;
    right: -13px;
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    text-align: center;
    padding-top: 11px;
    cursor: pointer;
}
.sup_close img {
    width: 20px;
}

/*-----------------------------------------*/

.next_slide_map {
    width: 100%;
    height: 50px;
    float: left;
    background: #292929;
    position: relative;
    -webkit-position: sticky;
    top: 74px;
    z-index: 11;
}
.divide_next_con {
    width: 55%;
    float: left;
    position: relative;
    height: 100%;
}
.next_change_tab {
    width: 20%;
    float: left;
    height: 100%;
    position: relative;
}

.next_change_tab a b {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    top: 1px;
}
.next_change_tab a {
    display: block;
    height: 100%;
    position: relative;
    color: #fff;
    font-size: 16px;
    width: 100%;
    float: left;
    padding-top: 6px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border-right: 1px dotted gray;
    text-align: center;
    text-decoration: none;
}
.divide_next_con2 {
    width: 45%;
    height: 100%;
    position: relative;
    background: #0a0440;
    float: left;
    text-align: center;
    padding-top: 13px;
}	
.divide_next_con2 p {
    color: #cacaca;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.m_active:before {
    position: absolute;
    content: '';
    right: -12px;
    top: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 12px solid #ff5300;
    border-bottom: 30px solid transparent;
}
.next_change_tab a:hover {
    text-decoration: none;
    color: #ff6b24;
    font-weight: 600;
}
.next_change_tab a:hover b {
    font-weight: 600;
}
.top_active:hover a {
    color: #fff;
}
.top_active {
    background: #ff5300;
}
.top_active:after {
    position: absolute;
    content: '';
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #ff5300;
    left: 50%;
    transform: translate(-50%);
    bottom: -12px;
}
.tabs_on_next_open_section_mj a:hover {
    background-color: #f1f1f1;
    color: #403f3f;
    text-decoration: none;
}
.fadding_sec {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 85vh;
    background: white;
    left: -3000px;
    z-index: 1;
    transition-duration: 0.5s;
}
.fadding_sec p {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 30px;
    color: #656262;
    transition-duration: 0.5s;
}
.first_slide_sec {
    position: relative;
    width: 100%;
    height: calc(100vh - 118px);
    background: #6d6d6d;
    z-index: 9;
    top: 0;
    float: left;
}
.menu-item:nth-child(9) {
	background: #3fa50b !important;
    color: #fff !important;
    font-size: 13px;
}
.menu-item:last-child {
    background: #7b05c5 !important;
    color: #fff !important;
    font-size: 13px;
    line-height: 17px;
}
.menu-item:nth-child(9):before {
    border-left: 12px solid #3fa50b;
}

.first_slide_sec:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url(../img/supplire_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.first_slide_sec_under b {
    font-size: 12px;
    color: #fff;
    letter-spacing: 5px;
    font-weight: 500;
    width: 100%;
    float: left;
}

.first_slide_sec_under h3 {
    font-size: 70px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    float: left;
}


.first_slide_sec_under p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 3px;
    width: 100%;
    float: left;
}
.first_slide_sec_under {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-top: -17px;
    margin-left: -17px;
}
.scroll_down_secss {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    border-radius: 50px;
    margin-top: 70px;
    margin-bottom: 10px;
}
.scroll_down_secss:after {
    width: 40px;
    height: 40px;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    background-image: url(../img/mouse.png);
    background-size: cover;
}
















/*.sp-container h2 {
	width: 100%;
	text-align: center;
	color: transparent;
	-webkit-animation: blurFadeInOut 3s ease-in backwards;
	-moz-animation: blurFadeInOut 3s ease-in backwards;
	-ms-animation: blurFadeInOut 3s ease-in backwards;
	animation: blurFadeInOut 3s ease-in backwards;
}

.sp-container h2.frame-5 {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    color: transparent;
    text-shadow: 0px 0px 1px #fff;
    top: 0;
    float: left;
    margin: 0;
    height: inherit;
}
.sp-container h2.frame-5 span {
    -webkit-animation: blurFadeIn 3s ease-in 1s backwards;
    -moz-animation: blurFadeIn 1s ease-in 1s backwards;
    -ms-animation: blurFadeIn 3s ease-in 1s backwards;
    animation: blurFadeIn 3s ease-in 1s backwards;
    color: transparent;
    text-shadow: 0px 0px 1px #fff;
    margin-right: 10px;
}
.sp-container h2.frame-5 span:nth-child(2) {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}
.sp-container h2.frame-5 span:nth-child(3) {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}
.sp-globe {
	position: absolute;
	width: 282px;
	height: 273px;
	left: 50%;
	top: 50%;
	margin: -137px 0 0 -141px;
	background: transparent url(http://web-sonick.zz.mu/images/sl/globe.png) no-repeat top left;
	-webkit-animation: fadeInBack 3.6s linear 14s backwards;
	-moz-animation: fadeInBack 3.6s linear 14s backwards;
	-ms-animation: fadeInBack 3.6s linear 14s backwards;
	animation: fadeInBack 3.6s linear 14s backwards;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-o-transform: scale(5);
	-ms-transform: scale(5);
	transform: scale(5);
}
.sp-circle-link {
	position: absolute;
	left: 50%;
	bottom: 100px;
	margin-left: -50px;
	text-align: center;
	line-height: 100px;
	width: 100px;
	height: 100px;
	background: #fff;
	color: #3f1616;
	font-size: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: fadeInRotate 1s linear 16s backwards;
	-moz-animation: fadeInRotate 1s linear 16s backwards;
	-ms-animation: fadeInRotate 1s linear 16s backwards;
	animation: fadeInRotate 1s linear 16s backwards;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.sp-circle-link:hover {
	background: #85373b;
	color: #fff;
}
/**/

/*@-webkit-keyframes blurFadeInOut {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	20%, 75% {
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes blurFadeIn {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50% {
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100% {
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes fadeInBack {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	50% {
		opacity: 0.4;
		-webkit-transform: scale(2);
	}
	100% {
		opacity: 0.2;
		-webkit-transform: scale(5);
	}
}
@-webkit-keyframes fadeInRotate {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) rotate(360deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
	}
}
/**/

@-moz-keyframes blurFadeInOut {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	20%, 75% {
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
	100% {
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-moz-transform: scale(0);
	}
}
@-moz-keyframes blurFadeIn {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	100% {
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
}
@-moz-keyframes fadeInBack {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	50% {
		opacity: 0.4;
		-moz-transform: scale(2);
	}
	100% {
		opacity: 0.2;
		-moz-transform: scale(5);
	}
}
@-moz-keyframes fadeInRotate {
	0% {
		opacity: 0;
		-moz-transform: scale(0) rotate(360deg);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) rotate(0deg);
	}
}
/**/

@keyframes blurFadeInOut {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	20%, 75% {
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		transform: scale(0);
	}
}
@keyframes blurFadeIn {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	50% {
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
}
@keyframes fadeInBack {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	50% {
		opacity: 0.4;
		transform: scale(2);
	}
	100% {
		opacity: 0.2;
		transform: scale(5);
	}
}
@keyframes fadeInRotate {
	0% {
		opacity: 0;
		transform: scale(0) rotate(360deg);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}*/

.sp-content span {
    font-size: 60px;
    font-weight: 700;
    position: relative;
    display: inline-block;
}
/*-----------------------------------------*/


/*testimonial section*/

.testimonial_s_btn {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.testimonial_s_btn span {
    display: inline-block;
    background: #585858;
    font-size: 13px;
    font-weight: 600;
    padding: 8px;
    width: 115px;
    margin: 0 5px 5px;
    color: #ffffff;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 1px;
}

.change_text, .test_con_text {
    position: relative;
    width: 100%;
    float: left;
}

section.testimonial_s {
    background: #292929;
    padding-bottom: 80px;
}

.testimonial_s_btn span:hover {
	background: #008f3f;
	color: #fff
}

.test_con_text {
	display: none
}

.change_text {
    height: 400px;
    max-width: 1210px;
    width: 100%;
    float: inherit;
    margin: auto;
    left: 50%;
    transform: translate(-50%);
}

.change_divide,
.change_divide2 {
	height: 100%;
	padding: 5px 0;
	float: left
}

.change_divide {
	width: 70%;
	display: table
}

.change_divide2 {
	width: 30%
}

.change_divide .change_divide_u p {
	font-size: 15px;
	line-height: 2;
	color: #fff;
	font-weight: 500
}

.change_divide .change_divide_u p b {
	background: #e48b05;
	padding: 3px 20px;
	border-radius: 50px
}

.change_divide .change_divide_u p span:after {
	position: absolute;
	content: '';
	width: 80px;
	height: 1px;
	background: #fff;
	top: 14px;
	left: -89px
}

.change_divide .change_divide_u p span {
	width: auto;
	margin-top: 12px;
	font-style: italic;
	font-weight: 600;
	display: inline-block;
	position: relative
}

.change_divide .change_divide_u p label {
	width: 100%;
	float: left;
	position: relative;
	text-align: right
}

.change_divide .change_divide_u p .f_lbl {
	margin-top: 20px
}

.change_divide .change_divide_u h2 {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	border-bottom: 2px solid #ffebcd;
	padding-bottom: 16px
}

.change_divide .change_divide_u {
    background: #383838;
    padding-left: 160px;
    padding-right: 160px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 0px 5px 5px 0px;
    overflow: hidden;
}
.change_divide_u {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    border-radius: 5px 0px 0px 5px;
    overflow: hidden;
}

.change_divide .change_divide_u img {
	position: absolute;
	bottom: 10px;
	right: 20px;
	opacity: .6
}

.top_test_img {
    position: absolute;
    top: 20px;
    left: 29px;
    transform: rotate(-180deg);
    width: 60px;
}

.testi_boxes img {
	width: 100px;
	margin-top: 16px
}

.testi_boxes:first-child img {
	box-shadow: 0 0 5px 5px #efefef
}

.testi_boxes:hover img {
	box-shadow: 0 0 5px 5px #efefef!important
}

.testi_boxes {
	width: 50%;
	float: left;
	height: 130px;
	border: 1px solid #f1f1f1;
	border-top: none;
	border-left: none;
	position: relative;
	text-align: center
}
@media (max-width: 991px){
.change_text {
    height: auto;
    background: #fff;
}

.change_divide, .change_divide2 {
    width: 100%;
    padding: 0;
}
.testi_boxes {
    width: 33.3%;
}
}

.tetsi_last {
    padding-bottom: 0;
}
section.testimonial_s h2 {
    color: #fff;
}
span.tablinks.active_sh {
    background: #ff5300;
}
/*testimonial section*/

a.pack_user {
    margin-top: 40px;
    margin-bottom: 33px;
}
a.pack_user, a.pack_user1 {
    width: 160px;
    display: inline-block;
    text-align: center;
    display: block;
    margin: auto;
    background: #dbdcdb;
    height: 37px;
    color: #676666;
    border-radius: 50px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 13px;
    position: relative;
    margin-top: 34px;
}
a.pack_user:after {
    position: absolute;
    content: 'Pour les utilisateurs indiens';
    font-size: 9px;
    left: 50%;
    width: 80%;
    transform: translate(-50%);
    top: -12px;
    background: #57ab57;
    color: #fff;
    font-weight: 500;
    border-radius: 13px;
}
a.pack_user1:after {
    position: absolute;
    content: 'Pour les utilisateurs à l’étranger';
    font-size: 9px;
    left: 50%;
    width: 80%;
    transform: translate(-50%);
    top: -12px;
    background: #57ab57;
    color: #fff;
    font-weight: 500;
    border-radius: 13px;
}
a.pack_user:hover, a.pack_user1:hover {
    text-decoration: none;
    background: #404040;
    color: #fff;
}

.sp-content h2 {
    position: relative;
    width: 100%;
    float: left;
}
.sp-content h2 a {
    color: #fff;
    font-size: 56px;
    text-decoration: none;
    font-weight: 700;
}