body {
   /* font-family: var(--font-family);*/
    background-color: var(--main-bg-color);
    width: 100%;
    float: left;
    position: relative;
    overflow-x: hidden !important;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}
svg {
  width: 100px;
  height: 100px;
  margin: 20px;
  display: inline-block;
}

section{
	position: relative;
	width: 100%;
	float: left;
}
/*header css*/
header {
    background: var(--white-color);
    float: left;
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 9;
    border-bottom: var(--border-color);
}
/*--------------------------remove small section---------------------------*/

.nutrition_section {
    display: none;
}
.rice_details_c .nutrition_section {
    display: block !important;
}

/*--------------------------remove small section---------------------------*/
.top_header {
    width: 100%;
    float: left;
    height: 42px;
    background: var(--white-color);
    position: relative;
    border-bottom:var(--border-color)
}

.max_width_for_top_header {
    max-width: 1300px;
    width: 100%;
    margin: auto;
    position: relative;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

nav {
    width: 100%;
    float: left;
    height: 75px;
    background: var(--white-color);
    position: relative;
}

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

.top_header_divide span img {
    width: 12px;
    position: relative;
    top: -1px;
    margin-right: 1px;
}

.top_header_divide span {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-right: 25px;
    color: var(--text-color);
    cursor: pointer;
    height: 100%;
    position: relative;
    padding-top: 12px;
}

.right_top_header {
    text-align: right;
}
.top_header_divide .sign_in_button {
    background: #ffffff;
    font-size: 12px;
    padding-left: 12px;
    height: 30px;
    padding-right: 12px;
    color: #ff5300;
    border-radius: 4px;
    position: relative;
    top: -1px;
    padding-top: 5px;
    border: var(--border-color);
    font-weight: 600;
}
.down_sign_in a {
    font-size: 12px;
    line-height: 3;
    text-align: left;
    padding-left: 20px;
    font-weight: 500;
    border-bottom: 1px dotted #d2d2d2;
    transition-duration: 0.5s;
}
.down_sign_in a:last-child {
    border: none;
}
.down_sign_in {
    position: absolute;
    background: #ffffff;
    width: 150px;
    top: 27px;
    right: -1px;
    padding-top: 0px;
    border-radius: 5px 0px 5px 5px;
    display: none;
    border: var(--border-color);
    overflow: hidden;
}
.top_header_divide .sign_in_button:hover {
    border-bottom: none;
    border-radius: 3px 3px 0px 0px;
}
.sign_in_button:hover .down_sign_in {
    display: block;
    z-index: 1;
    border-radius: 5px 0px 5px 5px;
}
.primary_hover:hover {
    background: #cc4200 !important;
    color: #ffffff;
}

.top_header_divide.right_top_header span:last-child {
    margin: 0;
}

.top_header_divide span a {
    color: inherit;
    text-decoration: none;
    display: block;
    height: 100%;
}

.menu_divide1, .menu_divide2 {
    width: 30%;
    height: 100%;
    float: left;
    position: relative;
}
.menu_divide2 {
    width: 70%;
}
.menu_divide1 {
    padding-top: 9px;
}
.menu_divide1 a {
    display: inline-block;
}
.menu_divide2 span a {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-color);
    text-decoration: none;
    height: 100%;
    display: inline-block;
    top: 0px;
    padding-top: 25px;
}
.menu_divide2 {
    text-align: right;
}
.menu_divide2 span {
    position: relative;
    margin-right: 25px;
    height: 100%;
    display: inline-block;
}
.menu_divide2 span:last-child {
    margin: 0;
}
.menu_divide2 span:before {
    position: absolute;
    content: '';
    bottom: 24px;
    width: 0px;
    height: 1px;
    background: var(--text-color);
    left: 50%;
    transform: translate(-50%);
    transition-duration: 0.5s;
}
.menu_divide2 span:after {
    position: absolute;
    content: '';
    top: 18px;
    width: 0px;
    height: 1px;
    background: var(--text-color);
    left: 50%;
    transform: translate(-50%);
    transition-duration: 0.5s;
}
.menu_divide2 span:hover::after{
	width: 50px;
}
.menu_divide2 span:hover::before{
	width: 50px;
}

.menu_divide2 .buy_cements:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 35px;
    background: #ffdece;
    top: 50%;
    left: initial;
    right: 0;
    transform: translate(0%, -50%);
    margin-top: -2px;
}
.menu_divide2 .buy_cements:after{
    display: none;
}
.menu_divide2 .buy_cements:hover::before {
    right: 50%;
    transform: translate(50%, -50%);
}
.menu_divide2 .get_a_nav {
    background: var(--primary-color);
    height: 35px;
    line-height: 0;
    border-radius: 3px;
}
/*.menu_divide2 .get_a_nav {
    background: var(--primary-color);
    height: 35px;
    line-height: 0;
    border-radius: 3px;
    transform: scale(51);
    transition-duration: 0.5s;
    opacity: 0;
}*/
.menu_divide2 .get_a_nav a {
    padding-top: 18px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding-right: 12px;
    padding-left: 12px;
}
.menu_divide2 .get_a_nav:before{
    display: none;
}
.menu_divide2 .get_a_nav:after{
    display: none;
}
/*header css*/

/*slider with ads section for desktop*/

.slider_with_ads_section {
    position: relative;
    width: 100%;
    float: left;
    height: 500px;
    box-sizing: border-box;
    padding-top: 6px;
}
.parent_one {
    position: relative;
    width: 20%;
    height: 100%;
    float: left;
    padding: var(--box-gap);
    box-sizing: border-box;
    padding-left: 0;
    box-sizing: border-box;
}
.parent_two {
    position: relative;
    width: 60%;
    height: 100%;
    float: left;
    padding: var(--box-gap);
    box-sizing: border-box;
    overflow: hidden;
}
.parent_three {
    position: relative;
    width: 20%;
    height: 100%;
    float: left;
    padding: var(--box-gap);
    padding-right: 0px;
    box-sizing: border-box;
}
.child_one, .child_two, .child_three, .child_one1_app {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    overflow: hidden;	
    background: var(--white-color);
    border: var(--border-color);
    border-radius: var(--border-radius);
}

.child_one {
    height: calc(68% - 7px);
    margin-bottom: var(--box-gap);
}
.child_one1_app {
    height: calc(32% - 7px);
    margin-top: var(--box-gap);
    overflow: hidden;
}
.child_one img, .child_three img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*slider with ads section for desktop*/
.live_count_news_video {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.l_n_v {
    float: left;
    height: 125px;
    position: relative;
    padding: var(--box-gap);
}
.live_count {
    width: 50%;
    padding-left: 0;
}
.live_news {
    width: 30%;
}
.live_video {
    width: 20%;
    padding-right: 0px;
}
.l_n_v_box {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    background: var(--white-color);
    border: var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.qr_text p {
    font-size: 12px;
    float: left;
    color: var(--gray-text);
}
.qr_text h3 {
    font-size: 14px;
    font-weight: 600;
    float: left;
    margin-bottom: 2px;
    margin-top: 13px;
    color: var(--text-color);
}
.buyer_qr img {
    width: 80px;
    float: left;
    margin-right: 5px;
}
.qr_text {
    float: left;
    width: calc(100% - 90px);
}
.buyer_qr {
    position: absolute;
    width: 100%;
    float: left;
    height: 65%;
    border-bottom: var(--border-color);
    padding: 7px;
    padding-top: 7px;
    transition-duration: 0.5s;
    background: var(--white-color);
}
.seller_qr {
    border: none;
    padding-top: 7px;
    left: 250px;
    height: 64%;
}
.chnage_qr p {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 24px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.chnage_qr .next_qr {
    transform: rotate(180deg);
    margin-left: 0;
}
.chnage_qr img {
    width: 15px;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translate(-50%);
    margin-left: -150px;
    transition-duration: 1s;
    -webkit-animation: mymove 3s infinite;
    animation: mymove 3s infinite;
}


@-webkit-keyframes mymove {
  0%   {left: 43%;}
  50% {left: 50%;}
  100% {left: 43%;}
}

/* Standard syntax */
@keyframes mymove {
  0%   {left: 43%;}
  50% {left: 50%;}
  100% {left: 43%;}
}

.chnage_qr {
    width: 100%;
    float: left;
    position: absolute;
    height: 50px;
    bottom: 0;
    text-align: center;
    cursor: pointer;
}



.first_slide_text {
    position: absolute;
    bottom: 31px;
    width: 100%;
}
.first_slide_text a {
    display: inline-block;
    background: #fff;
    padding: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #3c3c3c;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50px;
    float: left;
    text-decoration: none;
}
.first_slide_text a:first-child {
    margin-left: 96px;
}
.first_slide_text a:last-child {
    margin-right: 80px;
    float: right;
}
.first_slide_text a:hover {
    background: #ff5300;
    color: #fff;
}






.ads:after {
    position: absolute;
    content: "الإعلان";
    top: 8px;
    left: 8px;
    background: rgba(6, 6, 6, 0.48);
    font-size: 11px;
    font-weight: 400;
    padding: 1px;
    padding-left: 6px;
    padding-right: 6px;
    color: #fff;
    border-radius: 3px;
}

.l_n_v_common {
    width: 33.3%;
    position: relative;
    height: 100%;
    float: left;
    border-right: var(--border-color);
    padding: 20px;
}
.l_n_v_img {
    width: 20%;
    height: 100%;
    float: left;
    position: relative;
}
.l_n_v_text {
    width: 80%;
    float: left;
    position: relative;
    padding-left: 10px;
}
.l_n_v_text p {
    font-size: 30px;
    font-weight: 600;
    color: var(--text-color);
}
.l_n_v_text h3 {
    font-size: 12px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    color: var(--gray-text);
}
.l_n_v_img img {
    position: relative;
    top: -4px;
}
.l_n_v_box .l_n_v_common:last-child {
    border: none;
}
/*news_section*/

.news_control {
    width: 100%;
    float: left;
    position: relative;
    height: 30px;
    border-bottom: var(--border-color);
}
.news_box {
    width: 100%;
    float: left;
    position: relative;
    height: 79px;
}
.news_text {
    width: 80%;
    float: left;
    position: relative;
    border-right: var(--border-color);
    height: 100%;
}
.news_second {
    width: 20%;
}
.news_back, .news_next {
    width: 10%;
    text-align: center;
    padding-top: 2px;
    cursor: pointer;
}
.news_next {
    border: none;
}
.news_text p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    margin-top: 6px;
    margin-left: 34px;
    color: var(--text-color);
}
.news_second p {
    margin-left: 0;
    text-align: center;
}
.news_text span {
    width: 10px;
    height: 10px;
    background: #47b900;
    float: left;
    margin-top: 10px;
    margin-left: 18px;
    border-radius: 50px;
}
.news_back:hover, .news_next:hover {
    background: var(--primary-light);
}

.news_content p {
    font-size: 12px;
    margin: 0;
    color: var(--text-color);
    height: 34px;
    overflow: hidden;
}
.news_content span {
    position: absolute;
    bottom: 11px;
    right: 10px;
    background: #ffc9af;
    font-size: 10px;
    padding: 1px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border: 5px solid #fff;
}
.news_content h3 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--text-color);
    height: 16px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_content {
    width: 100%;
    float: left;
    height: 82px;
    overflow: hidden;
    padding: 18px;
    padding-top: 10px;
    outline: none;
    cursor: pointer;
}
.news_section_con {
    position: fixed;
    top: 0;
    background: rgba(68, 68, 68, 0.95);
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    display: none;
}
.news_unders_sec_con {
    position: relative;
    max-width: 768px;
    width: 100%;
    margin: auto;
    height: 100%;
}
.f2_close:hover {
    transform: rotate(90deg);
}
.f2_close {
    width: 35px;
    position: absolute;
    right: 21px;
    top: 21px;
    transition-duration: 1s;
    cursor: pointer;
    z-index: 9;
    background: #fff;
    padding: 7px;
    border-radius: 50px;
}
  
.news_all_text {
    width: 100%;
    height: 70%;
    float: left;
    position: relative;
    padding: 30px;
    padding-bottom: 100px;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
}
.common_news_image {
    width: 100%;
    height: 30%;
    object-fit: cover;
}
.news_all_text p {
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #565656;
    line-height: 1.5;
}
.news_all_text h3 {
    font-size: 19px;
    font-weight: 500;
    color: #464646;
}
.news_all_text span {
    font-size: 11px;
    color: gray;
    background: #ececec;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 50px;
}
.news_all_text b {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    background: #ffe0c9;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 10px;
}
/*news_section*/

/*video section*/

.l_n_v.live_video .l_n_v_box video {
    width: 100%;
    height: 127%;
    position: relative;
    top: -14px;
}
.l_n_v.live_video .l_n_v_box {
    background: #092a57;
    overflow: hidden;
}
.l_n_v.live_video .l_n_v_box:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(255, 255, 255) 60%, rgba(0,212,255,0) 100%);
}
.videos_icon {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 35px;
    padding: 4px;
    padding-left: 7px;
}
.videos_icon img {
    width: 24px;
    float: left;
    margin-right: 5px;
}
.videos_icon p {
    font-size: 11px;
    float: left;
    margin-top: 4px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--text-color);
}
.expand_videos img {
    display: inline-block;
    margin: auto;
    width: 21px;
}
.expand_videos {
    float: right;
    width: 26px;
    height: 28px;
    position: relative;
    top: -3px;
    right: 3px;
    text-align: center;
    padding: 3px;
    border-radius: 4px;
    transition-duration: 0.5s;
    cursor: pointer;
}
.expand_videos:hover{
	background-color: var(--primary-light);
}
/*video section*/
/*slider css*/

