body { direction: rtl; } // ========= // header //========= header { .navbar { .navbar-brand { .logo { margin-right: inherit; margin-left: 0.5rem; } } } } .header-nav-center { .btn-default { margin-right: inherit; margin-left: 0.5rem; } } .services_section { .items_serv { .item-img { margin-right: inherit; margin-left: 1.5rem; } } } .features_section { .list-group { .list-group-item { img { margin-right: inherit; margin-left: 0.5rem; } } } } .Slide_horizontal_scroll { direction: ltr; .title_svg { left: inherit; right: -5%; } .item_slide { .block_img { .item__name { .txt { text-align: right; right: 5%; left: inherit; h4 { text-align: right; } } } } } } .toggle_switch { .yearly { .offer { left: inherit; right: 3rem; } } .toggle { .switch { right: 8px; left: 50.5%; transition-property: right, left; &:before { right: 17%; left: inherit; transition-property: right, left; } } .check { left: inherit; right: 0; &:checked ~ .switch { left: 8px; right: 50.5%; transition-property: right, left; } } } } .pricing_section { .blocks_pricing { .item__price { .feature_price { .list-group { text-align: right; .list-group-item { .tio { margin-right: inherit; margin-left: 0.3rem; display: inline-block; } } } } } } } .faq_section { .accordion { .card { .card-header { .btn-link { &::before { float: left; } } } } } } .simplecontact_section { .circle-ripple { right: 43.5%; left: inherit; @include maxMobile { right: 23.5%; } } } .rakon_purchase { direction: ltr; } .defalut-footer { &:before { left: -40%; right: inherit; } .item_links { .nav-link { padding-right: 0; padding-right: inherit; &:hover { padding-right: 0.3rem; padding-left: inherit; } } } .item_subscribe { .form-group { &.subscribebtn { .item_input { input { padding-left: 3.5rem; padding-right: 1.25rem; } .btn_subscribe { left: 0.6rem; right: inherit; } } } } } } .default_footer { &.dark { &:before { left: 0; right: inherit; transform: scaleX(-1); } } .item_links { .nav-link { padding-left: inherit; padding-right: 0; &:hover { padding-right: 0.3rem; } } } .item_subscribe { .form-group { &.subscribebtn { .item_input { input { padding-left: 3.5rem; padding-right: 1.5rem; } .btn_subscribe { left: 0.6rem; right: inherit; } } } } } } .select-menu select, .select-menu .button { text-align: right; } .select-menu .button em { right: 90px; } .select-menu ul li { padding: 9px 15px 8px 36px; } .logo { img { margin-right: inherit; margin-left: 0.5rem; } } .form-group { input { padding-right: 1.25rem; padding-left: inherit; } &.--password { .input-group { input { padding-left: 3.2rem; padding-right: 1.25rem; } .input-group-prepend { .input-group-text { left: 0.75rem; right: inherit; } } } } } .box--signup { left: 0; right: inherit; .other_login { .btn-loin-google { margin-left: 1rem; margin-right: inherit; .tio { margin-left: 2rem; margin-right: inherit; right: 1rem; left: inherit; } } } } .translat { @include prefixer(transform, translate(-100%), webkit moz o ms); } .about_section { .logo_items { .items { .item-client { margin-left: 1.5rem; margin-right: 0; span { text-align: center; } } } } } .tabs_works { .nav-pills { .nav-link { &.active { @include prefixer(box-shadow, 5px 0px 0px 0px #165df5, webkit moz o ms); } } } } .product_demo2 { .img--overlay { left: -7%; right: inherit; transform: scaleX(-1); } } .productsapp_section { .product--app { .Whangaehu { right: inherit; left: -100%; transform: scaleX(-1); @include maxSmall { left: 70%; } } } } .app_smartphone { .btn--app { .icon { margin-left: 0.75rem; margin-right: inherit; } } } .banner_demo8 { .ill_appMobile { .ill_bg { left: -15%; right: inherit; transform: scaleX(-1); } .ill_user { right: inherit; left: 5%; transform: scaleX(-1); } } } .feature_demo2 { .z_apps { .item__app { .icon { margin-left: 1rem; margin-right: inherit; } .txt { text-align: right; } } } .item_box { &.item_one { left: inherit; right: 35%; } &.item_two { left: inherit; right: 35%; } &.item_three { right: -18%; left: inherit; } &.item_four { left: 35%; right: inherit; } &.item_five { right: inherit; left: 35%; } &.item_six { left: -18%; right: inherit; } } } .app_smartphone { .btn--app { margin-left: 1.5rem; margin-right: inherit; } } .feature_dem3 { .item_feth { .icon_fr { margin-left: 1rem; margin-right: inherit; } } } .faq_demo4 { .item_list { h4 { &:before { right: -5px; left: inherit; @include maxMobile { right: 0; } } } } } .state_demo2 { .bb_qgency_state { .number_state { .txt { direction: ltr; } } } } .section_state { .bb_qgency_state { .link_state { .btn_touch { img { margin-left: 0.2rem; margin-right: inherit; } } } } } .gng_serv_about { .item_ig { .nq_about { left: -5rem; right: inherit; &.item_left { right: -5rem; left: inherit; } } } } .gn_testimonial { .gbx_content { .swiper-wrapper { .swiper-slide { .man👨 { .gq_txt { text-align: right; } .av_avatar { margin-left: 0.75rem; margin-right: inherit; } } } } } } .banner_demo6 { .btn_watch { .tio { margin-left: 0.2rem; margin-right: inherit; display: inline-block; } } } .hosting_service { .img_title { &:before { right: -50%; left: inherit; } } } .search_section { .domain_search { .input-group { input { border-radius: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-append { .bg_button { border-radius: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding-right: 1.5rem; padding-left: inherit; } .select_item { &.custom-select { background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat left 0.75rem center/18px 20px; } } } } } .name_domain { .do_main { direction: ltr; } } } .product_demo4 { .item_full { margin-left: inherit; margin-right: -10%; @include maxMobile { margin-right: auto; } } .img_produc { img { object-position: left; } } } .ggrid_testmonials { .item_tmonial { .item_userðŸ±â€ðŸ‘“ { img { margin-left: 0.75rem; margin-right: inherit; } .txt h5 a { display: inline-block; } } } } .foot_demo2 { &:before { left: 0; right: inherit; transform: scaleX(-1); } } .drop_download { .links-btn { a { text-align: right; padding-right: 0.25rem; padding-left: inherit; } } } .install_app { .list-group { .list-group-item { padding-right: 0; padding-left: inherit; } } } .roadmap_secrtion { direction: ltr; } .timeline-box { .item_timeline { border-width: 4px; &:after { width: 4px; height: 4px; top: -4px; } &.itemTwo { &:before { top: -4px; } } &.itemThree { margin-top: 2px; @include maxMobile { margin-top: 15px; } } } } .switch_team { direction: ltr; } /*----------------------------- demo_3 -----------------------------*/ .demo_3 { &.banner_section { &:before { content: ""; right: 37%; left: inherit; } &::after { left: inherit; right: 0; transform: scale(-1, 1); } .app_smartphone { .btn--app { .icon { margin-left: 0.2rem; margin-right: inherit; } } } } .img--elements { img { left: inherit; right: 0; } @include maxMobile { display: none; } } } .input_subscribe { &.dark { .item_input { input { padding-left: 6rem; padding-right: 1.25rem; } .btn_subscribe { left: 0.75rem; right: inherit; } } } } .product_demo3 { .illustration { right: -2rem; left: inherit; @include maxMobile { margin-top: 10px; } } } .transform-r-15 { transform: rotate(15deg) !important; } .tabs_service { .nav-pills { .nav-link { &.active { @include prefixer(box-shadow, none, webkit moz o ms); } } } } .tryit_now { &:before { right: 35%; left: inherit; transform: scaleX(-1); } } .upgrade_item { .link-more { .tio { display: inline-block; } &:hover { .tio { padding-right: 0.35rem; padding-left: inherit; } } } } .feature_app { .item-feat { @include maxMobile { direction: rtl; } } } header { .navbar { .navbar-collapse { .navbar-nav { .nav-item { .nav-link { margin-left: 1.25rem; margin-right: inherit; } } } } } } .slider_section { .swiper-container { .swiper-button-next { left: 20px; right: inherit; &:after { content: "\e9b2"; } } .swiper-button-prev { right: 20px; left: inherit; &:after { content: "\e9b3"; } } .swiper-pagination-progressbar { right: 22.7%; left: inherit; } } } .btn_readmore { &:before { right: -0.7rem; left: inherit; } } .report_section { .gsx_report { .arrow_ico { &.arrow-one { left: 1rem; right: inherit; } &.arrow-two { left: 1rem; right: inherit; } &.arrow-three { left: 1rem; right: inherit; } } .tio { left: 1.8rem; right: inherit; } .arrow-small { left: 1rem; right: inherit; } } } .demo_body_charity { .gbs_content { border-right: 0; border-left: 30px solid #000000; @include maxMobile { border-width: 10px; } } } .chiy_footer { &:before { right: 0; left: 0; } } .testimonial_demo2 { .item_mmon { .profile_user { .categ { right: 1.5rem; left: inherit; } } } } .about_agency { &:before { left: -2rem; right: inherit; } } .section_state { .bb_qgency_state { .number_state { .txt { direction: ltr; } } } } .foot_demo3 { &:after { left: -70%; right: inherit; transform: scaleX(-1); } } .toast { &.toast_demo { .close { left: 14px; right: inherit; } } } .section_account { .fixed_side_data { right: 0; left: inherit; .btn_logo { img { margin-left: 0.3rem; margin-right: inherit; } } } } /*----------------------------- blog_agency -----------------------------*/ .blog_agency { &::before { left: 0; right: inherit; } .item_art { .item_top { .date_mo { margin-left: 1.25rem; margin-right: inherit; } } .ga_info { .tags__bottom { span { padding-left: 0.3rem; padding-right: inherit; } } } } .items { padding-left: 2rem; padding-right: inherit; } } /*----------------------------- gb_team_te (Teams) -----------------------------*/ .gb_team_te { div { &:nth-child(1) { .horizontal_item { right: 10rem; left: inherit; @include maxSmall { right: 2rem; left: inherit; } } } &:nth-child(2) { .horizontal_item { right: 3rem; left: inherit; @include maxSmall { right: 2rem; left: inherit; } } } &:nth-child(3) { .horizontal_item { right: -2.8rem; left: inherit; @include maxSmall { right: 2rem; left: inherit; } } } &:nth-child(6) { margin-right: 2rem; margin-left: inherit; @include maxSmall { margin-right: 0; } .horizontal_item { right: 10rem; left: inherit; @include maxSmall { right: 2rem; left: inherit; } } } &:nth-child(7) { margin-right: 2rem; margin-left: inherit; @include maxSmall { margin-right: 0; } } } .so_media { right: 3rem; left: inherit; @include maxMobile { right: 2rem; left: inherit; } } } .faq_demo3 { .block_faq { .card { border: 1px solid $border-color; border-radius: 8px !important; } } } .faq_section { .accordion { .card { border-radius: 8px !important; } } } /*----------------------------- pricing_demo2 -----------------------------*/ .pricing_demo2 { .blocks_pricing { .item__price { &.popular { .icon_popular { left: 0; right: inherit; } } } } } /*----------------------------- options_pricing -----------------------------*/ .options_pricing { .table_pricing { .table { tbody { tr { td { &:first-child { text-align: right; } } } } } } } /*----------------------------- faq_demo5 -----------------------------*/ .faq_demo5 { .block_faq { .card { border: 0 !important; border-radius: 8px !important; .card-header { border-radius: 8px !important; margin-bottom: 0 !important; .simple_desc { text-align: right; } } } } } .gk_works_pro { .flex-grid { .rowgrid { .column.co_three { .txt_scroll { margin-right: 54%; margin-left: 0; } } } } } /*----------------------------- works_demo2 -----------------------------*/ .item_mywork { .info_work { .link_view { right: 0; left: inherit; } } } /*----------------------------- section__stories -----------------------------*/ .section__stories { .swip__topic { .swipe_basic_topic { .item { .ico__top { margin-left: 1.25rem; margin-right: inherit; } } } } .swip__stories { .feature_strories { .swiper-button-next, .swiper-button-prev { .tio { // transform: scale(-1, 1); } } .swiper-button-prev { left: 4.5rem; right: inherit; } } } } /*----------------------------- header Charity -----------------------------*/ .header_ch_left { .navbar-collapse { margin-right: 6.25rem; margin-left: inherit; @include maxSmall { margin-right: 0; } } } // .tio { // transform: scale(-1, 1); // } /*----------------------------- Form -----------------------------*/ .form-group { .custom-select { background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat left 0.75rem center/18px 20px; } } /*----------------------------- service__workspace -----------------------------*/ .service__workspace { .inside__zoop { padding-left: 4.375rem; padding-right: inherit; .ico { margin-left: 1.25rem; margin-right: inherit; } } } /*----------------------------- product__office -----------------------------*/ .product__office { .boo__item { .body__txt { .desc_txt { margin-left: 2.5rem; margin-right: inherit; } } } } /*----------------------------- service__about -----------------------------*/ .service__about { .body__tab { .nav-pills { .nav-link { @include maxSmall { padding: 0 0 1.563rem 1.563rem; } } } .block_video { .about__info { a { &:hover { .tio { margin-right: 0.5rem; margin-left: inherit; } } } } } } } /*----------------------------- test_monials__workspace -----------------------------*/ .test_monials__workspace { .box__others { .img__people { img { transform: scale(-1, 1); } .item_title { left: -60px; right: inherit; @include maxSmall { left: inherit; right: inherit; } } } } .people__say { .person_thumbs { .swiper-slide { @include maxSmall { right: inherit !important; left: inherit !important; padding-right: 1.5rem; padding-left: inherit; } } .swiper-wrapper { .swiper-slide { &:first-of-type { left: 30px; right: inherit; } &:nth-of-type(2) { left: 55px; right: inherit; } &:nth-of-type(3) { left: 180px; right: inherit; } &:nth-of-type(4) { left: 275px; right: inherit; } &:nth-of-type(5) { left: 310px; right: inherit; } } } } .simple__particles { @include maxMobile { display: none; } div { &:first-of-type { left: 18%; right: inherit; } &:nth-of-type(2) { left: 23%; right: inherit; } &:nth-of-type(3) { left: 41%; right: inherit; } &:nth-of-type(4) { left: 55%; right: inherit; } &:nth-of-type(5) { left: 75%; right: inherit; } } } } } .features__workspace { .inside__zoop { padding-left: 0; padding-right: inherit; } } /*----------------------------- demo__software -----------------------------*/ .demo__software { &::before { transform: scale(-1, 1); } .element_ui { .item { &:first-of-type { img { right: 280px; left: inherit; @include minSmall { right: 20px; } @include minMedium { right: 120px; } @include minLarge { right: 280px; } } } &:nth-of-type(2) { img { left: -240px; right: inherit; @include minSmall { left: 170px; } @include minMedium { left: -170px; } @include minLarge { left: -240px; } } } &:nth-of-type(3) { img { right: 120px; left: inherit; @include minSmall { right: 580px; } @include minMedium { right: 120px; } } } &:nth-of-type(4) { img { left: -240px; right: inherit; } } } } } /*----------------------------- software_web -----------------------------*/ .software_web { .item__section { .icon_sec { margin-left: 1.875rem; margin-right: inherit; } } .screen__ipad { margin-left: -80%; margin-right: inherit; @include maxSmall { margin-left: 0; } .sub_img { right: 30px; left: inherit; } } } /*----------------------------- feature__app -----------------------------*/ .feature__app { &::before { content: ""; border-top-left-radius: 40px; border-top-right-radius: 0; right: 0; left: inherit; } .item__app { .select_app { .app__mobile { &::before { left: -57px; right: inherit; @include maxSmall { left: 120px; } } } } } .item__section { .item__list { li { padding-right: 0; padding-left: inherit; } } } &.item__right { &::before { border-top-right-radius: 40px; border-top-left-radius: 0; left: 0; right: inherit; } .item__app { .select_app { &::before { margin-right: -70px; margin-left: inherit; @include maxSmall { margin-right: 0; } } .app__mobile { &::before { right: -57px; left: inherit; @include maxSmall { right: 100px; } } } } } } } /*----------------------------- integration__logo -----------------------------*/ .integration__logo { .block__circle { &::before { right: 0; left: inherit; } .item_logo { &:first-of-type { right: 160px; left: inherit; @include maxSmall { right: 0; } } &:nth-of-type(2) { right: 260px; left: inherit; @include maxSmall { right: 140px; } @include maxMobile { right: 0; } } &:nth-of-type(3) { right: 420px; left: inherit; @include maxSmall { right: 280px; } @include maxMobile { right: 140px; } } &:nth-of-type(4) { left: 280px; right: inherit; @include maxSmall { left: 80px; } @include maxMobile { left: 0; } } &:nth-of-type(5) { right: 45%; left: inherit; @include maxMobile { right: 15%; } } &:nth-of-type(6) { right: 61%; left: inherit; @include maxSmall { right: 58%; } @include maxMobile { right: 60%; } } &:nth-of-type(7) { left: 8%; right: inherit; @include maxSmall { left: 0; } } } } } /*----------------------------- companies__logo -----------------------------*/ .companies__logo { border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: 9.375rem; padding-left: inherit; @include maxSmall { padding-right: inherit; } } /*----------------------------- stories__customers -----------------------------*/ .stories__customers { .body__swipe { .item__review { .head_content { .img_av { margin-left: 0.75rem; margin-right: inherit; } } } .swiper-button-next { right: -180px; left: inherit; } .swiper-button-prev { right: -180px; left: inherit; } } } /** * ---------------------------------------- * Default dropdown * ---------------------------------------- */ .dropdown { .dropdown-toggle { @include maxSmall { margin-left: -1.7rem !important; margin-right: -1.7rem !important; padding-right: 1.7rem !important; padding-left: 3rem !important; .icon_arrow { .tio { left: auto; right: inherit; } } } &:hover { .icon_arrow { .tio { @include minSmall { transform: rotate(-90deg) !important; } } } } &.active { .icon_arrow { .tio { transform: rotate(-90deg); } } } } .dropdown-menu { left: 0; .dropdown-item { .icon_arrow { .tio { left: 20px; right: inherit; } } } } } /** * ---------------------------------------- * Sub Dropdown menu * ---------------------------------------- */ .dropdown-submenu { & > .dropdown-menu { left: inherit; right: 100%; @include maxSmall { right: inherit; } } } /*----------------------------- btn__more -----------------------------*/ .btn__more { &:hover { .tio { margin-right: 5px; margin-left: inherit; } } } /*----------------------------- simple_search -----------------------------*/ .simple_search { .input_group { input { padding-right: 45px; padding-left: inherit; } .tio { right: 20px; left: inherit; } } } /*----------------------------- custom-checkbox -----------------------------*/ .custom-checkbox { .custom-control-label { padding-left: 0.3rem; padding-right: inherit; } } /*----------------------------- pagination default -----------------------------*/ .pagination { &.default { .page-item { .page-link { margin-left: 10px; margin-right: inherit; &.disabled { margin-right: -10px; margin-left: 0 !important; } } } } &.button_step { .btn { margin-left: 20px; margin-right: inherit; } } } /*----------------------------- about__office -----------------------------*/ .about__office { .body__content { &::before { right: 0; left: inherit; } } } /*----------------------------- our_story -----------------------------*/ .our_story { .image_grid { .before_line { &::before { right: -100px; left: inherit; } } } } /*----------------------------- about_inner_two -----------------------------*/ .about_inner_two { .image_group { margin-right: -220px; margin-left: inherit; } } /*----------------------------- signup_full -----------------------------*/ .signup_full { .form_signup_one { .item_group { .google_sign { .btn_social { svg { margin-left: 10px; margin-right: inherit; } .tio { margin-left: 10px; margin-right: inherit; } } } } } /*----------------------------- signup_two -----------------------------*/ .signup_two { .list__point { .item { .icob { margin-left: 1.563rem; margin-right: inherit; } } } } } /*----------------------------- section_account -----------------------------*/ .section_account { .fixed_side_data { right: 0; left: inherit; .btn_logo { img { vertical-align: bottom; margin-left: 0.3rem; margin-right: inherit; } } } .have_account { @include maxMobile { padding-right: 1rem; padding-left: inherit; } .btn { margin-right: 0.3rem; margin-left: inherit; } } } /*----------------------------- banner_cotact_one -----------------------------*/ .banner_cotact_one { .bbox__form { .po__person_support { img { &:nth-child(2) { right: 23%; left: inherit; } &:nth-child(3) { right: 15%; left: inherit; } &:nth-child(4) { left: 13%; right: inherit; } &:nth-child(5) { left: 23%; right: inherit; } &:nth-child(6) { left: 13%; right: inherit; } } } } } /*----------------------------- banner_cotact_four -----------------------------*/ .banner_cotact_four { &::before { right: -10%; left: inherit; @include maxMobile { right: 0; left: inherit; } } } /*----------------------------- banner_about_two -----------------------------*/ .banner_about_two { .parallax_cover { .simpleParallax { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .cover-parallax { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } &::before { left: 100px; right: inherit; } } } /*----------------------------- banner_about_three -----------------------------*/ .banner_about_three { .multi_image { margin-right: -200px; margin-left: 0; img, &.group_img { margin-left: 30px; margin-right: 0; } .group_img { img { margin-left: 0; margin-right: 0; } } } } /*----------------------------- banner_blog_inner -----------------------------*/ .banner_blog_inner { &::before { right: 0; left: inherit; } } /*----------------------------- banner_app_two -----------------------------*/ .banner_app_two { .banner_title { .offer { .tio { margin-left: 6px; margin-right: inherit; } } } .button_app { .btn_with_ico { span { padding-left: 25px; padding-right: inherit; } } .app_video { span { padding-left: 15px; padding-right: inherit; } } } } /*----------------------------- blog-banner_without_image -----------------------------*/ .single_blog { .footer_content { .item_auther { margin-left: 50px; margin-right: inherit; @include maxMobile { margin-left: 0; } img { margin-left: 12px; margin-right: inherit; } } } } /*----------------------------- banner_app_three -----------------------------*/ .banner_app_three { .mockup_ap { .img_top { right: 15%; left: inherit; @include maxSmall { right: 0; } @include maxMobile { right: -20%; } } .img_bottom { left: -4%; right: inherit; @include maxMobile { left: -20%; right: inherit; } } } } /*----------------------------- content-Sblog -----------------------------*/ .content-Sblog { .fixSide_scroll { .item { .profile_user { @include maxSmall { text-align: right; } img { @include maxSmall { margin-left: 15px; margin-right: inherit; } } .btn_profile { @include maxSmall { margin-right: 15px; margin-left: inherit; } } } } .share_socail { @include maxSmall { text-align: right; } } } .body_content { .txt_quotation { border-right: 6px solid$lightgreen-color; } } } /*----------------------------- blog_masonry -----------------------------*/ .blog_masonry { .card { .cover_link { .auther_post { right: 30px; left: inherit; img { margin-left: 12px; margin-right: inherit; } } } } } .section_tag_auther { .box_tags_psot { a { margin-left: 8px; margin-right: inherit; } } .block_auther_post { .img_person { margin-left: 20px; margin-right: inherit; } } } /*----------------------------- sec_comments -----------------------------*/ .sec_comments { .body_commnt { .item_commnt { .at_img { margin-left: 20px; margin-right: inherit; } } } } /*----------------------------- banner_cotact_three -----------------------------*/ .banner_cotact_three { .shape_circle { div { &:first-child { left: 8.5%; right: inherit; } &:last-child { left: 33%; right: inherit; } } } .information_content { .link_item { a, p { .tio { margin-left: 0.938rem; margin-right: inherit; } } } } .form_contact_two { .input_group { input { padding-right: 3.125rem; padding-left: inherit; } .tio { right: 20px; left: inherit; } } } } /*----------------------------- form_cc_four -----------------------------*/ .form_cc_four { .upload__file { margin-left: 15px; margin-right: inherit; input[type="file"] { right: -160px; left: inherit; } .btn { .tio { margin-left: 4px; margin-right: inherit; } } } } /*----------------------------- contact_six -----------------------------*/ .contact_six { .scoail__media { a { margin-left: 10px; margin-right: inherit; } } } /*----------------------------- faq_one_inner -----------------------------*/ .faq_one_inner { border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-top-right-radius: 0; border-bottom-right-radius: 0; .features_points { .list_feat { li { .tio { margin-left: 12px; margin-right: inherit; } } } } } .faq_with_icon { .accordion { .card { .card-header { .btn-link { .tio { margin-left: 5px; margin-right: inherit; } } } } } } .information__contact { .icon { margin-left: 1.875rem; margin-right: inherit; } .txt { padding-left: 1.25rem; padding-right: inherit; } } /*----------------------------- tb_features_pricing -----------------------------*/ .tb_features_pricing { .table { tbody { tr { td { &:first-child { text-align: right; } } } } } } /*----------------------------- features_app_fitness -----------------------------*/ .features_app_fitness { .body_features { .nav-pills { .nav-link { background: linear-gradient( to left, rgba($white-color, 1), rgba($white-color, 0) ); } } .play_vv { .name_vv { right: 75px; left: inherit; } } } } /*----------------------------- fitures_Appfitness -----------------------------*/ .fitures_Appfitness { .features_bb { .items_serv { padding-left: 30px; padding-right: inherit; } .Image_fitness { img { left: -5%; right: inherit; transform: scale(-1, 1); @include maxSmall { left: -45%; } } } } } /*----------------------------- sh_footer_email -----------------------------*/ .sh_footer_email { .email_logo { .brand_logo { margin-left: 40px; margin-right: inherit; } } .nav { .nav-item { .nav-link { padding-right: 0; padding-left: inherit; } } } } /*----------------------------- group_logo_list -----------------------------*/ .group_logo_list { .item_tto { border-right: 1px solid$border-color; @include maxSmall { text-align: right; } img { &:last-child { margin-left: 0; margin-right: inherit; } } } } /*----------------------------- map_image_info -----------------------------*/ .map_image_info { .google_map { .pin_map { right: 40%; left: inherit; } } .image_team { left: 0; right: inherit; img { left: 0; right: inherit; } } .block_loaction { right: 50px; left: inherit; @include maxMobile { right: 0; } } } /*----------------------------- simple-subscribe -----------------------------*/ .simple-subscribe { .content { .item_scubscribe { .input_group { .btn { left: 8px; right: inherit; } } } } } /*----------------------------- categories_creative -----------------------------*/ .categories_creative { .content { .item { .ico__top { margin-left: 1.25rem; margin-right: inherit; } } } } /*----------------------------- widgets : -- SSmedia_follow-w -- quotatio-w -- categories_list-w -- banner-w -----------------------------*/ .widgets { .quotatio-w { p { text-align: right; } } } /*----------------------------- skills_section -----------------------------*/ .skills_section { .name_skills { .item { ul { margin-left: auto; margin-right: inherit; } } } } /*----------------------------- pricing_demo3 -----------------------------*/ .pricing_demo3 { .blocks_pricing { .item__price { .number { .duration { padding-right: 0.5rem; padding-left: inherit; } } } } } /*----------------------------- options_pricing -----------------------------*/ .options_pricing { .title_sections { margin-bottom: 2.5rem; } .tabs_price { .nav-pills { background-color: rgba($blue-color, 0.05); border-radius: 8px; padding: 0.65rem; width: max-content; .nav-item { .nav-link { color: $blue-color; border-radius: 8px; @include prefixer(transition, 0.3s, webkit moz o ms); &.active { color: $white-color; background-color: $blue-color; } } } } } .table_pricing { .table { tbody { tr { td { &:first-child { text-align: right; } } } } } } } /*----------------------------- p_pricing_list -----------------------------*/ .p_pricing_list { .tab_pricing_list { .nav-pills { .nav-item { .nav-link { &::before { right: 46%; left: inherit; } } &:first-child { &::before { left: 0; right: inherit; } } } } } .item_offer_annual { left: 0; right: inherit; } .group_price_table { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; .item_price { .part_one { .check_select { margin-left: 1.25rem; margin-right: inherit; } h3 { .offer { margin-right: 12px; margin-left: inherit; @include maxMobile { margin-right: 0; } } } } .part_two { h4 { @include maxMobile { text-align: left; } } } } } } /*----------------------------- pricing_list_app -----------------------------*/ .pricing_list_app { .black_item { .title { span { margin-right: 12px; margin-left: inherit; } } .list_point { .item { .circle_pp { margin-left: 15px; margin-right: inherit; } } } } } /*----------------------------- projects_devloper -----------------------------*/ .projects_devloper { .item_project { .img_cover { .open_source { right: 25px; left: inherit; .tio { margin-left: 6px; margin-right: inherit; } } } } } /*----------------------------- service_mobile_app -----------------------------*/ .service_mobile_app { .slider_mobile_ap { .swiper-pagination-bullets { right: 10px; left: inherit; } } .item_block { .ioco { margin-left: 30px; margin-right: inherit; } } } /*----------------------------- team_overlay_style (Teams) -----------------------------*/ .team_overlay_style { .item_group { .share_soisal { right: 30px; left: inherit; a { margin-left: 8px; margin-right: inherit; } } .content_txt { right: 30px; left: inherit; } } } /*----------------------------- team_default_style -----------------------------*/ .team_default_style { .item_group { .image_ps { .content_txt { &.left-side { right: 0; left: inherit; border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } &.right-side { border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0; left: 0; right: auto; } } } .social_text { a { margin-left: 1.25rem; margin-right: inherit; } } } } /*----------------------------- reviews_app_random -----------------------------*/ .reviews_app_random { .item_review { .footer_content { .user_oo { img { margin-left: 12px; margin-right: inherit; } } } } } /*----------------------------- app-mobile-btn -----------------------------*/ .app-mobile-btn { .btn { .txt { text-align: right; } .icoon { padding-right: 30px; padding-left: inherit; } } } /*----------------------------- blog_slider -----------------------------*/ .blog_slider { .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev { left: 4.5rem; right: inherit; } .title_sections_inner { &::after { right: 0; left: inherit; } } } .grid_blog_avatar { .body_blog { .person { img { margin-left: 12px; margin-right: inherit; } } } } .breadcrumb { /*----------------------------- default -----------------------------*/ &.default { .breadcrumb-item { &::before { content: "\e9b2"; } } } } // UI item .ui_item_dir { a { border-radius: 6px !important; &:first-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } &:last-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } &.active { background-color: #8991a3; color: $white-color; border-color: #8991a3; } } } .dividar_line { &::after { right: 0; left: inherit; } } .chevron_right { &::before { content: "\e9b2"; } } .chevron_left { &::before { content: "\e9b3"; } } .alert { .close { left: 20px; right: inherit; } }