@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One-child
Theme URI: https://wordpress.org/themes/twentytwentyone-child/
Author: the WordPress team
Author URI: https://ompay.com/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone-child
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One-child WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One-child is distributed under the terms of the GNU GPL.
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html {
    scroll-behavior: smooth;
}
body {
    font-family: "Montserrat", sans-serif;
    margin: 0;
    background-image: url(https://ompay.com/wp-content/themes/twentytwentyone-child/images/OMPay-mainBkg.jpg) !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;   
    -webkit-backface-visibility: hidden !important;
}

h1, h2, h3, h4, a, .elementor-widget-text-editor, textarea, input, .elementor-icon-list-text, 
.elementor-counter-title, .elementor-counter-number, .elementor-counter-number-suffix, .elementor-tab-content p {
    font-family: "Montserrat", sans-serif !important;
}
ul, li {
    margin: 0;
    padding: 0;
}
.pagesize {
    width: 1200px;
    margin: 0 auto;
}
.pgsize {
    width: 1100px;
    margin: 0 auto;
}

/* Header Style Start */
.headerMain {
    background-color: #3111f3;
    padding: 13px 0;
}
.headerWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerMenus ul li {
    display: inline-block;
}
.headerMenus ul li a {
    text-decoration: none;
    color: #fff;
    padding: 7px 20px;
    transition: .4s;
    margin-right: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.headerMenus ul li a:hover {
    text-decoration: underline;
    transition: .4s;
}
.getBtn a {
    display: inline-block;
    border-radius: 10px;
    background-color: #ff8c00 !important;
    text-decoration: none !important;
}
.headerMenus ul li.current-menu-item a {
    font-weight: 700;
    text-decoration: underline !important;
}
.headerLogo img {
    width: 190px;
}
.headerLogo {
    flex: 0 0 25%;
}


.headerMain.sticky {
	background-color: #000;
    z-index: 111;
    position: fixed;
    top: 0;
	animation: slide-in 500ms ease-out;
	    left: 0;
    right: 0;
	background-color:#3111f3;
}
/* Header on Scroll Slide */
@keyframes slide-in {
	from { transform: translateY(-100%); } 
}
/* Header on Scroll Slide */
/* Header Style End */



/* Footer Style Start */
.footerMain {
    background-color: #3111f3;
    padding: 20px 0;
}
.logopad {
    flex: 0 0 50%;
    /* background-image: url(images/Footer-Bg.png);
    background-position: inherit;
    background-size: 540px;
    background-repeat: no-repeat; */
}
.logoBkg::after {
    content: "";
    background-image: url(images/Footer-Bg.png);
    background-position: inherit;
    background-size: 615px;
    background-repeat: no-repeat;
    width: 617px;
    height: 275px;
    position: absolute;
    left: -5px;
    top: -1px;
}
.site-footer {
    position: relative;
}
.ftLogo {
    width: 250px;
    position: absolute;
    top: 108px;
    left: 92px
	z-index: 999;
}
.footerWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footerWrap h2 {
    color: #fff;
    margin: 0;
    font-size: 23px;
    padding-bottom: 20px;
    font-weight: 600;
}
.footerMenus ul li {
    padding-bottom: 18px !important;
}
.footerMenus ul li::marker {
    color: #fff;
}
.footerMenus ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
.contacts ul li {
    list-style: none;
    margin-left: 0 !important;
}
.insta_icon a, .link_icon a, .twit_icon a, .fab_icon a, .snap_icon a {
    background-image: url(images/instagram-icon.png);
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
}
.link_icon a {
    background-image: url(images/linkedin-icon.png) !important;
}
.twit_icon a {
    background-image: url(images/twitter-icon.png) !important;
}
.fab_icon a {
	background-image: url(images/facebook-icon.png) !important;
}
.snap_icon a {
    background-image: url(https://ompay.com/wp-content/uploads/2025/05/snapchat-icon.png) !important;
}
.socialLinks ul li {
    display: inline-block;
    margin-right: 13px;
}
.telIcon, .browsIcon {
    color: #fff;
    text-decoration: none;
    display: block;
    background-image: url(images/telephone.png);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: left 0px;
    padding-left: 29px;
    margin-bottom: 24px;
    margin-top: 4px;
}
.browsIcon {
    background-image: url(images/web.png);
    margin-bottom: 0px !important;
}
.mailsIcon {
    color: #fff;
    text-decoration: none;
    display: block;
     background-image: url(https://ompay.com/wp-content/uploads/2025/05/email-icons.png);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: left 0px;
    padding-left: 29px;
    margin-bottom: 24px;
    margin-top: 4px;
}
.omanTels {
    width: 90px;
}
/* Footer Style End */

.wpcf7-not-valid-tip {
    font-size: 12px !important;
}

label {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    display: inline-block;
}
.required {
    color: #ff0000;
}
input {
    background-color: #fff;
    outline: none;
    padding: 10px 13px;
    border-radius: 10px;
    border: none;
    width: -webkit-fill-available;
}
.resBtn input {
    background-color: #ff8c00 !important;
    color: #fff !important;
    padding: 9px 22px !important;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    width: auto;
}
.resBtn {
    margin-top: 30px;
}
::placeholder {
    color: #1e1e1e;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff !important;
}

/* Table Style */

.responsive-table-container {
    overflow-x: auto;
  }

  .brand-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    min-width: 600px; /* prevents table from shrinking too much */
  }

  .brand-table th {
    background-color: #3111f3;
    color: white;
    padding: 10px;
    text-align: left;
    white-space: nowrap;
  }

  .brand-table td {
    border:1px solid #dddddd59;
    padding: 8px;
    white-space: nowrap;
		color:#fff;
  }

  .brand-table tr:nth-child(even) {
    background-color: #3111f336;
  }

  .brand-table tr {
    background-color: #00000000;
  }
/* Table Style */

.contacts {
	padding-top: 48px;
}


.abBanner {
    border-radius: 15px;
    /* background:#3111f36e; */
    background: linear-gradient(90deg, #00296b6b -2.89%, #1763dd6e 101.88%);
}
.ab-om {
    background-image:url(https://ompay.com/wp-content/uploads/2025/05/about-world.png);
    background-position: -174px -207px;
    background-repeat: no-repeat;
    background-size: 910px;
}
.omCards::after {
  content:"";
  background-image:url(https://ompay.com/wp-content/themes/twentytwentyone-child/images/about-stroke.png);
  background-position: left center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -465px;
  bottom: 190px;
}
.Om-privacy ul li {
  list-style:none;
  background-image:url(https://ompay.com/wp-content/uploads/2025/05/OMPAY-bullets.png);
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 30px;
  padding-bottom: 10px;
}
.Om-privacy ul{
  margin-left: 17px !important;
}
.Om-privacy ol li {
  padding-bottom: 10px;
}


/* News Room */

.newsMain {
  display: inline-block;
  width: 29%;
  vertical-align: top;
  margin-right: 23px;
}
.newsMain:nth-child(3n) {
  margin-right: 0px;
}
.newsImage img {
  width: 100%;
  border-radius: 24px;
  height: 185px;
  object-fit: cover;
  object-position:inherit;
  border: 1px solid #fff;
}
.newsWrap a, .latestNews a {
  color: #fff;
  text-decoration: none;
}
.newsWrap h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding-top: 16px;
}
.newsWrap p {
  color: #fff;
  margin: 0;
  font-size: 14px;
  line-height: 1.3em;
}
.newsMeta {
  padding: 16px 0;
}

.newsImage {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.newsImage .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none;
}
.newsImage a, 
.newsImage p {
  z-index: 2;
}
.newsDate {
  position: absolute;
  top: 7px;
  left: 27px;
  font-size: 13px !important;
}
.newsDate sup, .latestNewsDate sup {
  font-size: 11px;
}
.latestNewsDate {
  font-size: 15px;
  color: #fff;
  padding: 15px 0 25px;
}
.newsContent p {
  color: #fff;
  margin: 0;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.3em;
}

.latestNews h2 {
  margin: 0;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 25px;
  width: 59%;
}
.latestNewsImg img {
  width: 100%;
  border-radius: 24px;
  border: 1px solid #fff;
}
.newsContent ul li {
  list-style: none;
  background-image: url(https://ompay.com/wp-content/uploads/2025/05/OMPAY-bullets.png);
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 30px;
  padding-bottom: 10px;
	color:#fff;
	font-size: 16px;
}
.newsContent ul ol {
	color:#fff;
	font-size: 16px;
	padding-bottom: 10px;
	
}
.breadcrumbWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #fff;
}
.breadcrumbItem {
  color: #fff;
}
.breadcrumbItem.current {
  opacity: 1;
}
.breadcrumbArrow img {
  width: 15px;
}
.breadcrumbimg img {
  width: 22px;
}
/* News Room */

.wpcf7 form.sent .wpcf7-response-output {
  color: #fff !important;
}
.newsContent a {
  text-decoration: underline;
  margin-bottom: 15px !important;
  display: inline-block;
  color: #fff;
}

/* RTL Style Start */

.rtl .elementor-7 .elementor-element.elementor-element-01b2b03 > .elementor-widget-container {
  margin: 0px 0px 0px 0px !important;
}
.rtl .ompayHand .elementor-widget-container img{
  margin-left: 0px !important;
}
.rtl .logoBkg::after {
  left: 650px;
  top: -2px;
  height: 268px;
}
.rtl .ftLogo {
  top: 94px;
  left: 750px;
}
.rtl .telIcon, .rtl .browsIcon, .rtl .mailsIcon {
  text-align: left;
}
.rtl .contacts {
  padding-top: 50px;
}
.rtl .googleBtn {
  text-align: right !important;
  margin-right: 15px;
}
.rtl .appleBtn {
  text-align: left !important;
}
.rtl .money_rtl {
  position: relative;
  right: 454px;
}
.rtl .omBus .elementor-widget-container {
  margin: 0 !important;
}
.rtl .omCards::after {
  width: 793px;
  left: 0px;
  bottom: 380px;
  right: -230px;
  background-repeat: no-repeat;
}
.rtl .Om-privacy ul li {
  background-position: right 0px;
  padding-left: 0px;
  padding-right: 37px;
}
.rtl .elementor-column.featurePay {
  position: relative;
  left: 270px;
}
.rtl .featurePay .appstoreBtn {
  text-align: right;
}
.rtl .featurePay .googleBtn {
  margin-right: -7px;
}
.rtl .footerMain {
  padding-bottom: 0;
}
.rtl .telIcon {
  direction: ltr;
}

.rtl .wallDir {
  position: relative;
  left: 240px;
}
.rtl .wallDir .elementor-container.elementor-column-gap-default{
  direction: ltr;
}

.rtl .busiApple {
  text-align: left;
}
.rtl .busiGoogle {
  text-align: right;
  margin-right: 12px;
}

.busiApple {
  text-align:right;
}
.busiGoogle {
  text-align:left;
}

.rtl .wpcf7 form p {
  text-align: right;
}
.rtl input::placeholder {
  text-align: right;
}
.rtl .resBtn p {
  text-align: end !important;
}
.rtl .wpcf7-spinner {
  display: none;
}

.rtl .phil .elementor-widget-wrap {
  border-right: 1px solid #fff;
}
.rtl .getBtn a {
  margin-left: 16px;
}
/* RTL Style End */

.mobile-lang-switcher .trp-language-switcher {
  width: 115px !important;
}
.rtl .mobile-lang-switcher .trp-language-switcher {
  text-align: left;
}
.trp-language-switcher > div {
  border: 1.5px solid transparent !important;
  border-radius: 10px !important;
}

.trp-language-switcher-container a {
 margin-right: 0 !important;
 padding: 5px 10px !important;
}

.current-language-menu-item a {
  color:#ff8c00 !important;
  text-decoration: underline !important;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-left.trp-color-dark {
  min-width: 100px !important;
}

/* Responsive Style Start */

@media only screen and
(min-width: 10px)and
(max-width: 1024px) {
	.headerMenus {
    display: none;
  }
  #rmp_menu_trigger-288 {
    top: 7px;
    right: 1%;
  }
  #rmp_menu_trigger-288 .responsive-menu-pro-inner, #rmp_menu_trigger-288 .responsive-menu-pro-inner::before, #rmp_menu_trigger-288 .responsive-menu-pro-inner::after {
    background-color: #fff !important;
  }
  #rmp-menu-wrap-288 {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media only screen and
(min-width: 10px)and
(max-width: 1200px) {
	.pagesize, .pgsize {
    width: auto;
    margin: 0px 20px;
  }
}
@media only screen and
(min-width: 10px)and
(max-width: 768px) {
  .footerWrap {
    display: block;
  }
  .ftLogo {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
  }
  .omanTels {
    margin-bottom: 30px;
    margin-top: 7px;
  }
  .logoBkg {
    background-image:none;
  }
  .contacts {
    padding-top:0px !important;
  }
  .ab-om {
    background-image: none !important;
  }
  .omCards::after {
    content:"";
    background-image: none !important;
  }
  .newsMain {
    display:block !important; 
    width:auto !important;
    margin-right:0px;
    margin-bottom:26px;
  }
  .latestNews h2 {
    font-size: 28px;
    width:auto !important;
  }
  .ftLogo {
    position:inherit;
  }
  .logoBkg::after {
    display: none;
  }
  .newsMeta {
    padding: 10px 0;
  }
  .newsWrap h2 {
    font-size: 22px;
    padding-top: 9px;
  }
  .newsImage img {
    height: auto;
  }
  .breadcrumbWrapper {
    font-size: 10px;
  }
  .breadcrumbArrow img {
    width: 10px;
  }
  .trp-language-switcher-container a {
    display: block !important;
  }
  #trp-floater-ls {
    display: none;
  }
  .rtl .headerWrap {
    justify-content: end;
  }
  .rtl .app1 {
    text-align: center !important;
  }
  .rtl .g2 {
    text-align: center !important;
    margin-right:0px !important;
  }
  .rtl .wallDir {
    left: 162px !important;
  }
  .rtl .elementor-column.featurePay {
    left: 0px !important;
  }

  .rtl .phil .elementor-widget-wrap {
    border-right: 1px solid transparent !important;
  }
  .rtl .omCards::after {
    display: none !important;
  }
  .rtl .money_rtl {
    right: 3px !important;
    bottom: -100px !important;
  }
  .rtl .googleBtn {
    margin-right:0px !important;
  }
}
@media only screen and
(min-width: 10px)and
(max-width: 600px) {
	br {
    display: none;
  }
}
/* Responsive Style End */

@media screen and (min-width: 1600px) {
	.rtl .logoBkg::after {
    left: 964px;
  }

  .rtl .ftLogo {
    top: 104px;
    left: 1068px;
  }
}
@media screen and (min-width: 1706.67px) {
	.rtl .logoBkg::after {
    left: 1070px;
  }
  .rtl .ftLogo {
    top: 100px;
    left: 1167px;
  }
}
@media screen and (min-width: 1920px) {
	.rtl .logoBkg::after {
    left: 1280px;
  }
  .rtl .ftLogo {
    left: 1385px;
  }
}
@media screen and (min-width: 2560px) {
	.rtl .logoBkg::after {
    left: 1912px;
  }
  .rtl .ftLogo {
    left: 2018px;
  }
}