.upper_slider {
    width: 100%;
    float: left;
    position: relative;
    height: 80%;
    background: var(--white-color);
    overflow: hidden;
    border-radius: 3px 3px 0px 0px;
}
.down_slider {
    position: relative;
    float: left;
    width: 100%;
    height: 20%;
    background: var(--white-color);
    padding: 12px;
    border-radius: 0px 0px 3px 3px;
    border: var(--border-color);
    border-top: 0px;
}
.down_slider .slider-nav .down_img img {
    width: 100%;
    height: 40px;
    object-fit: cover;
    border-radius: 3px;
    float: left;
}
.down_slider .slider-nav {
    height: 100%;
    margin: 0;
}
.down_slider .slider-nav .down_img {
    height: 100%;
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
    outline: none;
}
.slick-track {
    height: 100%;
}
.slick-list {
    height: 100%;
}
.slider-nav {
    height: 100%;
}
.down_slider .slider-nav .down_img p {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 11px;
    color: var(--text-color);
}
/*slider css*/
/*common heading and button*/

.common_heading {
    position: relative;
    width: 100%;
    float: left;
    margin-top: var(--heading-top-margin);
    margin-bottom: var(--heading-bottom-margin);
}
.headline_text {
    width: 86%;
    float: left;
    position: relative;
    padding-top: 10px;
}
.headline_text h3, .headline_text h1, .headline_text h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--text-color);
    background:var(--main-bg-color);
    display: inline-block;
    padding-right: 25px;
    position: relative;
}
.common_button {
    width: 14%;
    float: left;
    position: relative;
    text-align: right;
}
.common_button a {
    background: var(--primary-color);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
    border-radius: 3px;
    text-decoration: none;
}
.headline_text:before {
    position: absolute;
    content: '';
    width: 98%;
    height: 1px;
    background: #e0e0e0;
    top: 20px;
    left: 0;
}


/*common heading and button*/

/*products grid home page*/

.products_grid {
    width: 100%;
    float: left;
    position: relative;
}
.products_grid_box {
    position: relative;
    float: left;
    width: 20%;
    height: 285px;
    padding: var(--box-gap);
    padding-bottom: 0;
}
.products_grid_under {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
    background: var(--white-color);
    overflow: hidden;
    border: var(--border-color);
    border-radius: var(--border-radius);
}
.products_grid_box:last-child {
    padding-right: 0;
}
.products_grid_box:first-child {
    padding-left: 0;
}
.products_pic {
    height: 74%;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.products_content {
    position: relative;
    width: 100%;
    height: 26%;
    float: left;
    padding: 15px;
    padding-top: 7px;
}
.products_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.products_content p {
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 5px;
    padding-left: 4px;
    color: var(--text-color);
}
.products_button a {
    width: calc(50% - 10px);
    display: inline-block;
    font-size: 11px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 4px;
    margin-right: 5px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: 500;
}
.products_button {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.products_button .get_A_quotes {
    background: var(--light-gray);
    color: var(--gray-text);
}

.reg_btn a {
    background: #505050;
    padding: 11px;
    display: block;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
}
.reg_btn {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 5px;
}
.reg_btn a:hover {
    background: #353535;
}
/*products grid home page*/

/*center ads in home page*/
.middle_ads_section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.middle_ads_section {
    width: 100%;
    float: left;
    height: 120px;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
    margin-top: var(--margin-fort);
    border: var(--border-color);
}

/*center ads in home page*/

/*step towerd css for home*/

.step_towerd {
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 13px;
    border-bottom: 5px solid #fff;
}
.step_parent {
    width: 14.28%;
    float: left;
    height: 160px;
    position: relative;
    padding: 13px;
}
.step_child {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    background: var(--white-color);
    border-radius: 0px 0px 0px 25px;
    padding: 37px;
    padding-left: 20px;
    padding-right: 20px;
}

.top_step_strip {
    position: absolute;
    width: 78%;
    height: 40px;
    background: red;
    left: 0;
    z-index: 1;
    border-radius: 0px 20px 20px 0px;
    top: 0;
    padding: 7px;
    padding-left: 15px;
}
.top_step_strip span {
    position: absolute;
    background: var(--white-color);
    top: 5px;
    right: 6px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
}
.top_step_strip p {
	position: relative;
    font-size: 13px;
    color: var(--white-color);
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 3px;
    letter-spacing: 3px;
}
.step_child:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 26px solid var(--white-color);
    border-right: 25px solid transparent;
    bottom: -26px;
    right: 0;
}

.top_step_strip:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    left: 0;
    top: 40px;
}
.step_child:before {
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    bottom: -36px;
    right: 17px;
    border-radius: 60px;
    z-index: 1;
}

.r1:before{
	background-image: var(--g1-gredient);
}
.r2:before{
	background-image: var(--g2-gredient);
}
.r3:before{
	background-image: var(--g3-gredient);
}
.r4:before{
	background-image: var(--g4-gredient);
}
.r5:before{
	background-image: var(--g1-gredient);
}
.r6:before{
	background-image: var(--g3-gredient);
}
.r7:before{
	background-image: var(--g4-gredient);
}



.g1:after{
	border-top: var(--g1-after);
}
.g2:after{
	border-top: var(--g2-after);
}
.g3:after{
	border-top: var(--g3-after);
}
.g4:after{
	border-top: var(--g4-after);
}
.g5:after{
	border-top: var(--g1-after);
}
.g6:after{
	border-top: var(--g3-after);
}
.g7:after{
	border-top: var(--g4-after);
}

.g1{
	background-image: var(--g1-gredient);
}
.g2{
	background-image: var(--g2-gredient);
}
.g3{
	background-image: var(--g3-gredient);
}
.g4{
	background-image: var(--g4-gredient);
}
.g5{
	background-image: var(--g1-gredient);
}
.g6{
	background-image: var(--g3-gredient);
}
.g7{
	background-image: var(--g4-gredient);
}


.step_under_text p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 15px;
    color: var(--text-color);
}
.step_under_text {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 6px;
}
/*step towerd css for home*/

/*why trade how trade section*/

.divide_why_and_how {
    width: 100%;
    float: left;
    position: relative;
}
.why_trade {
    width: 30%;
    height: 100%;
    float: left;
    padding: var(--box-gap);
    padding-left: 0;
}
.how_trade {
    width: 70%;
    height: 100%;
    float: left;
    padding: var(--box-gap);
    padding-right: 0;
}
.trade_under{
	position: relative;
	width: 100%;
	height: 100%;
	background-color:var(--white-color);
	float: left;
	border-radius: var(--border-radius);
	border:var(--border-color);
}
.divide_why_and_how .headline_text {
    width: 100%;
}
.divide_why_and_how .headline_text:before {
    width: 100%;
}
.why_icon {
    width: 50%;
    float: left;
    height: 149px;
    position: relative;
    padding: 22px;
    text-align: center;
    padding-top: 28px;
}
.why_text {
    width: 100%;
    float: left;
    position: relative;
}
.why_text p {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 14px;
    color: var(--text-color);
    line-height: 1.2;
}
.why_trade .trade_under:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: var(--white-color);
    border-right: var(--border-color);
    top: 0;
    left: 50%;
}
.why_trade .trade_under:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: var(--white-color);
    border-top: var(--border-color);
    top: 50%;
    left: 0;
}
.how_child {
    width: 25%;
    float: left;
    height: 300px;
    position: relative;
    border-right: var(--border-color);
    padding: 20px;
    text-align: center;
    padding-top: 32px;
}
.how_child:last-child{
	border:none;
}
.how_child p {
    font-size: 13px;
    width: 100%;
    float: left;
    position: relative;
    color: var(--text-color);
}
.how_child h3 {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    float: left;
    margin-bottom: 12px;
    margin-top: 12px;
    position: relative;
    color: var(--text-color);
}
.how_child a {
    position: absolute;
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: var(--text-color);
    left: 50%;
    transform: translate(-50%);
    bottom: 30px;
}
.how_child a:hover {
    color: gray;
}
/*why trade how trade section*/

/*testimonial css for home*/

.testimonial {
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background: var(--white-color);
    margin-top:  var(--heading-top-margin);
}
.testimonial:after {
    position: absolute;
    content: '';
    width: 691px;
    height: 577px;
    right: 0;
    background-image: url(../img/testimonial.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.tetsi_heading {
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}
.testi_text {
    max-width: 300px;
    width: 100%;
    float: left;
    font-size: 28px;
    margin-top: 20px;
    position: relative;
    color: var(--text-color);
}
.tetsi_heading {
    font-size: 18px;
    text-transform: uppercase;
    float: left;
    position: relative;
    width: 100%;
    color: var(--text-color);
}
.tetsi_heading:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background: var(--primary-color);
    bottom: -7px;
    left: 0;
}
.image_tesati {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 12px;
}

.say_client {
    max-width: 430px;
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}
.testimonial .slick-dots {
    display: none;
}
.say_say {
    font-size: 13px;
    width: 100%;
    float: left;
    position: relative;
    color: var(--text-color);
}
.say_image {
    width: 60px;
    height: 60px;
    float: left;
    background: gray;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
}
.say_people {
    width: calc(100% - 60px);
    float: left;
    position: relative;
}
.say_people {
    width: calc(100% - 60px);
    float: left;
    position: relative;
    padding-left: 12px;
    padding-top: 9px;
}
.sya_l {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--text-color);
}
.sya_m {
    width: 100%;
    float: left;
    font-size: 12px;
    position: relative;
    color: var(--gray-text);
}
.testimonial .slick-dots {
    display: none !important;
}
.say_client .slick-prev:before, .say_client .slick-next:before {
    font-size: 25px;
    color: gray;
}
.say_client .slick-next {
    right: 14px;
    top: 101px;
}
.say_client .slick-prev {
    left: inherit !important;
    right: 50px;
    top: 101px;
}
.say_client .slick-initialized .slick-slide {
    outline: none;
}
.testi_under {
    width: 100%;
    float: left;
    margin-top: 110px;
    position: relative;
}
.say_image img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
}
/*testimonial css for home*/

/*donwlaod app css for home*/

.downlaod_app {
    width: 100%;
    height: 520px;
    background: #f5fbff;
    position: relative;
    overflow: hidden;
}

.mobile_section {
    width: 30%;
    float: left;
    position: relative;
    margin-top: 41px;
}
.mobile_section img {
    position: relative;
    left: -28px;
}
.app_download_section {
    width: 70%;
    float: left;
    position: relative;
    margin-top: 111px;
}
.app_heading h3 {
    font-size: 28px;
    position: relative;
    color: var(--text-color);
}
.app_heading {
    width: 100%;
    float: left;
    position: relative;
}
.app_text p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--text-color);
}
.app_text {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
}
.android_ios {
    width: 80%;
    float: left;
    position: relative;
    margin-top: 30px;
}
.android {
    width: 50%;
    float: left;
    position: relative;
}
.android h3 {
    font-size: 18px;
    width: 100%;
    float: left;
    position: relative;
}
.android p {
    font-size: 13px;
    width: 100%;
    float: left;
    position: relative;
}
.divide_app_img a {
    float: left;
    margin-right: 5px;
    position: relative;
}
.downlaod_app:after {
    position: absolute;
    content: '';
    width: 360px;
    height: 558px;
    right: 0;
    top: 0;
    background-image: url(../img/paddy.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/*donwlaod app css for home*/

/*footer css*/
footer {
	position: relative;
    width: 100%;
    float: left;
    padding-top: 50px;
}
.top_footer {
    width: 100%;
    float: left;
    position: relative;
}
.footer_right {
    width: calc(100% - 300px);
    float: left;
    position: relative;
    padding-right: 20px;
}
.footer_left {
    max-width: 300px;
    width: 100%;
    float: left;
    position: relative;
}
.f1 {
    width: 100%;
    float: left;
    position: relative;
}
.f1_content {
    width: 25%;
    float: left;
    position: relative;
}
.f1_content h4 {
    font-size: var(--footer-text);
    text-transform: uppercase;
    width: 100%;
    float: left;
    position: relative;
    color: var(--text-color);
}
.f1_content a {
    width: 100%;
    float: left;
    font-size: 13px;
    color: var(--gray-text);
    line-height: 1.6;
    /*text-decoration: none;*/
    transition-duration: 0.5s;
}
.f1_content a:hover {
    color: var(--text-color);
}
.f1 {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: var(--border-color);
    padding-bottom: 40px;
    padding-top: 12px;
}
.f1.f1_down {
    padding-top: 40px;
}
.f1_down .f1_content {
    width: 33.3%;
}
.f1_down .f1_content h4 {
    text-transform: capitalize;
}
.f1_down .need_help h4 {
    text-transform: uppercase;
}
.need_help {
    padding-left: 73px;
}
.f1_content p {
    font-size: 13px;
    width: 100%;
    float: left;
    padding-right: 30px;
    color: var(--gray-text);
}
.footer_pay_social {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 40px;
    border-bottom: var(--border-color);
    padding-bottom: 40px;
}
.f_payment {
    width: 50%;
    float: left;
    position: relative;
}
.f_social{
	width: 50%;
    float: left;
    position: relative;
}
.f_payment h4, .f_social h4 {
    font-size: var(--footer-text);
    text-transform: uppercase;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.f_payment img {
    position: relative;
    left: -3px;
}
.footer_social a img {
    width: 26px;
}
.footer_social a {
    float: left;
    position: relative;
    margin-right: 9px;
}
.footer_social {
    width: 100%;
    float: left;
    position: relative;
}
.fb_footer {
    margin-left: -7px;
}
.footer_dcrip p, .footer_dcrip p a {
    font-size: 12px;
    line-height: 1.8;
    color: #828282;
    font-weight: 300;
    text-decoration: none;
}
.footer_dcrip {
    width: 100%;
    float: left;
    position: relative;
    /*padding-top: 40px;*/
    padding-bottom: 40px;
}
.footer_dcrip p a:hover {
    color: var(--text-color);
    font-weight: 400;
}
.footer_dcrip h4 {
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #6b6a6a;
}
.footer_dcrip h5 {
    font-size: 14px;
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #6b6a6a;
}
.last-footer p {
    font-size: 12px;
    color: gray;
}
.last-footer {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    border-top: var(--border-color);
    padding-top: 15px;
}
/*footer css*/

/*products css */

.top_products_list {
    width: 100%;
    background: var(--white-color);
    float: left;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top_p_grid {
    width: 12.5%;
    float: left;
    height: 120px;
    text-align: center;
    position: relative;
    padding: 5px;
}
.top_p_grid a {
    width: 100%;
    float: left;
    height: 100%;
    padding-top: 19px;
    background: #fdf4f0;
}
/*.top_p_grid:first-child {
    border-left: var(--border-color);
}
.show_products_lists .top_p_grid:first-child {
    border-left: none;
}
.show_products_lists .top_p_grid:nth-child(2) {
    border-left: var(--border-color);
}*/

.top_p_image {
    width: 50px;
    height: 50px;
    background: var(--light-gray);
    border-radius: 50px;
    margin: auto;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.top_p_grid p {
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    color: var(--text-color);
}

.top_products_list .top_grid_a .view_top_products {
    background: var(--light-gray);
    color: var(--text-color);
    display: inline-block;
    font-size: 12px;
    padding-left: 17px;
    padding-right: 17px;
    border-radius: var(--border-radius);
    text-decoration: none;
    margin-top: 41px;
    transition-duration: 0.5s;
    width: 108px;
    height: 38px;
    padding-top: 10px;
    float: initial;
    text-transform: uppercase;
    font-weight: 600;
}
.top_p_grid a:hover {
    color: gray;
}
.top_p_grid .view_top_products:hover{
	background: var(--gray-text);
	color: var(--white-color);
}

.all_products_parent {
    width: 100%;
    position: relative;
    float: left;
    padding-top: 6px;
}
.product_image_left {
    width: 30%;
    float: left;
    position: sticky;
    position: -webkit-sticky;
    top: 123px;
    padding: var(--box-gap);
    box-sizing: border-box;
    padding-left: 0;
    overflow: hidden;
    padding-bottom: 10px;
}
.product_info_middle {
    width: 45%;
    float: left;
    position: relative;
    padding: var(--box-gap);
    box-sizing: border-box;
}
.product_info_right {
    width: 25%;
    float: left;
    position: relative;
    padding: var(--box-gap);
    box-sizing: border-box;
    padding-right: 0;
}
.product_image_unders {
    width: 100%;
    background: var(--white-color);
    position: relative;
    float: left;
    border-radius: var(--border-radius);
}
.product_info_unders {
    width: 100%;
    background: var(--white-color);
    position: relative;
    float: left;
    border-radius: var(--border-radius);
}
.product_info_unders1{
	width: 100%;
    position: relative;
    float: left;
    border-radius: var(--border-radius);
}
.appned_image_in_pro {
    width: 100%;
    height: 82%;
    float: left;
    position: relative;
    padding: 5px;
}

.appned_image_in_pro img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.products_get_qouts {
    width: 100%;
    height: 65px;
    background: var(--primary-color);
    float: left;
    position: relative;
    border-radius: var(--border-radius);
    margin-top: var(--margin-fort);
}
.products_get_qouts a {
    display: block;
    height: 100%;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 20px;
    text-decoration: none;
}
.products_get_qouts a:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 1px;
    background: #fff;
    left: 50%;
    transform: translate(-50%);
    top: 8px;
    transition-duration: 1s;
}
.products_get_qouts a:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 1px;
    background: #fff;
    left: 50%;
    transform: translate(-50%);
    bottom: 9px;
    transition-duration: 1s;
}
.products_get_qouts a:hover::after{
	width: 95%;
}
.products_get_qouts a:hover::before{
	width: 95%;
}
.eligible_section {
    width: 100%;
    float: left;
    background: var(--white-color);
    overflow: hidden;
    border-radius: var(--border-radius);
}
.eligible_under {
    width: 100%;
    background-color: var(--white-color);
    position: relative;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.eligible_under p {
    font-size: 13px;
    color: var(--text-color);
    text-align: center;
    margin: 0;
    font-weight: 600;
}
.eligible_button a {
    display: inline-block;
    font-size: 12px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 500;
    transition-duration: 0.5s;
    text-transform: uppercase;
}
.eligible_button a:hover{
	background-color: var(--gray-text);
	color: var(--white-color);
}
.eligible_button {
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    padding: 25px;
    padding-bottom: 17px;
    padding-top: 0;
    border-bottom: var(--border-color);
}
.poli_faq {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}
.poli_faq a {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    background: #e4e4e4;
    color: #5f5f5f;
    line-height: 34px;
    border-radius: 2px;
    text-decoration: none;
    transition-duration: 0.5s;
    padding: 20.5px;
    padding-top: 0;
    padding-bottom: 0;
}
.poli_faq a:hover {
    background: #777777;
    color: #fff;
}
.sell_on_right .sell_pro_text1 {
    padding-left: 21px;
    width: 47%;
    padding-top: 21px;
}
.sell_on_right .sell_pro_text1 p:nth-child(1) {
    font-size: 16px;
}
.sell_on_right .sell_pro_text1 p {
    font-size: 16px;
}
.sell_on_right .sell_pro_text {
    width: 52%;
    text-align: center;
}
.sell_on_right .sell_on_pro {
    border: none;
}


.products_news {
    width: 100%;
    float: left;
    position: relative;
    background: var(--white-color);
    margin-top: var(--margin-fort);
}
.sell_on_right {
    width: 100%;
    float: left;
    position: relative;
    background: var(--white-color);
    margin-top: var(--margin-fort);
}
.products_news h3, .social_network_pro h3 {
	position:relative;
    margin: 0;
    font-size: 13px;
    padding: 12px;
    padding-bottom: 10px;
    padding-left: 30px;
    border-bottom: var(--border-color);
    color: var(--text-color);
    width: 100%;
    float: left;
    text-transform: uppercase;
}
.news_appned {
    width: 100%;
    float: left;
    position: relative;
    height: 100px;
    padding: 14px;
    box-sizing: border-box;
    border-bottom: var(--border-color);
    cursor: pointer;
}
.news_image {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
}
.news_texts {
    width: 75%;
    height: 100%;
    float: left;
    position: relative;
    padding-left: 10px;
}
.news_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.news_texts h4 {
    font-size: 13px;
    font-weight: 600;
    height: 31px;
    overflow: hidden;
    width: 100%;
    float: left;
    color: var(--text-color);
    margin-bottom: 4px;
}
.news_texts p {
    font-size: 12px;
    width: 100%;
    float: left;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -3px;
}
.news_link span {
    font-size: 10px;
    font-weight: 500;
    background: #ffe2d4;
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 2px;
    color: #824b30;
}
.news_link a {
    font-size: 11px;
}
.news_link {
    width: 100%;
    float: left;
    position: relative;
}
.news_appned:last-child {
    border-bottom: none;
}
.social_network_pro {
    width: 100%;
    float: left;
    background: var(--white-color);
    border-radius: var(--border-radius);
    margin-top: var(--margin-fort);
}
.social_products a {
    display: inline-block;
    margin: 4px;
}
.social_products a img {
    width: 25px;
}
.social_products {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.social_network_pro h3 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.products_news h3:after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background: #13ad00;
    left: 17px;
    top: 16px;
}
.products_ads img {
    width: 100%;
}
.products_ads {
	position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    background: #fff;
    border-radius: var(--border-radius);
    margin-top: var(--margin-fort);
}


.product_info_unders h1 {
    font-size: 18px;
    padding: 24px;
    padding-left: 35px;
    border-bottom: var(--border-color);
    width: 100%;
    float: left;
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 0;
}
.middle_top p {
    font-size: 13px;
    color: var(--gray-black);
    margin-bottom: 10px;
    width: 100%;
    float: left;
    position: relative;
    cursor: pointer;
}
.show_seller:hover .seller_views {
    display:none;
}
.middle_top {
    width: 100%;
    float: left;
    position: relative;
    padding: 20px;
    padding-left: 35px;
}
.instock {
    font-size: 20px;
    font-weight: 600;
    color: #257f01;
    width: 100%;
    float: left;
    position: relative;
    display:none;
}
.veri b {
    color: var(--primary-color);
    position: relative;
}
.middle_top b {
    font-weight: 600;
}
.middle_top a {
    color: #5f5d5d;
   
}
.veg_icon p {
    float: initial;
    display: inline;
}
.veg_icon img {
    display: inline;
    margin-right: 4px;
}
.veg_icon {
    width: 100%;
    float: left;
    position: relative;
}
.text_pro_heading {
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-black);
    width: 100%;
    float: left;
    margin-top: 18px;
    margin-bottom: 15px;
}
.pro_list li {
    font-size: 13px;
    margin-bottom: 8px;
    position: relative;
    color: var(--gray-black);
}
.pro_list {
    width: 100%;
    float: left;
    padding-left: 17px;
    position: relative;
    margin-bottom: 0px;
}

.what_tardo p {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
    color: var(--gray-black);
    border-right: var(--border-color);
    padding-right: 12px;
    padding-left: 12px;
}
.what_tardo p:last-child {
    border-right: 0px;
}
.what_tardo p:nth-child(2) {
    padding-left: 0;
}
.what_tardo h3 {
    font-size: 14px;
    color: var(--gray-black);
    font-weight: 600;

}
.what_tardo {
    width: 100%;
    float: left;
    padding: 20px;
    padding-left: 35px;
    border-top: var(--border-color);
    border-bottom: var(--border-color);
}

.sell_on_pro {
    width: 100%;
    float: left;
    position: relative;
    height: 80px;
	border-bottom: var(--border-color);
	}
.sell_pro_text1 {
    width: 35%;
    height: 100%;
    position: relative;
    float: left;
    border-right: var(--border-color);
    padding: 15px;
    padding-left: 35px;
}
.sell_pro_text {
    width: 65%;
    height: 100%;
    position: relative;
    float: left;
    padding: 18px;
}
.sell_pro_text1 p {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.2;
}
.sell_pro_text1 p:nth-child(2) {
    color: var(--primary-color);
}
.sell_pro_text1 p:nth-child(1) {
    color: var(--text-color);
}
.sell_pro_text a {
    color: var(--gray-black);
    font-weight: 600;
    }
.sell_pro_text p {
    font-size: 13px;
    margin-bottom: 4px;
    color: var(--gray-black);
}
.minmum_quant {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: var(--border-color);
}
.min_div {
    width: 25%;
    height: 80px;
    float: left;
    position: relative;
    padding: 20px;
    padding-left: 35px;
}
.min_text {
    width: 70%;
    float: left;
    position: relative;
    padding: 20px;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 0;
}
.min_text p {
    font-size: 13px;
    width: 100%;
    float: left;
    color: var(--gray-black);
    margin-bottom: 0;
}
.min_text h3 {
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-bottom: 1px;
    color: var(--gray-black);
}
.min_text h3 b {
    font-weight: 600;
}
.min_divide {
    width: 100%;
    float: left;
    position: relative;
}
.nutrition_section {
    width: 100%;
    float: left;
    padding: 20px;
    padding-left: 35px;
    padding-top: 0;
    position: relative;
}
.nutrition_section ul {
    padding-left: 0;
}

.nutrition_section li {
    list-style-type: none;
    width: 50%;
    float: left;
    margin-bottom: 10px;
    font-size: 12px;
}
.nutrition_section li:nth-child(odd) {
    width: 50%;
    font-weight: 500;
}
.product_p .testimonial {
    margin-top: 8px;
}
.similar_products {
    width: 100%;
    float: left;
    background: var(--white-color);
    position: relative;
    padding-bottom: 60px;
    padding-top: 10px;
    margin-bottom: var(--box-gap);
    margin-top: var(--box-gap);
}
.product_p .headline_text h2 {
    background: var(--white-color);
}
.show_seller {
    display: inline-block;
    position: relative;
}
.seller_views {
    position: absolute;
    background: white;
    max-width: 220px;
    width: 100%;
    height: 250px;
    top: 24px;
    left: 75px;
    box-shadow: 0px 0px 20px 6px #d4d3d3;
    border-radius: 2px;
    z-index: 1;
    display: none;
}
.seller_views_under {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
}
.seller_views_under p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px;
    border-bottom: var(--border-color);
    padding-left: 12px;
    margin-bottom: 0px;
}
.seller_links {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 4px;
    height: calc(100% - 42px);
    overflow-x: hidden;
    overflow-y: scroll;
}
.seller_links a {
    font-size: 12px;
    width: 100%;
    float: left;
    padding: 3px;
    padding-left: 13px;
    padding-right: 13px;
}

.commom_scroll::-webkit-scrollbar {
    width: 5px;
}
 
.commom_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.commom_scroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.show_products_lists {
    position: relative;
}
.change_mjn {
    padding-left: 0px;
}
.change_mjn p{
    cursor: inherit;
}

/*products css */

/*Mega menu css*/

.mega_menus b {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 13px solid #ff5300;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    display: none;
}
.mega_menu_top {
    width: 100%;
    float: left;
    background: var(--white-color);
    position: relative;
}
.mega_top_child {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    box-sizing: border-box;
}
.mega_top_child a {
    width: 20%;
    float: left;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.place_icon {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 120px;
    padding-top: 19px;
}
.place_under img {
    width: 50px;
    position: relative;
}
.place_icon p {
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-top: 15px;
    color: var(--text-color);
}
.place_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 228, 216, 0.89);
    z-index: 1;
    opacity: 0;
    transition-duration: 0.5s;
    border-radius: 5px;
}
.place_icon:hover .place_hover {
    opacity: 1;
}
.place_hover img {
    width: 29px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -60px;
    opacity: 0.8;
    transition-duration: 1s;
}
.place_icon:hover .place_hover img {
    top: 44px;
}
.menu_buttom {
    max-width: 1130px;
    width: 100%;
    position: relative;
    padding-top: 55px;
    padding-bottom: 55px;
    margin: auto;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}
.all_text_menu {
    width: 100%;
    position: relative;
    float: left;
    border-bottom: var(--border-color);
    margin-bottom: 20px;
}
.menu_heading {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 0px;
}
.mega_paddys {
    padding-bottom: 0;
}
.box_place img {
    width: 40px;
}
.box_place {
    width: 70px;
    height: 70px;
    background: var(--light-gray);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-top: 15px;
    float: left;
    margin-right: 13px;
}
.menu_heading h2 {
    font-size: 18px;
    float: left;
    margin-top: 23px;
}
.mega_text {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}
.mega_text_under {
    width: 25%;
    position: relative;
    float: left;
    margin-bottom: 15px;
}
.mega_text_under a {
    display: block;
    font-size: 13px;
    color: var(--text-color);
    line-height: 1.8;
}
.mega_text_under h3 {
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    float: left;
    font-weight: 600;
    color: #504f4f;
}
.menu_color{
	background-color: var(--white-color);
}
.mega_menu_top:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    background-image: url(../img/light_patt.png);
    background-size: 190px;
    opacity: 0.2;
}
.mega_tag {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.mega_tag a {
    display: inline-block;
    font-size: 12px;
    background: #ffe7db;
    font-weight: 500;
    text-transform: uppercase;
    padding: 3px;
    color: #885f4c;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 8px;
    border-radius: 1px;
    margin-bottom: 8px;
}

.mega_menu_cons {
    position: fixed;
    width: 100%;
    left: 0;
    top: 118px;
    max-height: calc(100vh - 118px);
    overflow-y: scroll;
    display: none;
    border-bottom: 2px solid #d2d2d2;
}
.mega_menu_cons::-webkit-scrollbar {
    width: 5px;
}
 
.mega_menu_cons::-webkit-scrollbar-track {
    background-color: #fff;
}
 
.mega_menu_cons::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.mega_menu_cons .menu_buttom {
    padding-top: 0;
    padding-bottom: 0;
}
.click_menu_sec {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 18px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 18px;
}
.click_menu_sec span {
    font-size: 13px;
    font-weight: 500;
    background: #3a3a3a;
    height: 37px;
    float: left;
    line-height: 37px;
    padding-left: 20px;
    padding-right: 17px;
    margin-right: 10px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}
.click_menu_sec img {
    width: 12px;
    position: relative;
    top: -1px;
}
.click_menu_sec span p {
    float: left;
    margin-right: 6px;
    position: relative;
    margin-bottom: 0;
}
.click_menu_sec span b {
    position: absolute;
    width: 0;
    height: 100%;
    background: var(--primary-color);
    left: 0;
    top: 0;
    transition-duration: 1s;
}
.mega_menu_cons .all_text_menu {
    display: none;
    border: none;
    margin-bottom: 0;
}
.click_menu_sec .run_b b {
    width: 100%;
}
.mega_menu_cons .mega_text_under a {
    display: block;
    font-size: 12px;
    color: #5a5a5a;
    text-transform: uppercase;
    font-weight: 500;
}
.mega_menu_cons .mega_text_under h3 {
    font-size: 14px;
}

.mega_border {
    border-top: 1px solid #e2dede;
}


/*Mega menu css*/
/*popup css*/

.all_popups {
    position: fixed;
    top: 0;
    left: 3000px;
    width: 100%;
    height: 100vh;
    z-index: 9;
    transition-duration: 0.5s;
    overflow: hidden;
}
.all_popups:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--white-color);
    top: 0;
    left: 0;
    opacity: 0.9;
}
.common_popups {
    position: absolute;
    top: 50%;
    left: -310px;
    transition-duration: 0.5s;
    transform: translate(-50%, -50%);
    background: var(--white-color);
    box-shadow: 0px 5px 58px 0px #bbbbbb;
    overflow: hidden;
    border-radius: var(--border-radius);
}
.languages {
    max-width: 420px;
    width: 100%;
    height: auto;
}
.common_popups.languages h2 {
    font-size: 14px;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 40px;
    color: var(--text-color);
    margin-bottom: 30px;
}
.lang_button {
    max-width: 280px;
    width: 100%;
    position: relative;
    margin: auto;
    overflow: hidden;
    border: 1px solid #efefef;
}
.lang_button a:nth-child(2) {
    border-left:1px solid #efefef;
    border-right:1px solid #efefef;
}
.lang_button .lang_div {
    float: left;
    font-size: 13px;
    padding: 12px;
    width: 33.3%;
    text-align: center;
    font-weight: 500;
    color: var(--text-color);
    text-decoration: none;
    transition-duration: 0.2s;
    cursor: pointer;
    border-right: var(--border-color);
}
.lang_button .lang_div:last-child {
    border: none;
}
.lang_button .lang_div:hover {
    background: #0287e4;
    color: var(--white-color);
}
.lang_cancel .lang_btn {
    font-size: 13px;
    background: #d2d2d2;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    color: var(--white-color);
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--border-radius);
    display: inline-block;
    cursor: pointer;
    pointer-events: none;
}
.lang_cancel {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 27px;
}
.lang_cancel .lang_can:hover {
    color: gray;
}
.lang_cancel .lang_can {
    background: none;
    color: #b5b5b5;
    opacity: 1;
    pointer-events: inherit;
    background: transparent !important;
}
.active_lang{
    background: #23a4ff;
    color: #fff !important;
}
.close_pop img {
    width: 14px;
    opacity: 0.6;
}
.close_pop {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 8px;
    border-radius: 50px;
    text-align: center;
    padding-top: 3px;
    cursor: pointer;
    transition-duration: 0.5s;
}
.close_pop:hover{
    background: #f3f3f3;
}

.videos {
    max-width: 710px;
    width: 100%;
    height: 400px;
}
.videos video {
    width: 100%;
    height: 100%;
    position: relative;
}
.videos .close_pop {
    z-index: 9;
    background: var(--white-color);
}
.site_under_construnction p {
    font-size: 12px;
    background: #ff7676;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #e43535;
    padding: 5px;
}
.site_under_construnction {
    width: 100%;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 12px;
}
/*popup css*/

/*about us*/

.about_top {
    width: 100%;
    float: left;
    height: 500px;
    position: relative;
    margin-top: 7px;
}
.about_left, .about_right  {
    width: 60%;
    float: left;
    height: 100%;
    position: relative;
    padding: var(--box-gap);
}
.about_right {
    width: 40%;
}
.about_left_under, .about_right_under {
    width: 100%;
    height: 100%;
    float: left;
    background: var(--white-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}
.about_left {
    padding-left: 0;
}
.about_right {
    padding-right: 0;
}
.about_left_under img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.about_left_under h2 {
    font-size: 60px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.about_left_under span {
    position: absolute;
    width: 170px;
    height: 100px;
    background: var(--primary-color);
    left: 38%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.about_right_under p {
    font-size: 13px;
    margin-bottom: 10px;
    color: var(--text-color);
}
.about_right_under {
    padding: 35px;
}
.about_right_under p b {
    color: var(--primary-color);
    font-size: 14px;
}
.vis_mis {
    width: 100%;
    float: left;
    position: relative;
    height: 256px;
}
.vis_mis_left, .vis_mis_right {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    padding: var(--box-gap);
}
.vis_mis_under {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    background-color: var(--white-color);
    overflow: hidden;
    border-radius: var(--border-radius);
}
.vis_mis_right {
    padding-right: 0;
}
.vis_mis_left {
    padding-left: 0;
}
.vis_mis_text {
    width: 60%;
    height: 100%;
    float: left;
    position: relative;
    padding: 25px;
}
.vis_mis_image {
    width: 40%;
    height: 100%;
    float: left;
    position: relative;
}
.vis_mis_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.vis_mis_image .white_round {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 75px;
    height: 52px;
    bottom: 0;
}
.common_headig_dis {
    width: 100%;
    float: left;
    position: relative;
}
.common_headig_dis h2 {
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    color: var(--text-color);
    padding-left: 7px;
}
.after_bif {
    position: relative;
    display: inline-block;
    padding-right: 23px;
    margin-top: 4px;
}
.after_bif span {
    position: absolute;
    width: 100%;
    height: 18px;
    background: #ffd9c7;
    top: -4px;
    left: 0;
}
.after_bif span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: 0;
    border-bottom: 18px solid white;
    border-left: 14px solid transparent;
}
.vis_mis_text p {
    font-size: 13px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
    color: var(--text-color);
}
.image_left_right {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin-top: var(--box-gap);
    padding-top: 50px;
    padding-bottom: 50px;
}

.lef_ri_commom {
    max-width: 880px;
    width: 100%;
    position: relative;
    margin: auto;
    display: flex;
    padding: 25px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
}
.left_img_sec {
    width: 50%;
    flex-direction: column;
    flex: 1 200px;
    position: relative;
    float: left;
}
.rig_text_sec {
    width: 50%;
    flex-direction: column;
    flex: 1;
    position: relative;
    float: left;
    padding-left: 70px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left_img_sec img {
    width: 100%;
    position: relative;
    height: 100%;
    object-fit: cover;
}
.rig_text_sec p {
    font-size: 13px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.center_c_h_d .common_headig_dis {
    margin-bottom: 10px;
}
.left_img_sec:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: -20px;
    left: 20px;
    border: 2px solid #e2e2e2;
    transition-duration: 0.5s;
}
.lef_ri_commom:hover ::before {
    left: -20px;
}
.shift_right .left_img_sec {
    order: 2;
}
.shift_right .rig_text_sec {
    padding-left: 20px;
    padding-right: 50px;
}
.top_about_after:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 130px;
    background: #ffd9c7;
    bottom: 64px;
}
/*about us*/

/*how it work*/

.how_it_work {
    margin-top: 0;
}
.how_it_work .left_img_sec {
    flex: 1;
}
.how_it_work .rig_text_sec {
    flex: 1 260px;
}
.how_it_work .left_img_sec:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: -20px;
    left: -21px;
    border: none;
    background: #ffe8dd;
    transition-duration: 0.5s;
}
.how_it_work .lef_ri_commom:hover ::before {
    left: 21px;
}
.how_it_work .right_aft:hover ::before {
    left: -20px;
}
.how_it_work .common_headig_dis h2 {
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 0;
    margin-bottom: 0;
}
.how_it_work .common_headig_dis span {
    display: none;
}
.right_aft .left_img_sec:before {
    left: 20px;
}
.how_image_sec {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.how_under_imgs {
    float: left;
    width: 125px;
    position: relative;
    text-align: center;
}
.how_under_imgs p {
    font-size: 12px;
    color: var(--text-color);
}
.learn_more_btn {
    position: relative;
    font-size: 13px;
    background: #ff5300;
    padding: 7px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-top: 18px;
}
.right_aft .how_image_sec {
    margin-bottom: 0;
    margin-top: 8px;
}
.lef_ri_commom .bullet_point {
    position: relative;
    margin-bottom: 3px;
    padding-left: 22px;
}
.lef_ri_commom .bullet_point:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    left: 0;
    top: 6px;
    border-radius: 10px;
}
.how_number {
    position: absolute;
    top: -40px;
    right: 21px;
    width: 70px;
    height: 70px;
    background: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    padding-top: 6px;
    color: var(--text-color);
}
.right_aft .how_number {
    right: inherit;
    left: 20px;
}

.how_lock h1{
    font-size: 40px;
    font-weight: 800;
    line-height: 0.8;
    position: relative;
}
.how_trado_heading h1 {
    display: inline-block;
    background-image: url(../img/text-clip.jpg);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 734px;
    color: transparent;
    background-position-x: -48px;
    background-repeat: no-repeat;
    transition-duration: 5s;
}

.how_trado_heading {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 80px;
    margin-top: 30px;
}
.how_lock {
    display: inline-block;
    position: relative;
    text-align: left;
}
.how_lock span {
    position: absolute;
    width: 65px;
    height: 108px;
    top: -15px;
    background: #ff5300;
    right: -16px;
    transition-duration: 4.9s;
}
.how_it_work:hover .how_lock h1 {
    background-position-x: -260px;
}
.how_it_work:hover .how_lock span {
    width: 278px;
}
.how_trado_heading h1 b {
    font-size: 50px;
    line-height: 1;
}

/*how it work*/


/*contact_us*/
/*.........css......mj.....*/
.main_class_contact {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 55px;
    padding-top: 55px;
}
.one_section {
    float: left;
    width: 100%;
    text-align: center;
    background: var(--white-color);
}
.one-heading {
    margin: 0px;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.one-heading span {
    position: absolute;
    width: 208px;
    height: 30px;
    background-color: #ffe9df;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -99;
    margin-top: 14px;
}
.main_class_map {
    width: 50%;
    float: left;
    height: 500px;
    background: #dedede;
}
.contact-us-class_two {
    float: left;
    width: 100%;
    padding-bottom: 70px;
    
}
.main_class_map iframe {
    width: 100%;
    height: 100%;
}
.address_button {
    float: left;
    width: 100%;
    background: var(--white-color);
    border: dotted 2px;
    border-color: #dedede;
    display: table;
    position: relative;
    padding-left: 130px;
    padding-right: 130px;
    height: 100%;
}
.new_center {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    width: 100%;
}
.contact-us-class {
    float: left;
    width: 100%;
   /* padding-bottom: 40px;*/
}
.new_button {
    text-align: center;
    width: 100%;
    float: left;
}
.new_button .india {
    background: var(--primary-color);
    height: 35px;
    width: 126px;
    float: left;
    font-size: 14px;
    color: #fff;
    padding-top: 7px;
    text-decoration: none;
    font-weight: 500;
    border-radius: 2px;
}
.new_button .dubai {
    height: 35px;
    width: 126px;
    float: left;
    font-size: 14px;
    color: #2d2d2d;
    padding-top: 7px;
    border-radius: 2px;
    border: 1px solid #d7d7d7;
    text-decoration: none;
    font-weight: 500;
    margin-left: 15px;
}
.address {
    width: 100%;
    float: left;
    padding-top: 35px;
}

.address p {
    font-size: 13px;
    color: var(--text-color);
    font-weight: 500;
    line-height: 25px;
    float: left;
    width: 100%;
    margin: 0px;
}
.address_india b {
    font-size: 18px;
    font-weight: 600;
}
p.address_india {
        line-height: 20px;
    margin: 0px;
}
p.phone {
    font-weight: 700;
    margin: 0;
        line-height: 24px;
}
p.one_ {
    line-height: 19px;
}

p.phone_dubai b {
    font-size: 13px;
}

.new_button.in_dubai .india {
     background: var(--white-color);
    border: 1px solid #d7d7d7;
    color: #2d2d2d;
}
.new_button.in_dubai .dubai {
    background: var(--primary-color);
    border: none;
    color: #fff;
}

#dubai_address{
    display: none;
}

section.upper_class {
    background: var(--white-color);
    z-index: 1;
}
section.upper_class:after {
    content: '';
    background-color: #ffe9df;
    height: 92%;
    width: 430px;
    position: absolute;
    right: 10px;
    top: 8%;
    z-index: -99;
}
section.write_us {
    background-color: #3c3c3c;
    z-index: 1;
}
.first_form h2.one-heading span:after {
    top: 84px;
    background-color: #4f4f4f;
}
.first_form .one-heading {
    color: #e9e9e9;
}
.top_content {
    text-align: center;
    padding-bottom: 30px;
}
.top_content p {
    font-size: 13px;
    color: #e8e8e8;
    font-weight: 400;
    line-height: 21px;
}
.pahra_in_form {
    margin: 0 auto;
    text-align: center;
    width: 45%;
    padding-bottom: 70px;
}
.complete_form input {
    width: 100%;
    height: 60px;
    align-items: center;
    padding-left: 20px;
    border-radius: 3px;
    border: 2px solid #2f2f2f;
    margin-bottom: 15px;
    background-color: #4f4f4f;
    color: var(--white-color);
}
.complete_form ::placeholder {
  color: #b9b8b8;
  font-size: 13px;
   text-transform: uppercase;
  font-weight: 400;
}
.complete_form textarea {
    width: 100%;
    height: 200px;
    border-radius: 3px;
    background-color: #4f4f4f;
    border: none;
    font-weight: 400;
    color: #ffffff;
    padding: 20px;
    font-size: 15px;
    resize: none;
    border: 2px solid #2f2f2f;
}
.pahra_in_form {
    position: relative;
    margin: 0 auto;
    max-width: 570px;
    text-align: center;
    width: 100%;
    padding-bottom: 70px;
}
.submit_button {
    width: 280px;
    display: inline-block;
    height: 58px;
    background-color: #ff5300;
    border-radius: 3px;
    margin-top: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 18px;
    line-height: 21px;
    outline: none;
    border: none;
}
.first_form .main_class_contact {
    padding-bottom: 25px;
}
.write_us:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../img/contact_pat.png);
    top: 0;
    left: 0;
}
.first_form {
    position: relative;
}
.form_section .one-heading span {
    background: var(--primary-color);
}



/*why tradologie css*/

.image_left_right.how_it_work.why_trado_parent {
    padding-top: 0;
}
.why_trado_section {
    width: 100%;
    float: left;
    position: relative;
    height: 514px;
    background-image: url(../img/why_trado.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.why_trado_text h2 {
    font-size: 60px;
    font-weight: 800;
    line-height: 0.8;
    position: relative;
    z-index: 1;
    background-image: url(../img/text-clip.jpg);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 824px;
    color: transparent;
    background-position-x: 92px;
    transition-duration: 5s;
}
.why_trado_text {
    max-width: 880px;
    width: 100%;
    margin: auto;
    height: 100%;
    padding-top: 200px;
    position: relative;
}
.why_trado_text span {
    position: absolute;
    width: 113px;
    height: 160px;
    top: 167px;
    left: -19px;
    background: var(--primary-color);
    transition-duration: 5s;
}
.why_trado_section:hover span {
    width: 282px;
}
.why_trado_section:hover .why_trado_text h2 {
    background-position-x: 262px;
}
/*why tradologie css*/

/*trade_policy_section*/
.privacy_policy_main {
    float: left;
    position: relative;
    width: 100%;
    background-image: url(../img/privacy.jpg);
    height: 450px;
}
.policy_heading_section {
    text-align: center;
    padding-top: 190px;
    position: relative;
}
.all_policy_heading h1 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    color: #232323;
    line-height: 19px;
    position: relative;
    z-index: 1;
}
.all_policy_heading span {
    position: absolute;
    background: var(--white-color);
    width: 70%;
    height: 66px;
    transform: translate(-52%, -80%);
}
.all_policy_about {
    float: left;
    position: relative;
    background: var(--white-color);
    width: 100%;
    padding-bottom: 50px;
}

.all_heading_start h2 {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
     line-height: 19px; 
    position: relative;
    margin: 0px;
    text-transform: uppercase;
    z-index: 1;
}
.start_heading {
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1066px;
    width: 100%;
}
.all_heading_start span {
    position: absolute;
    width: 100%;
    height: 14px;
    background-color: #ffe3d3;
    display: inline-block;
    top: -4px;
    right: -20px;
}
.all_heading_start {
    position: relative;
    display: inline-block;
}
.all_pahra_strat {
    width: 100%;
    float: left;
    padding-top: 14px;
    position: relative;
    padding-bottom: 38px;
}
.all_pahra_strat p {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    line-height: 22px;
    margin-bottom: 20px;
}
.all_heading_and_pahragraph {
    width: 100%;
    float: left;
    position: relative;
}
.all_policy_heading {
    position: relative;
    display: inline-block;
}
.all_trade_ul {
    padding-left: 13px;
    position: relative;
    float: left;
    padding-bottom: 20px;
    margin: 0px;
    width: 100%;
    list-style: decimal;
}
.all_trade_ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #232323;
    padding-bottom: 8px;
}

.all_trade_ul.inter_nal {
    padding-left: 0px;
    list-style: lower-roman;
}
.all_trade_ul p {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 14px;
}
.trade_policy_btn .all_heading_and_pahragraph {
    text-align: center;
}
.all_comman_btn {
    float: left;
    width: 100%;
    position: relative;
}
.all_product_btn_ul {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0px;
    border-bottom: 2px solid #efefef;
}
.all_product_btn_ul li {
    list-style: none;
    display: inline-block;
        padding-bottom: 10px;
    position: relative;
}
.all_tabs_btn {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}
.all_tabs_start {
    width: 100%;
    text-align: center;
    float: left;
}
.all_product_btn_ul li a {
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    color: #232323;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.all_product_btn_ul li a:hover::before {
    width: 100%;
    background-color: #ff5300;
    position: absolute;
    content: '';
    transform: translate(-50%);
    bottom: -1px;
    left: 50%;
    height: 3px;
}
.tab_actives:after {
    width: 100%;
    background-color: #ff5300;
    position: absolute;
    content: '';
    transform: translate(-50%);
    bottom: -1px;
    left: 50%;
    height: 3px;
}
.all_tabs_open_section {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 50px;
}
.trade_policy_btn .all_tabs_open_section{
    display: none;
} 
.all_tabs_open_section h2 {
    font-size: 20px;
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.all_tabs_open_section .all_heading_start span {
    right: 0;
}
.open_pdf_section {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 24px;
}
.trade_ctr .mt30 {
    max-width: 1024px;
    margin: 20px auto 50px;
}
.open_pdf_section.new_faq .all_heading_start.sub_heading {
    float: left;
    width: 100%;
    position: relative;
    text-align: left;
}

.open_pdf_section.new_faq .all_heading_start.sub_heading {
    float: left;
    width: 100%;
    position: relative;
    text-align: left;
}
.trade_policy_btn .all_pahra_strat {
    text-align: left;
    padding-bottom: 0px;
}
.trade_policy_btn .all_tabs_open_section h2 {
    line-height: 19px;
    font-size: 14px;
}
.trade_policy_btn .faq_tabs {
    text-align: left;
}
.graph_image {
    float: left;
    width: 100%;
    position: relative;
    margin-left: -16px;
}
.graph_image img {
    position: relative;
    float: left;
}
/*trade_policy_section*/

/*fixed seller ans buyer registration button*/

.side_fixed_login_button {
    position: fixed;
    top: 225px;
    right: -52px;
}
.side_fixed_login_button a:nth-child(2) {
    top: 136px;
}
.side_fixed_login_button a {
    background: #2b2b2b;
    color: #fff;
    font-size: 12px;
    display: block;
    width: 132px;
    text-align: center;
    padding: 2px;
    transform: rotate(90deg);
    text-decoration: none;
    position: absolute;
    top: 0;
    right: -2px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.side_fixed_login_button a:hover {
    background: var(--primary-color);
}

/*fixed seller ans buyer registration button*/

/*page up button right side*/
.top_up_button {
    position: fixed;
    bottom: 45px;
    right: 10px;
    background: #2b2b2b;
    width: 37px;
    height: 37px;
    display: none;
    border-radius: 50px;
}
.top_up_button a {
    display: block;
    text-align: center;
    padding-top: 5px;
}
.top_up_button a img {
    width: 13px;
    transform: rotate(270deg);
}
.top_up_button:hover {
    background: var(--primary-color);
}


/*page up button right side*/

/*form css */

.form_sections {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: var(--white-color);
    z-index: 9;
    top: 0;
    left: 0;
    display: none;
}
.form_child {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
}
.form_left {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    background: #fbfbfd;
}
.form_right {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    background: #fff;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 40px;
    padding-bottom: 50px;
}
.form_left img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.form_text p {
    font-size: 14px;
    color: #3a3a3a;
}
.form_text h3 {
    font-size: 30px;
    color: #3a3a3a;
    position: relative;
}
.form_text {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9;
    text-align: center;
    top: 117px;
    padding-left: 50px;
    padding-right: 50px;
}
.form_right form {
    width: 100%;
    position: relative;
    float: left;
    padding-left: 50px;
    padding-right: 50px;
}
.get_s_inputs input, .get_s_inputs textarea {
    width: 100%;
    border: 1px solid #e6e1e1;
    height: 42px;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    color: #424242;
}
.get_s_inputs label {
    text-align: left;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: white;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    position: relative;
    top: 17px;
    left: 10px;
    color: gray;
}
.get_s_inputs {
    max-width: 350px;
    width: 100%;
    margin: auto;
    position: relative;
}

.get_s_inputs textarea {
    height: 90px;
    padding-top: 10px;
}
.get_button button {
    width: 100px;
    height: 35px;
    font-size: 14px;
    background: var(--primary-color);
    border: none;
    border-radius: 50px;
    color: #fff;
    outline: none;
}
.get_button {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 12px;
}
.close_form:hover {
    background: #d6d6d6;
}
.close_form img {
    width: 17px;
}
.close_form {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 45px;
    height: 46px;
    background: #e8e8e8;
    border-radius: 50px;
    text-align: center;
    padding-top: 10px;
    transform: translate(-50%);
    cursor: pointer;
    transition-duration: 1s;
}
.close_form:hover {
    background: #d6d6d6;
    transform: translate(-50%) rotate(90deg);
}
.left_ani {
    width: 0%;
    height: 100vh;
    background: var(--white-color);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    transition-duration: 1.5s;
}
.right_ani {
    width: 0%;
    height: 100vh;
    background: var(--white-color);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    transition-duration: 1.5s;
}
.success_form p, .error_form p{
    font-size: 13px;
    color: #fff;
    display: inline;
}
.success_form, .error_form {
    max-width: 350px;
    width: 100%;
    margin: auto;
    background: #34a532;
    padding-top: 5px;
    padding-bottom: 8px;
    display: inline-block;
    display: none;
}
.error_form{
    background-color: #f92f2f;
}
/*form css */

/*thnak you*/
.thnaks_sec p {
    font-size: 14px;
    color: #4c4c4c;
}
.thnaks_sec h1 {
    font-size: 35px;
    font-weight: 600;
    color: #019a47;
}
.thnaks_sec {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
    padding-top: 60px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
/*thnak you*/

/*404 page*/
.fourzero p {
    font-size: 20px;
    font-weight: 600;
}
.fourzero h1 {
    font-size: 70px;
    color: #e44b4b;
}
.fourzero {
    height: calc(100vh - 118px);
    display: table;
}
.error_center {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: -30px;
}
img.gif_error {
    width: 30%;
}
.error_center p {
    font-size: 18px;
    font-weight: 500;
}
img.gif_down {
    width: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.error_center a {
    background: #ff5300;
    color: #fff;
    font-size: 15px;
    padding: 8px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 10px;
}
.error_center p {
    font-size: 17px;
    font-weight: 500;
}

/*404 page*/

/*header search css*/

.click_search {
    position: relative;
    margin-right: 25px;
    height: 100%;
    float: right;
    margin: 0;
    padding-top: 21px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.click_search:hover img {
    transform: scale(1.2);
}
.click_search img {
    width: 20px;
    transition-duration: 0.5s;
}
.close_search img {
    width: 20px;
}
.close_search {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 15px;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    transition-duration: 0.5s;
}
.close_search:hover{
    transform: rotate(90deg);
}
.show_search_parent {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition-duration: 0.5s;
    z-index: 9;
}
.search_under input {
    width: 100%;
    background: #fff;
    border: none;
    box-shadow: 0px 0px 17px 0px #dcdcdc;
    height: 60px;
    border-radius: 50px;
    padding-left: 60px;
    padding-right: 60px;
    outline: none;
    color: gray;
}
.search_under {
    max-width: 700px;
    width: 100%;
    position: relative;
    margin: auto;
    top: 40%;
    transform: translate(-0%, -50%);
}
.search_list ul li {
    list-style-type: none;
    display: none;
    position: relative;
}
.search_list ul li span {
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    pointer-events: none;
    border-radius: 2px;
}
.rice_c {
    background: #d5ffd9;
}
.cement_c {
    background: #eaeaea;
}
.edible_c {
    background: #f5f1d5;
}
.construction_c {
    background: #ffe3e3;
}
.grain_c {
    background: #ffe4d3;
}
.trado_search {
    background: #f1f1f1;
}
.cementsell_c {
    background: #cdf9ff;
}
.ricexpo_c {
    background: #e6d9ff;
}
.grainp_c {
    background: #fbf0cf;
}

.search_list ul li a {
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
    color: #3c3c3c;
    font-weight: 500;
    border-bottom: 1px dotted #cecece;
    padding-bottom: 10px;
    display: block;
    padding-left: 60px;
    padding-right: 20px;
}
.search_list {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 10px;
    max-height: 292px;
    margin-top: 0;
    /* overflow-y: scroll; */
    overflow-x: hidden;
    background: #fff;
    display: none;
    box-shadow: 0px 9px 16px -4px #e4e4e4;
    border-radius: 0px 0px 30px 30px;
}
.search_list ul {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0;
}
#no_data{
  display: none;  
}
.no_data_css {
    width: 100%;
    text-align: center;
    position: relative;
    float: left;
    margin-bottom: 50px;
}
.no_data_css b {
    font-size: 20px;
    font-weight: 600;
    color: gray;
}
.no_data_css span {
    color: #969696;
    width: 100%;
    float: left;
}
.no_data_css img {
    width: 60px;
    margin-bottom: 10px;
}
.under_serach_icon {
    width: 17px;
    position: relative;
    top: 42px;
    left: 27px;
}
.search_tradologie {
    text-align: center;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
}
.search_list ul li img {
    width: 12px;
    position: absolute;
    top: 6px;
    left: 31px;
}
/*header search css*/

/*cross slider css*/

/***********************
 *  Variables
 **********************/
/***********************
 *  Project Main Styles
 **********************/



.slider-pages {
    overflow: hidden;
    position: relative;
    height: calc(100vh - 118px);
}

.slider-page {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100vh;
  transition: -webkit-transform 1350ms;
  transition: transform 1350ms;
  transition: transform 1350ms, -webkit-transform 1350ms;
}

.slider-page--skew {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 140%;
  height: 100%;
  background: #282828;
  -webkit-transform: skewX(-18deg);
          transform: skewX(-18deg);
}

.slider-page--left {
  left: 0;
  -webkit-transform: translateX(-32.5vh) translateY(100%) translateZ(0);
          transform: translateX(-32.5vh) translateY(100%) translateZ(0);
}
.slider-page--left .slider-page--skew {
  left: -40%;
}
.slider-page--left .slider-page__content {
  padding: auto 30% auto 30%;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.slider-page--right {
  left: 50%;
  -webkit-transform: translateX(32.5vh) translateY(-100%) translateZ(0);
          transform: translateX(32.5vh) translateY(-100%) translateZ(0);
}
.slider-page--right .slider-page--skew {
  right: -40%;
}
.slider-page--right .slider-page__content {
  padding: auto 30% auto 30%;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.slider-page__content {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 30% 0 30%;
  color: #e2e2e2;
  background-size: cover;
  -webkit-transform: skewX(18deg);
          transform: skewX(18deg);
  transition: -webkit-transform 1350ms;
  transition: transform 1350ms;
  transition: transform 1350ms, -webkit-transform 1350ms;
}

.slider-page__title {
  margin-bottom: 1em;
  font-size: 1em;
  text-align: center;
  text-transform: uppercase;
}

.slider-page__title--big {
  font-size: 1.2em;
}

.slider-page__description {
  font-size: 1em;
  text-align: center;
}

.slider-page__link {
  color: #80a1c1;
}
.slider-page__link:hover, .slider-page__link:focus {
  color: #6386a9;
  text-decoration: none;
}

/***********************
 *  Project JS Styles
 **********************/
.js-scrolling__page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.js-scrolling--active .slider-page {
  -webkit-transform: translateX(0) translateY(0) translateZ(0);
          transform: translateX(0) translateY(0) translateZ(0);
}

.js-scrolling--inactive .slider-page__content {
  -webkit-transform: skewX(18deg) scale(0.9);
          transform: skewX(18deg) scale(0.9);
}

.js-scrolling__page-1 .slider-page--left .slider-page__content {
  background-image: url("../img/op1.jpg");
  background-position: center;
  background-size: cover;
}
.js-scrolling__page-1 .slider-page--right .slider-page__content {
  background-color: #282828;
}

.js-scrolling__page-2 .slider-page--left .slider-page__content,
.js-scrolling__page-4 .slider-page--left .slider-page__content,
.js-scrolling__page-6 .slider-page--left .slider-page__content {
  background-color: #e2e2e2;
}


.js-scrolling__page-2 .slider-page--left .slider-page__title,
.js-scrolling__page-2 .slider-page--left .slider-page__description {
  color: #282828;
}
.js-scrolling__page-2 .slider-page--right .slider-page__content {
  background-image: url("../img/op2.jpg");
  background-position: center;
  background-size: cover;
}

.js-scrolling__page-3 .slider-page--left .slider-page__content {
  background-image: url("../img/op3.jpg");
  background-position: center;
  background-size: cover;
}

.js-scrolling__page-4 .slider-page--right .slider-page__content {
  background-image: url("../img/op4.jpg");
  background-position: center;
  background-size: cover;
}

.js-scrolling__page-5 .slider-page--left .slider-page__content {
    background-image: url(../img/op5.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
}
.js-scrolling__page-6 .slider-page--right .slider-page__content {
  background-image: url("../img/op6.jpeg");
  background-position: center;
  background-size: 100%;
}

.js-scrolling__page-7 .slider-page--left .slider-page__content {
    background-image: url(../img/op7.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.js-scrolling__page-3 .slider-page--right .slider-page__content {
  background-color: #282828;
}
.show_cross {
    position: fixed;
    bottom: 38px;
    left: 50%;
    transform: translate(-50%);
    width: 50px;
    height: 50px;
    background: #ff5300;
    z-index: 9;
    border-radius: 50px;
    border: 2px solid #fff;
    cursor: pointer;
    text-align: center;
}
.show_cross img {
    width: 29px;
    margin-top: 8px;
}
.body_why_tradologie {
    overflow: hidden;
}
.slider-page__content .after_bif h2 {
    padding-left: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}
.slider-page__content .center_c_h_d p {
    font-size: 14px;
}
.center_c_h_d.crooss_color p {
    color: #212121;
}
.center_c_h_d.crooss_color h2 {
    color: #212121;
}
.center_c_h_d.crooss_color {
    position: relative;
    top: -49px;
}
.slider-page__content .center_c_h_d {
    position: relative;
    top: -49px;
}
.why_cross_trado h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
}
.why_cross_trado {
    position: absolute;
    top: 21px;
    left: 244px;
    background: #ff5300;
    height: 70px;
    padding-top: 16px;
    padding-left: 30px;
    padding-right: 28px;
}
.why_cross_trado:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 36px solid transparent;
    border-left: 50px solid #ff5300;
    border-bottom: 34px solid transparent;
    top: 0px;
    right: -49px;
}
/*cross slider css*/
/*new_css_home_about_section*/
.about_middle_section {
    text-align: center;
    padding-top: 25px;
    width: 100%;
    position: relative;
    background-color: #fff;
    margin-top: 8px;
    float: left;
    border-radius: var(--border-radius);
    border: var(--border-color);
    padding-bottom: 25px;
}   
.about_h2_heading {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--text-color);
}
.about_p_text {
    font-size: 13px;
    width: 100%;
    float: left;
    position: relative;
    color: var(--text-color);
    padding-left: 30px;
    padding-right: 30px;
}
.about_middle_section .go_to_footer {
    display: inline-block;
    font-size: 11px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 7px;
    margin-right: 5px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: 500;
}
.footer_quit_btn span.get_a_nav.primary_hover.show_forms a {
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding-right: 12px;
    padding-left: 12px;
    background: var(--primary-color);
    padding: 10px;
    width: auto;
    height: 35px;
    line-height: 0;
    border-radius: 3px;
        padding-top: 17px;
        text-decoration: none;
}
.footer_quit_btn span.get_a_nav.primary_hover.show_forms {
    float: left;
    width: auto;
    padding-top: 10px;
}
.footer_quit_btn span.get_a_nav.primary_hover.show_forms:hover {
    float: left;
    padding-top: 10px;
    background: none !important;
}
.footer_quit_btn span.get_a_nav.primary_hover.show_forms a:hover{
        background: #cc4200 !important;
    color: #ffffff;
}
.rice_details_c .minmum_quant .min_divide:last-child{
    display: none;
}
.middle_ads_section.ads {
    display: none;
}
.cement_details_c .minmum_quant .min_divide:last-child{
    display: none;
}
.steel_details_c .minmum_quant .min_divide:last-child{
    display: none;
}
.plywood_details_c .minmum_quant .min_divide:last-child{
    display: none;
}
.wheate_details_c .minmum_quant .min_divide:last-child{
    display: none;
}
.barley_details_c .minmum_quant .min_divide:last-child{
    display: none;
}
.pulse_details_c .minmum_quant .min_divide:last-child{
    display: none;
}
.rice_details_c .minmum_quant{
    padding-bottom: 20px;
}
.cement_details_c .minmum_quant{
    padding-bottom: 20px;
}
.steel_details_c .minmum_quant{
    padding-bottom: 20px;
}
.plywood_details_c .minmum_quant{
    padding-bottom: 20px;
}
.wheate_details_c .minmum_quant{
    padding-bottom: 20px;
}
.barley_details_c .minmum_quant{
    padding-bottom: 20px;
}
.pulse_details_c .minmum_quant{
    padding-bottom: 20px;
}


.slider_home_text a {
    display: block;
    width: 130px;
    background: #ffffffa8;
    color: #403f3f;
    font-size: 13px;
    padding: 6px;
    margin-bottom: 9px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    height: inherit;
}
.slider_home_text p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 6px;
}
.slider_home_text h2, .slider_home_text h3 {
    font-size: 17px;
    color: #fff;
    margin-bottom: 25px;
}
.slider_home_text {
    position: absolute;
    background: rgba(0, 0, 0, 0.47);
    bottom: 0;
    left: 0;
    width: 230px;
    padding: 25px;
    height: 420px;
    display: table;
}
.middle_text_homz {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    justify-content: center;
}
a.slider_vid_btn {
    background: #ff5300;
    color: #fff;
}
.footer_text_trado {
    float: left;
    width: 100%;
    position: relative;
}

.contact_us .text_addition {
    padding-top: 14px;
}

.disable_btn {
    pointer-events: none;
}
.steel_pro .two_section {
    padding-left: 28px;
    list-style: none;
    width: 50%;
    border-right: var(--border-color);
    padding-right: 10px;
}
.two_section img {
    width: 16px;
    height: 16px;
    float: left;
    position: absolute;
    margin: 0px;
    left: -26px;
    top: 3px;
}
.steel_pro .last_ul {
    border: none;
    padding-left: 37px;
}



@media (max-width: 767px){
    .steel_pro .two_section {
    width: 100% !important;
     border-right: none !important;
}
.steel_pro .last_ul {
    padding-left: 28px;
    border-top: var(--border-color);
    padding-top: 10px;
    margin-top: 4px;
}
}

span.already_sell a {
    color: #636363;
    float: left;
    font-weight: 600;
    font-size: 14px;
    text-decoration: underline;
}
.h_f .already_sell p {
    float: left;
    font-size: 14px;
    color: gray;
    margin-right: 8px;
    width: auto;
    padding-left: 0;
    font-weight: 500;
    line-height: inherit;
}
span.already_sell p:before {
    opacity: 0;
}
.already_sell {
    width: 100%;
    float: left;
    font-size: 13px;
    margin-top: 11px;
}
span.already_sell a:hover {
    color: #ff5300;
}
.alre .already_sell a {
    color: #a2a2a2;
}
.alre .already_sell p {
    color: #a2a2a2;
}
.vari_sellers a {
    color: #ff5300;
    text-decoration: underline;
}
/*supplier lists*/
.supp_list .product_info_middle {
    width: 75%;
}
.supp_under_tab:hover {
    background: #ff5300;
    color: #fff;
}
.supp_under_tab p {
    font-size: 14px;
    margin-top: 10px;
}
.supp_under_tab:last-child {
    border: none;
}
.supp_under_tab {
    width: 20%;
    float: left;
    height: 42px;
    text-align: center;
    border-right: 1px solid #dedede;
    cursor: pointer;
    transition-duration: 0.3s;
}
.supp_tabs {
    width: 100%;
    float: left;
    position: sticky;
    border-bottom: 1px solid #e4e4e4;
    -webkit-position: sticky;
    top: 118px;
    z-index: 1;
    background: #fff;
}
.supp_details {
    width: 100%;
    float: left;
    position: relative;
}
.supp_details_under {
    width: 100%;
    float: left;
    position: relative;
    padding: 25px;
    border-bottom: 2px dotted #d8d8d8;
}
.supp_details_under h3, .supp_details_under h2 {
    font-size: 20px;
    color: #ff5300;
    width: 100%;
    float: left;
}
.supp_label span img {
    width: 19px;
    float: left;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.supp_label span {
    float: left;
    font-size: 12px;
    font-weight: 500;
    color: #6d6d6d;
    margin-right: 20px;
}
.supp_label {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 5px;
}
.supp_deiv {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 12px;
}
.supp_dev_left {
    width: 200px;
    height: 150px;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
}
.supp_dev_right {
    width: calc(100% - 200px);
    float: left;
    padding-left: 18px;
    padding-right: 20px;
    padding-top: 12px;
}  
.sup-_right_text {
    width: 100%;
    float: left;
    position: relative;
}
.sup-_right_text span {
    float: left;
    font-size: 13px;
    color: gray;
    font-weight: 500;
    width: 140px;
}
.sup-_right_text p {
    float: left;
    width: calc(100% - 140px);
    font-size: 13px;
    margin-bottom: 7px;
}
.supp_dev_left img {
    width: 120px;
}
.click_supp_dev a:hover {
    background: #4e4e4e;
    color: #fff;
    text-decoration: none;
    border: 1px solid #4e4e4e;
}
.click_supp_dev a {
    display: inline-block;
    background: #e4e4e4;
    font-size: 13px;
    padding: 6px;
    padding-left: 30px;
    padding-right: 30px;
    color: #444242;
    font-weight: 500;
    margin-right: 5px;
    border: 1px solid #b7b7b7;
}
.click_supp_dev {
    width: calc(100% - 140px);
    float: right;
    position: relative;
    margin-top: 8px;
}
a.c_supp {
    background: #ffe4d6;
    border: 1px solid #daa488;
}
.supp_details_under:last-child {
    border: none;
}
.top_supp h2, .top_supp h1 {
    font-size: 19px;
    color: #4e6b84;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 6px;
    padding: 0px;
}
.top_supp {
    width: 100%;
    float: left;
    position: relative;
    background: #dcefff;
    padding: 10px;
    height: 55px;
    padding-left: 25px;
}
.active_supp {
    background: #ff5300;
    color: #fff;
}
.tab_linkss_sec {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin-top: 12px;
}
.tab_linkss_sec_left p {
    margin-bottom: 0;
    font-size: 14px;
    color: #636161;
    font-weight: 500;
}
.tab_linkss_sec_left a {
    display: inline-block;
    background: #ff5300;
    color: #fff;
    font-size: 14px;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.tab_linkss_sec_left {
    width: 50%;
    float: left;
    position: relative;
    padding: 20px;
    text-align: center;
    border-right: 2px dotted #cccccc;
    padding-top: 27px;
}
.tab_linkss_sec_right {
    width: 50%;
    float: left;
    position: relative;
}
.tab_linkss_sec_right .sell_pro_text1 {
    width: 45%;
    padding-top: 32px;
}
.tab_linkss_sec_right .sell_pro_text {
    width: 55%;
    text-align: center;
    padding-top: 33px;
}
.tab_linkss_sec_right .sell_on_pro {
    border: none;
    height: 112px;
}
.tab_linkss_sec_left a:hover {
    background: #525252;
    color: #fff;
    text-decoration: none;
}
/*supplier lists*/

/*simple form css*/
.all_form_paren {
    position: fixed;
    top: 0;
    background: rgba(2, 2, 2, 0.82);
    width: 100%;
    height: 100vh;
    z-index: 99;
    left: 0;
    display: none;
}
.all_simple_form {
    max-width: 400px;
    width: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 25px;
    border-radius: 5px;
    display: table;
}
.form_sec_in input {
    width: 100%;
    float: left;
    height: 40px;
    border: 1px solid #d2d2d2;
    padding-left: 19px;
    font-size: 15px;
    outline: none;
}
.form_sec_in b {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    float: left;
    background: white;
    padding-left: 12px;
    padding-right: 12px;
    top: 8px;
    left: 10px;
}
.form_sec_in {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.form_sec_in {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 4px;
}
.captha {
    float: left;
    position: relative;
    border: 1px solid #e0b78d;
    padding: 5px;
    width: 100%;
    margin-top: 10px;
}
.captha a {
    width: 110px;
    float: left;
    position: relative;
}
.captha a img {
    width: 110px;
}
.captha input {
    width: calc(100% - 110px);
    float: left;
    border: none;
    border-left: 1px solid #e0b78d;
    height: 33px;
    padding-left: 12px;
    outline: none;
}
.form_sec_in select {
    width: 100%;
    height: 40px;
    border: 1px solid #d8d8d8;
    padding-left: 19px;
    font-size: 14px;
    outline: none;
}
.sim_button {
    width: 100%;
    position: relative;
    float: left;
}
.sim_button input {
    width: 100%;
    float: left;
    height: 50px;
    border: none;
    background: #ff722f;
    border-radius: 4px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
}
.sim_button input:hover {
    background: #353535;
}
.sim_button a {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500;
    float: left;
    background: #e2e2e2;
    color: gray;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 50px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.all_simple_form h4 {
    font-size: 18px;
    text-transform: uppercase;
}
.close_simple_form:hover img {
    transform: rotate(90deg);
}
.close_simple_form img {
    width: 17px;
    transition-duration: 0.5s;
    margin-top: -4px;
}
.close_simple_form {
    position: absolute;
    top: -13px;
    right: -10px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
}
/*simple form css*/


/*supplier details*/
.supp_right_info {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
}
.supp_right_info_top {
    width: 100%;
    float: left;
    position: relative;
}
.supp_info_logo {
    width: 160px;
    height: 160px;
    border-radius: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 12px 3px #dedede;
    margin: auto;
    margin-top: 26px;
}
.supp_info_logo img {
    width: 76%;
}
.supp_right_info_top h3 {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px;
}
.supp_location {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.supp_location img {
    width: 20px;
    display: inline-block;
    margin-right: 8px;
}
.supp_location p {
    display: inline-block;
    font-size: 13px;
    color: gray;
}
.supp_get_delt {
    width: 100%;
    float: left;
    position: relative;
    height: 55px;
    background: var(--primary-color);
    text-align: center;
    cursor: pointer;
}
.supp_get_delt p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 12px;
}
.supp_get_delt:hover {
    background: #3e3e3e;
}
.response_rate {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin-top: 13px;
}
.common_response {
    width: 50%;
    float: left;
    text-align: center;
    border: 1px solid #f3f3f3;
    padding-top: 15px;
    position: relative;
}
.common_response img {
    width: 24px;
}
.common_response p {
    font-size: 13px;
}
.product_info_middle.supp_slider_details .product_info_unders {
    padding: 20px;
}
.product_info_middle.supp_slider_details .product_info_unders h2 {
    font-size: 20px;
    font-weight: 500;
    color: #464646;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.supp_parent_slider {
    width: 100%;
    float: left;
    position: relative;
}
.supp_parent_slider img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.supp_parent_slider .slick-dots {
    display: none !important;
}
.common_supp_p_head {
    width: 100%;
    float: left;
    position: relative;
}
.common_supp_p_head h2 {
    font-size: 16px !important;
    margin-bottom: 5px !important;
}
.common_supp_p_head p {
    font-size: 14px;
    width: 100%;
    float: left;
}
.about_companyy {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
    border-top: 1px solid #e0e0e0;
    margin-top: 9px;
}
.sbout_common_comanyy {
    width: 50%;
    float: left;
    position: relative;
    margin-top: 10px;
}
.sbout_common_comanyy p {
    font-size: 13px;
    color: #ff5300;
    margin-bottom: 2px;
}
.sbout_common_comanyy h4 {
    font-size: 16px;
    float: left;
    width: 100%;
    color: #545353;
}
.all_supplier_list .product_image_left {
    padding-bottom: 17px;
}
/*supplier details*/
.btn_call_back:hover {
    background: #2f8403;
}
.btn_call_back {
    float: left;
    margin-left: 30px;
    padding: 7px;
    padding-left: 20px;
    padding-right: 20px;
    background: #3fa50b;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
}
.all_get-qo .sim_button {
    margin-top: 13px;
}
.form_com_name a {
    text-transform: uppercase;
    font-size: 11px;
    color: #a5a5a5;
    letter-spacing: 1px;
}
.form_com_name {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
/*new get a quote form*/
span.get_a_nav.by_cement_fo {
    display: block !important;
    float: left;
    width: 100%;
}
.top_footer .get_a_nav.by_cement_fo a {
    background: #504f4f !important;
    width: 103px;
    height: 36px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    line-height: 36px;
    float: left;
    margin-top: 10px;
    border-radius: 3px;
    display: block !important;
}
.get_a_nav.by_cement_fo:hover a {
    background: green !important;
    text-decoration: none;
}

.all_get_frm{ display: none; } /*new get a quote form*/ /*payment*/ 
.payment .all_simple_form h4 { text-align: center; pointer-events: none; }
.payment .all_simple_form h4 img { display: inline-block; width: 24px; position:
relative; top: -3px; margin-right: 0px; }
.payment-trado { width: 100%; float:
left; text-align: center; margin-bottom: 20px; pointer-events: none; }

/*----------------------------------*/
.payment {
    background: #fff;
}
.payment:before {
    position: absolute;
    content: '';
    width: 50%;
    height: 100vh;
    right: 0;
    background: url(https://cdn.razorpay.com/static/assets/paymentpages/light_desktop.svg);
    background-size: cover;
}
.payment_form .complete_form textarea{
    display: none;
}
.payment_form .complete_form input {
    background: white;
    height: 50px;
    border: 1px solid #d2d2d2;
    color: #292929;
    border-radius: 0;
}
.payment_form {
    width: 100%;
    float: left;
    position: relative;
    height: 100vh;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.payment_form .complete_form {
    max-width: 380px;
    width: 100%;
    padding: 25px;
    box-shadow: 0px 0px 23px 5px #efefef;
    background: #fff;
}
.payment_image {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    pointer-events: none;
}
.payment_form .complete_form .submit_button {
    width: 100%;
    margin-top: 0;
    border-radius: 0;
}
.payment_secu p {
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    color: #0a1f86;
}
.payment_secu img {
    width: 22px;
    display: inline-block;
    position: relative;
    top: -3px;
    margin-right: 4px;
}
.payment_secu {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    pointer-events: none;
}
.payment:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 100vh;
    background: #ff5300;
    left: 0;
    top: 0;
}
@media (max-width: 768px){
.payment_form {
    padding-bottom: 100px;
    vertical-align: inherit;
    align-items: inherit;
    display: inherit;
}    
.payment_form .complete_form {
    margin-top: 0px;
    max-width: 768px;
}
.payment:after{
  display: none;
}
}


.iftrame_cont {
    position: fixed;
    top: 0;
    left: -10000px;
    width: 100%;
    height: 100vh;
    z-index: 99;
    transition-duration: 1.5s;
}
.iftrame_cont iframe {
    width: 100%;
    height: 100vh;
    position: absolute;
    border: none;
    left: 0;
    top: 0;
}

@media (max-width: 1024px){
.iftrame_cont iframe{
    height: 90vh;
} 
}
/*----------------------------------*/
/*payment*/

/*arabic style*/
.arabic .top_header_divide {
    float: right;
    text-align: right;
}
.arabic .right_top_header {
    text-align: left;
}
.arabic .top_header_divide .sign_in_button {
    float: left;
    position: relative;
    top: 6px;
    margin-left: inherit;
    margin-right: 10px !important;
}
.arabic .down_sign_in {
    left: -1px;
    border-radius: 0px 5px 5px 5px !important;
}
.arabic .top_header_divide span {
    margin-right: 0;
    margin-left: 20px;
}
.arabic .menu_divide1, .arabic .menu_divide2 {
    float: right;
    text-align: right;
}
.arabic .menu_divide2 {
    text-align: left;
}
.arabic .menu_divide2 .get_a_nav {
    float: left;
    margin-top: 17px;
    margin-left: 0;
    margin-right: 10px;
}
.arabic .click_search {
    float: left;
}
.arabic .menu_divide2 span {
    margin-right: 0;
    margin-left: 25px;
}
.arabic .side_fixed_login_button {
    left: 75px;
    right: inherit;
}
.arabic .qr_text p {
    float: right;
}
.arabic .qr_text {
    float: right;
    text-align: right;
}
.arabic .live_count_news_video {
    transform: scale(-1,1);
}
.arabic .live_count_news_video img {
    transform: scale(-1,1);
}
.arabic .live_count_news_video h3, .arabic .live_count_news_video h2, .arabic .live_count_news_video p, .arabic .live_count_news_video span {
    transform: scale(-1,1);
    text-align: right;
}
.arabic .buyer_qr img {
    float: right;
    margin-right: 0;
    margin-left: 2px;
}
.arabic .headline_text h3, .arabic .headline_text h1, .arabic .headline_text h2 {
    float: right;
    padding-right: 0;
    padding-left: 20px;
}
.arabic .headline_text {
    float: right;
}
.arabic .headline_text:before {
    right: 0;
    left: inherit;
}
.arabic .step_parent {
    float: right;
}
.arabic .top_step_strip {
    left: inherit;
    right: 0;
    border-radius: 20px 0px 0px 20px;
}
.arabic .top_step_strip:after {
    left: inherit;
    right: 0;
    border-left: inherit;
    border-right: 14px solid transparent;
}
.arabic .step_parent p {
    text-align: right;
    float: right;
    font-size: 14px;
    letter-spacing: 0px;
    margin-bottom: 0;
    margin-right: 3px;
}
.arabic .step_parent img {
    float: right;
}
.arabic .top_step_strip span {
    right: inherit;
    left: 6px;
}
.arabic .how_child {
    float: right;
    border-left: var(--border-color);
    border-right: 0px;
}
.arabic .products_content p {
    padding-left: 0;
    padding-right: 5px;
}
.arabic .products_content {
    text-align: right;
}
.arabic .products_button a {
    width: calc(50% - 5px);
}

.arabic .products_button a {
    margin-right: 0;
}
.arabic .footer_dcrip {
    text-align: right;
}
.arabic .f1_content {
    text-align: right;
}
.arabic .f1_content p {
    padding-right: 0;
    padding-left: 20px;
}
.arabic .footer_quit_btn span.get_a_nav.primary_hover.show_forms {
    float: right;
}
.arabic .footer_right {
    float: right;
    padding-right: 0;
    padding-left: 20px;
}
.arabic .f_payment {
    float: right;
}
.arabic .f_payment {
    float: right;
    text-align: right;
}
.arabic .f_social {
    text-align: right;
}
.arabic .footer_social a {
    float: right;
    margin-right: 0;
    margin-left: 9px;
}
.arabic .news_all_text {
    text-align: right;
}
.arabic .news_content h3 {
    white-space: inherit;
    text-overflow: inherit;
}
.arabic .under_serach_icon {
    left: inherit;
    float: right;
    right: 22px;
    top: 39px;
}
.arabic .search_under input {
    text-align: right;
}
.arabic .search_list ul li {
    text-align: right;
}
.search_list ul li a {
    padding-right: 56px;
    padding-left: 20px;
}
.arabic .search_list ul li span {
    left: 20px;
    right: inherit;
}
.arabic .search_list ul li img {
    right: 21px;
    left: inherit;
}
.arabic .click_menu_sec span {
    float: right;
}
.arabic .mega_tag {
    text-align: right;
}
.arabic .mega_text_under {
    float: right;
    text-align: right;
}
.arabic .menu_heading h2 {
    float: right;
}
.arabic .box_place {
    float: right;
    margin-right: 0;
    margin-left: 13px;
}
.arabic .mega_top_child a {
    float: right;
}
.arabic .qr_text h3 {
    font-size: 16px;
}
.arabic .top_up_button {
    left: 12px;
    right: inherit;
}
.arabic .l_n_v.live_video .l_n_v_box video {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.arabic .force_div {
    left: 0;
    text-align: right;
}
.arabic .force_image {
    right: -260px;
}
.arabic .btn-reg-wht, .arabic .btn-reg-blk {
    float: right;
    border-radius: 2px;
    margin-left: -0px !important;
    position: relative;
    right: -14px;
}
.arabic .hw-icn li {
    width: 109px;
}
.arabic .color_x4 .force_div li:after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: #3c3b3b;
    border-radius: 36px;
    top: 8px;
    right: 0px;
}
.arabic .color_x4 .force_div li {
    position: relative;
    list-style-type: none;
    padding-right: 17px;
}
.arabic .faq_con_slide {
    text-align: right;
}
.arabic .center_c_h_d {
    text-align: right;
}
.arabic .learn_more_btn {
    float: right;
}
.arabic .how_under_imgs {
    float: right;
}
.arabic .after_bif {
    padding-right: 0;
}
.arabic .lef_ri_commom .bullet_point:after {
    right: 0;
    left: inherit;
    top: 7px;
}
.arabic .bullet_point {
    padding-left: 0;
    padding-right: 11px;
}
.arabic .Payment_mj {
    text-align: right;
}
.arabic .one_left_inner_div_mj {
    text-align: right;
}
.arabic .btn_call_back {
    float: right;
}
.arabic .tabs_on_next_open_section_mj a {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    border-right: 0px;
    border-left: 1px dotted #d6d6d6;
}
.arabic .tabs_on_inter_section_mj {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.arabic .m_active:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    left: -12px;
    border-top: 32px solid transparent;
    border-left: 12px solid #ff5300;
    border-bottom: 32px solid transparent;
}
.arabic .top_footer .get_a_nav.by_cement_fo a {
    float: right;
}
.arabic .middle_text_homz {
    text-align: right;
}
.arabic a.slider_vid_btn {
    float: right;
}
.arabic .slider_home_text a {
    float: right;
}
.arabic .about_p_text {
    font-size: 15px;
}
.arabic .why_text p {
    font-size: 13px;
}
.arabic .about_right_under p {
    text-align: right;
}
.arabic .about_left {
    float: right;
    padding-right: 0;
    padding-left: 14px;
}
.arabic .vis_mis_image {
    float: right;
}
.arabic .common_headig_dis {
    text-align: right;
}
.arabic .vis_mis_text p {
    text-align: right;
}
.arabic .after_bif span:after {
    left: -15px;
    right: inherit;
    border-bottom: 18px solid white;
    border-right: 14px solid transparent;
}
.arabic .after_bif span {
    left: -15px;
}
.arabic .about_right {
    padding-left: 0;
}
.arabic .main_class_map {
    float: right;
}
.arabic .complete_form input {
    padding-left: 20px;
    padding-right: 20px;
}
.arabic .new_button .india {
    float: right;
}
.arabic .new_button .dubai {
    float: right;
    margin-left: 0;
    margin-right: 15px;
}
.arabic .address.text_addition {
    text-align: right;
}
.arabic .slider_home_text p {
    width: 100%;
    float: right;
}
.arabic .form_sec_in b {
    float: right;
    left: 0;
    right: 10px;
}
.arabic .form_sec_in select {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 15px;
    font-weight: 500;
}
.arabic .form_sec_in input {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 15px;
    font-weight: 500;
}
.arabic .all_simple_form h4 {
    text-align: right;
}
.arabic .close_simple_form {
    right: inherit;
    left: -13px;
}
.arabic .change_text {
    float: left;
}
.arabic .first_slide_sec_under b {
    letter-spacing: 0px;
    font-size: 16px;
}
.arabic .next_change_tab a {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.arabic .product_image_left {
    float: right;
    padding-right: 0;
    padding-left: 7px;
}
.arabic .product_info_middle {
    float: right;
}
.arabic .product_info_right {
    padding-left: 0;
    padding-right: 7px;
}
.arabic .news_texts {
    padding-right: 10px;
    padding-left: 0;
    text-align: right;
}
.arabic .news_image {
    float: right;
}
.arabic .product_info_unders h1 {
    text-align: right;
}
.arabic .middle_top {
    text-align: right;
    padding-left: 20px;
    padding-right: 35px;
}
.arabic .pro_list {
    padding-right: 17px;
}
.arabic .veg_icon img {
    margin-right: 0;
    margin-left: 4px;
}
.arabic .what_tardo {
    text-align: right;
    padding-right: 35px;
    padding-left: 20px;
}
.arabic .what_tardo p:last-child {
    border-right: var(--border-color);
} 
.arabic .what_tardo p:nth-child(2) {
    padding-left: 12px;
}
.arabic .sell_pro_text1 {
    float: right;
    text-align: right;
    padding-right: 35px;
    padding-left: 15px;
}
.arabic .sell_pro_text {
    text-align: right;
}
.arabic .sell_pro_text1 {
    float: right;
    text-align: right;
    padding-right: 35px;
    padding-left: 15px;
    border-right: none;
    border-left: var(--border-color);
}
.arabic .min_div {
    float: right;
    padding-right: 35px;
}
.arabic .min_text {
    text-align: right;
    float: right;
    padding-right: 0;
}
.arabic .nutrition_section {
    padding-right: 35px;
    padding-left: 20px;
}
.arabic .text_pro_heading {
    text-align: right;
}
.arabic .nutrition_section li {
    float: right;
    text-align: right;
}
.arabic .nutrition_section ul {
    padding-right: 0;
    padding-left: 17px;
}
.arabic .news_link span {
    float: right;
    margin-top: 6px;
}
.arabic.privacy_policy .side_fixed_login_button a {
    padding: 10px;
    width: 134px;
    height: 55px;
    padding-top: 8px;
}
.arabic .all_heading_start h2 {
    text-align: right;
    font-size: 18px;
}
.arabic .all_heading_and_pahragraph {
    text-align: right;
}
.arabic .sell_on_right .sell_pro_text1 p:nth-child(1) {
    font-size: 11px;
}
.arabic .products_news h3:after {
    right: 13px;
    left: inherit;
}   
.arabic .products_news h3 {
    text-align: right;
    padding-right: 25px;
}
.arabic .sell_pro_text1 p:nth-child(1) {
    font-size: 13px;
}
/*arabic style*/


.marquee_class{
	clear: both;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	color: #F00;
	cursor: pointer;
}	

.m_padding{
	padding: 10px 19px 0px 19px;
}

div#demo {
			font-size: 18px;
			padding: 0px;
			font-weight: 400;
			height: 40px !important;
		}
		div#demo_day {
			padding: 0px;
			font-weight: 600;
		}
		.chnage_qr_day
		{
			width: 100%;
			float: left;
			position: absolute;
			height: 100px;
			bottom: 0;
			text-align: center;
			cursor: pointer;
			color:#fff;
		}
		.day_style{
			font-size: 54px;
			font-weight: 600;
		}
		.txt_day{
			position: absolute;
			top: 64%;
			left: 33%;
			font-weight: 500;
		}
		.font-clr{
			color: #fff;
		}