:root { --color1:#FFA500; --color2:#FD8900; --color3:#5A5959; --color4:#393636; --border1: 1px solid #E27A00; --white:#fff; scroll-behavior: smooth; } body { font-family: "Open Sans", sans-serif; color: #444444; } a { color: #444444; text-decoration: none; } a:hover { color: #717ff5; text-decoration: none; } a:focus { outline: 0 !important; } h1,h2,h3,h4,h5,h6 { font-family: "Open Sans", sans-serif; } section { padding: 60px 0; overflow: hidden; } .header { transition: all 0.5s; z-index: 997; padding: 20px 0; } .header.header-scrolled { background: #fff; padding: 15px 0; box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1); } .header .logo { line-height: 0; } .header .logo img { height: 80px; margin-right: 6px } /*Navigation Menu-Desktop Navigation*/ .navbar { padding: 0; } .navbar .menudiv{ display: block; text-align: end; } .menudiv .dropdown { position: relative; } .menudiv .dropdown .btn.dropdown-toggle:focus, .menudiv .dropdown .btn.dropdown-toggle:hover { border:0; outline: 0; } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{ border:0; } .menudiv .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .menudiv .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .menudiv .dropdown-content a:hover { background-color: #ddd; } .menudiv .dropdown:hover .dropdown-content { display: block; } .navbar .contact span{ font-size: 16px; font-weight: 400; line-height: 2.2; letter-spacing: 0.02em; } .navbar .menudiv .divider{ border: 1px solid #E58B22; opacity: 1; margin: 0; } .navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; } .navbar li { position: relative; } .navbar .lang{ width: 38px; height: 38px; } .navbar a, .navbar a:focus { padding: 10px 0 10px 30px; font-size: 18px; font-weight: 600; color: var(--color4); white-space: nowrap; transition: 0.3s; line-height: 1.2; } .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a { color: var(--color2); } .signin, .signin:focus { background: var(--color1); color: #fff !important; padding: 1rem 2rem !important; height: 45px; text-align: center; border-radius: 5px; border: var(--border1); font-size: 18px; font-weight: 600; transition: 0.3s; line-height: 0.8!important; display: inline-flex; } .signin:hover, .signin:focus { color: var(--color1)!important; background: #fff; } .navbar .signin{ display: none; } .navbar .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px; } .navbar .dropdown ul li { min-width: 200px; } .navbar .dropdown ul a { padding: 10px 20px; font-size: 15px; text-transform: none; font-weight: 600; } .navbar .dropdown ul a i { font-size: 12px; } .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a { color: var(--color1); } .dropdown-item:focus, .dropdown-item:hover { background-color: #fefbf3; border:0; outline: 0; } .navbar .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; } .navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; } .navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 100%; visibility: visible; } @media (max-width: 1366px) { .navbar .dropdown .dropdown ul { left: -90%; } .navbar .dropdown .dropdown:hover>ul { left: -100%; } } /*Mobile Navigation*/ .mobile-nav-toggle { color: var(--color4); font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; } .mobile-nav-toggle.bi-x { color: var(--color4); } @media (max-width: 992px) { .mobile-nav-toggle { display: block; } .navbar ul { display: none; } } .navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background:transparent; transition: 0.3s; } .navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; } .navbar-mobile ul { display: block; position: absolute; top: 0; right: 0; bottom: 15px; /*left: 0;*/ padding: 10px 0; background-color: #fff; overflow-y: auto; transition: 0.3s; width: 80%; } .navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: var(--color4); } .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a { color: var(--color2); } .navbar .signin1, .navbar .signin1:focus { width: 35px; height: 35px; background: var(--color1); color: var(--white); padding: 10px; border-radius: 50%; border:var(--border1); display: flex; align-items: center; justify-content: center; } .navbar .signin1:hover{ color: var(--color1); background: var(--white); } .navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); height: max-content; } .navbar-mobile .dropdown ul li { min-width: 200px; } .navbar-mobile .dropdown ul a { padding: 10px 20px; } .navbar-mobile .dropdown ul a i { font-size: 12px; } .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a { color: #4154f1; } .navbar-mobile .dropdown>.dropdown-active { display: block; } /*Hero Section*/ .hero { width: 100%; height: auto; background: linear-gradient(180deg, rgba(255, 165, 0, 0.6) 0%, rgba(255, 199, 97, 0.372818) 0%, rgba(255, 255, 255, 0) 100%); padding: 90px 0 0px } .hero h1, .downloads h1 { margin: 0; font-size: 48px; font-weight: 700; color: var(--color1); } .hero .topheading{ font-size: 27px; margin-top:15px; line-height: 1.4; } .hero h1 a span{ color:var(--color3); } .hero .herotitle{ font-size: 53px; line-height: 1.4; } .hero h1.jewels, .downloads h1 .jewels{ color: var(--color3); } .hero .jewels1{ font-size: 48px; line-height: 1.4; color: var(--color3); font-weight: 700; } .hero h2, .downloads h2 { color: var(--color4); margin: 1.5rem 0 0 0; font-size: 20px; } .watchvdo, .watchvdo:focus { background: var(--color1); color: #fff !important; padding: 1rem 2rem; height: 45px; text-align: center; border-radius: 5px; border: var(--border1); font-size: 18px; font-weight: 600; transition: 0.3s; line-height: 0.8; display: flex; align-items: center; justify-content: center; } .watchvdo1, .watchvdo1:focus { background: transparent; color: var(--color1) !important; padding: 1rem 2rem; height: 45px; text-align: center; border-radius: 5px; border: var(--border1); font-size: 18px; font-weight: 600; transition: 0.3s; line-height: 0.8; display: flex; align-items: center; justify-content: center; } .watchvdo:hover, .watchvdo:focus { color: var(--color1)!important; background: #fff; } .demo{ width: 100%; background: #FFF3DC; } .demo .subdemo1{ border: 4px solid #FFA500; background: #fff; border-radius: 15px; padding: 20px; } .demo .subdemo1 .demoheadtitle{ font-size: 25px; font-weight: 700; text-align: center; color: #000; text-transform: capitalize; } .subdemo1 .signin, .subdemo1 .signin:focus{ padding:1rem 5rem!important; font-weight:700; } .demoForm .demoheadtxt1{ font-size: 25px; font-weight: 700; text-align: center; color: #5A5959; text-transform: capitalize; border-bottom: 1px solid #E58B22; margin: 0 20px; padding: 0 0px 10px; } .demogif{ width: 300px; text-align: center; margin: auto; } .demo .subdemo{ border: 4px solid #FFA500; background: #fff; border-radius: 20px; padding: 25px; } .demo .subdemo .demoheadtxt{ font-size: 35px; font-weight: 700; text-align: center; color: #5A5959; padding: 20px; border-bottom: 1px solid #E58B22; margin: 0 20px; text-transform: capitalize; } .demo .subdemo .thankdiv h3{ font-size: 50px; font-weight: 700; text-align: center; color: #05a405; padding: 20px; border-bottom: 0; margin: 0 20px; text-transform: capitalize; } .demo .subdemo .thankdiv p{ font-size: 18px; font-weight: 400; text-align: center; color: #000; line-height: 1.5; } .demo .subdemo .thankdiv .thanklogo{ width:250px; margin: 20px auto 10px; } .demo .subdemo .demoform .form-control, .demo .subdemo .demoform .form-select, .demoForm .form-control, .demoForm .form-select{ border: 1px solid #9CA0A9; font-size: 16px; font-weight: 500; color: #5A5959; } .demo .subdemo .demoform .form-control::placeholder, .demo .subdemo .demoform .form-select::placeholder, .demoForm .form-control::placeholder, demoForm .form-select::placeholder{ color: #9CA0A9; } .demo .subdemo .demoform .form-control:focus, .demo .subdemo .demoform .form-select:focus, .captchapic .form-control:focus, .demoForm .form-control:focus, .demoForm .form-select:focus{ border: 1px solid #FFA500; box-shadow: 0 0 0 .1rem rgba(253, 204, 13, 0.25); } .demo .subdemo .demoform .form-check-label, .page404div .pag404form .form-check-label{ color: #9CA0A9; font-size: 15px; } .taglinediv{ width: 100%; background: linear-gradient(180deg, rgba(255, 199, 97, 0.12) 0%, rgba(255, 255, 255, 0) 100%); } .tagline .shape{ clip-path: polygon(100% 0, 0 0, 0 69%); background: #FFA500; width: 150px; display: inline-block; height: 6px; margin-bottom: 10px; } .tagline p.tagheading, .tagline .tagheadtitle{ margin: 0; font-size: 46px; font-weight: 700; color: var(--color1); text-transform: capitalize; margin-bottom: 10px; } .tagline .tagheadtitle{ line-height: 1.4; } .tagline p.tagheading .jewels { color: var(--color3); } .tagline-para{ font-weight: 500; font-size: 15px; color:var(--color3); } .p-tagline{ font-weight: 700; font-size: 30px; color: #9CA0A9; } .productdiv{ background:#fff; } .productdiv .prodtitle h5, .productdiv1 .prodtitle h5, .managegirvidiv .prodtitle h3, .managegirvidiv .prodtitle h5, .prodtitle .headtxt, .productdiv .prodtitle h2, .productdiv .prodtitle h3, .productdiv1 .prodtitle h2, .productdiv1 .prodtitle h4, .productdiv .prodtitle h4, .productdiv1 .prodtitle h3, .omfeatures .ommaintitle .headtitl,.productdiv .prodtitle .mainheading, .productdiv1 .prodtitle .mainheading{ margin: 0; font-size: 48px; font-weight: 700; color: var(--color1); text-transform: capitalize; text-align: center; } .prodtitle .headtxt{ text-transform: initial; } .managegirvidiv .prodtitle h3, .managegirvidiv .prodtitle h5{ color: #393636; } .productdiv1 h5 span{ color:#5A5959; } .productdiv .prodtitle p, .productdiv1 .prodtitle p, .managegirvidiv .prodtitle p, .omfeatures .ommaintitle .subt{ font-size: 18px; text-align: center; margin-bottom: 0; } .prodtypes{ background: linear-gradient(115.9deg, #FFF1D9 1.54%, rgba(255, 255, 255, 0.786509) 58.28%, rgba(255, 241, 217, 0.621363) 102.16%); border-radius: 15px; margin-bottom: 3rem; position: relative; } .prodpic{ padding: 20px; width: 100%; } .prodpic img{ width: 100%; } .prodsell{ background: #FFA500; padding: 6px 10px; } .prodsell p{ color: #fff; font-size: 14px; font-weight: 700; text-transform: capitalize; margin-bottom: 0; line-height: normal; display: flex; align-items: center; } .prodsell p i{ font-size: 14px; } .prodname { background: #fff; border: 1px solid #FFA500; border-radius: 0 0 15px 15px; padding: 6px 10px; } .prodname p{ margin-bottom: 0; font-weight: 700; color: #5A5959; font-size: 18px; padding: 0; display: flex; align-items: center; justify-content: space-between; cursor:pointer; } .prodname p i, .iconright i{ color: var(--color1); } .iconright{ position: absolute; right: 0; bottom: 0; } .iconright i{ font-size: 30px; } .prodbotm{ position: absolute; width: 100%; bottom: 0px; } .prodfeature{ display: none; } .prodfeature ul{ list-style: none; padding-left: 0; margin:8px 0; } .prodfeature ul li{ display: flex; align-items: center; line-height: 1.8; font-weight: 500; color:#5A5959; font-size: 14px; } .prodfeature ul li i{ color: var(--color1); font-size: 14px; margin-right: 8px; } .why{ width: 100%; background: url(../images/main/omunim_why_bg.webp) top center no-repeat; background-size: cover; } .whyom{ width: 100%; background: url(../images/main/omunim_software_bg.webp) top center no-repeat; background-size: cover; } .whyom .jewels{ font-size: 48px; font-weight: 700; color: var(--color1); text-transform: capitalize; text-align: center; } .aboutusbg{ width: 100%; background: url(../images/main/omunim_aboutus_bg.webp) top center no-repeat; background-size: cover; } .why .why1, .whyom .why1, .mobileapp .why1{ background: #FFFCF8; border-radius: 10px; } .why .blockheadtxt, .whyom .blockheadtxt, .mobileapp .blockheadtxt{ font-size: 16px; font-weight: 700; margin-bottom: 5px; } .why p, .whyom p, .mobileapp p{ font-size: 14px; } .why .whypic, .whyom .whypic, .mobileapp .whypic{ width:80px; margin: 0 auto 10px; } .picheading{ margin-bottom: 10px; } .whypic1{ width:40px; margin-right: 10px; } .mobileDiv{ background: linear-gradient(95.25deg, #FFE1AB 6.22%, #FAEAD1 93.78%); width:100%; } .mobileDiv .goldbardiv{ position: absolute; left: 0; top: 10px; } .downloadapp a{ width:177px; margin: 0 1rem 0; } .mobileDiv .downloaddiv { text-align: center; } .mobileDiv .downloaddiv .piggy{ width: 85px; height: 85px; margin-left: 30px; } .mobileDiv .downloaddiv .form-control{ height: 50px; border-radius: 10px; } .mobileDiv .downloaddiv .form-control:focus{ border: 1px solid #FFA500; box-shadow: 0 0 0 .1rem rgba(253, 204, 13, 0.25); } .mobileDiv .downloaddiv h4{ font-size: 35px; font-weight: 700; line-height: 1.6; margin-bottom: 1rem; color: #323232; text-align: left; } .mobileDiv .downloaddiv p{ font-size: 16px; font-weight: 700; line-height: 1.8; color: #5A5959; margin-bottom: 0; } .mobileapp{ background: #fff; } .ratingbg{ background: linear-gradient(180deg, rgba(255, 199, 97, 0.2) 0%, rgba(255, 255, 255, 0) 100%); width:100%; } .starrating{ border: 0.85px solid #E8AD11; padding: 20px; border-radius: 20px; background:#fff; } .starrating p{ font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 0; margin-top: 20px; text-transform: capitalize; color:#5A5959; } .starrating .pics{ width:70%; margin:auto; } .starrating1{ text-align: center; } .starrating1 p{ font-size: 22px; font-weight: 700; text-align: center; margin-bottom: 20px; text-transform: capitalize; } .starrating1 span{ font-size: 50px; font-weight: 700; text-align: center; margin-top: 0; margin-bottom: 20px; } .views{ background: linear-gradient(90deg, #FDE6BF 0%, #F0C171 100%); width:100%; } .testimonials .testimonial-item { box-sizing: content-box; padding: 30px; margin: 80px 0px 0; background: #FBEEDAC9; display: flex; flex-direction: column; text-align: center; transition: 0.3s; border: 1px solid #FFA5004D; border-radius: 0 0 20px 20px; } .testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 50%; margin: 0 auto; position: absolute; top: 0; transform: translate(-50%,25%); } .customer-name{ font-size: 18px !important; font-weight: bold; margin: 10px 0 5px 0 !important; color: #111; } .customer-city { font-size: 14px; color: #999; margin: 10px 0; } .testimonials .testimonial-item p { margin: 0 auto 15px auto; } .testimonials1-slider .swiper-pagination{ display: flex; align-items: center; justify-content: center; } footer{ background: url(../images/main/omunim_footer_bg.webp) no-repeat; background-position: top center; background-size: cover; width:100%; padding: 20px ; } footer .foottop{ background: #fff; border-radius: 20px; } .foothead .foottitle{ font-weight: 700; font-size: 16px; text-transform: capitalize; color: #5A5959; margin-bottom: 10px; } footer .foothead a, footer .foothead span{ font-weight: 400; font-size: 14px; text-transform: capitalize; color: #5A5959; margin-bottom: 10px; } .foothead .footsocial1 a{ text-transform: lowercase; } .footsocial a img{ width:25px; } footer .foottop .foothead p a{ font-weight: normal; font-size: 16px; color: #000; } footer .foottop .foothead p a img{ width:25px; margin-right: 10px; } .copyright p{ margin-bottom: 0; font-size: 14px; color:#5A5959; margin-top: 20px; text-align: center; font-weight: 700; } .footlinks a{ font-weight: normal; font-size: 14px; } .footlinks.links span{ text-transform: lowercase; margin-bottom: 5px; } .sendInvoice{ list-style: none; padding-left: 0; display: flex; align-items: center; justify-content: space-around; margin-bottom: 0; } .sendInvoice li{ background: #fff; line-height: 1.4; display: inline-block; padding: 10px; margin-bottom: 10px; width:180px; border:1px solid #FFA500; border-radius: 5px; } .sendInvoice img{ width: 30px; margin-right: 10px; } .feature .pix{ width:100%; border-radius: 15px 15px 0 0; overflow: hidden; } .pix img{ width:100%; } .feature .Title{ background: #FBF2E1; } .feature .Title h6{ font-size: 22px; font-weight: 700; line-height: 1.8; text-align: center; color:#000; text-transform: capitalize; margin-bottom: 0; } .feature .Text{ padding: 1rem; } .feature .Text p{ font-size: 15px; font-weight: 400; line-height: 1.6; text-align: center; color:#000; } .jewellery_feature{ margin-bottom: 20px; } .jewellery_feature .picheading{ padding: 15px; border: 0.5px solid #FFA500; margin-bottom: 0; border-radius: 10px 10px 0 0; background: #fff; } .jewellery_feature .picheading h6{ font-size: 18px; font-weight: 700; text-align: center; color: #E27A00; } .jewellery_feature .feature-content, .jewellery_feature .feature-content1{ background: #FFFBF2; border: 0.5px solid #FFA500; padding: 15px; border-radius: 0 0 10px 10px; height: 138px; } .jewellery_feature .feature-content1{ height: 115px; } .jewellery_feature .feature-content p, .jewellery_feature .feature-content p{ font-size: 15px; font-weight: 400; line-height: 1.4; text-align: center; color:#5a5959; margin-bottom: 0; } .omman{ position: absolute; right: -340px; bottom: -61px; width: 726px; } .girvifeature{ border-radius: 10px; border: 1px solid #FFA500; padding:10px; margin-bottom: 25px; background: #fff; height: 500px; } .girvifeature .Title h4{ font-size: 19px; font-weight: 700; line-height: 1.8; text-align: left; color:#393636; margin: 5px 0; } .fullpic{ width:75%; margin:auto; } .faq .accordion-item{ border-bottom: 1px solid #FFA500!important; } .accordion-button::after { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23FFA500' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>"); background-repeat: no-repeat; background-size: 1rem 1rem; } .accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23FFA500' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>"); } .accordion-button:focus,.accordion-button:not(.collapsed){ background: #fff; border:none; color:#000; box-shadow: none; } .accordion-item{ color:#9b9c9c; } .integration .whypic2{ width:65px; margin-right: 10px; } .integration h4{ font-size: 26px; } .integration p{ font-size: 16px; } .about .integration{ background: #FFF9EF; border-radius: 0 10px 10px 0; } .about .integration h6{ font-weight: 700; margin-bottom: 15px; font-size: 32px; } .about .integration p{ font-size: 19px; } .awards ul, .videos ul{ width:100%; background: #fff; border-bottom: 1px solid #757575; } .videos ul li{ width:20%; } .awards ul li{ width:33.33%; } .awards ul li button, .videos ul li button{ width:100%; font-size: 22px; color:#8B8B8B; border-top:none; border-right:none; border-left:none; } .nav-link:focus, .nav-link:hover { color: #8B8B8B; outline: none; } .awards .nav-pills .nav-link.active, .awards .nav-pills .show > .nav-link, .videos .nav-pills .nav-link.active, .videos .nav-pills .show > .nav-link { color: #FFA500; background-color: #fff; font-weight: 400; border-bottom: 5px solid #FFA500; border-radius: 0; outline: none; } .ecom .pic{ width:80px; height:80px; margin-right: 20px; } .ecom h4{ font-size: 25px; font-weight: 700; text-align: left; color:#5a5959; line-height: 1.2; margin-bottom: 0px; } .ecom span{ font-size: 20px; font-weight: 400; text-align: left; color:#5a5959; display: block; } .ecomtop span{ font-size: 50px; font-weight: 700; text-align: left; color: #E27A00; margin:10px 0 15px; line-height: 1.4; } .ecomtop h1{ font-size: 30px; font-weight: 400; text-align: left; } .ecomtop p{ font-size: 20px; font-weight: 400; text-align: left; color:#000000; } .prodtitle .ecomtxt p{ font-size: 21px; margin-top: 10px; } .integrationDiv{ background: linear-gradient(104.98deg, #082E65 3.16%, #3F8CDA 106.68%); } .integrationDiv span, .templatediv span{ font-size: 50px; font-weight: 700; text-align: left; line-height: 1.2; color:#ffa500; margin-bottom: 25px; display: block; } .integrationDiv ul li, .templatediv ul li{ font-size: 23px; font-weight: 400; line-height: 1.6; text-align: left; color:#fff; margin-bottom: 25px; } .templatediv{ background: linear-gradient(180deg, rgba(156, 160, 169, 0.1) 0%, rgba(238, 230, 215, 0.1) 0%, rgba(189, 221, 255, 0.0575663) 0.01%, rgba(255, 229, 182, 0.1) 34.5%, rgba(255, 255, 255, 0) 99.99%); } .templatediv .span1,.templatediv ul li{ color:#5a5959!important; } .breadcrumb-item a{ font-size: 16px; font-weight: 400; line-height: normal; text-align: left; color:#5A5959; } .breadcrumb-item.active{ color:#FFA500; font-weight: 700; } .videocard{ border: 1px solid #D9D9D9; border-radius: 10px; overflow: hidden; } .videocard .videodetails{ padding: 20px; } .videocard .videodetails .vdotitle{ font-size: 16px; font-weight: 700; text-align: left; line-height: 1.4; color:#5a5959; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .videocard .videodetails .text p{ font-size: 15px; font-weight: 400; text-align: left; line-height: 1.4; color:#5a5959; text-transform: capitalize; } .videocard .videodetails .text i{ color:#FFA500; } .videocard .videodetails .recent{ clip-path: polygon(0% 0%, 100% 0, 92% 50%, 100% 100%, 0% 100%); background: #5a5959; padding: 7px 50px 7px 10px; color:#fff; font-size: 14px; } .swiper-button-prev, .swiper-button-next{ width: 30px; height: 30px; border-radius: 50%; background: #FFA500; color:#fff; font-size: 16px; display: flex; align-items: center; justify-content: center; } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{ display: none; } .swiper-button-next, .swiper-rtl .swiper-button-prev{ right:0; } .swiper-button-prev, .swiper-rtl .swiper-button-next{ left:0; } .videodetails1{ padding: 10px; } .videodetails1 recent{ padding: 10px; } .videodetails1 .vdotitle{ font-size: 14px; font-weight: 700; text-align: left; line-height: 1.4; color:#5a5959; margin-top: 10px; margin-bottom: 10px; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .videodetails1 .text p{ font-size: 14px; font-weight: 400; text-align: left; line-height: 1.4; color:#5a5959; margin-top: 0; margin-bottom: 0; } .videodetails1 .text i{ color:#FFA500; } .videodetails1 .recent{ clip-path: polygon(0% 0%, 100% 0, 92% 50%, 100% 100%, 0% 100%); background: linear-gradient(90deg, #FFA500 0%, #C36A01 100%); padding: 5px 50px 5px 10px; color:#fff; font-size: 14px; font-weight: 700 } .vidapp .container-fluid{ padding: 3rem 0 0; } .appdiv{ background: linear-gradient(261.83deg, #511691 0.27%, #18072B 99.73%); } .appdiv .ecomapp{ height:610px; padding: 40px 0; display: flex; flex-direction: column; justify-content: space-between; } .appdiv .ecomapp .apphead h4{ font-size: 55px; font-weight: 700; line-height: 1.2; text-align: left; color:#fff; text-transform: capitalize; } .appdiv .ecomapp .apphead span{ font-size: 18px; font-weight: 400; text-align: left; color:#fff; margin-top: 30px; display: block; } .appdiv .ecomappdiv { padding: 10px 20px 20px; background: #fff; border-radius: 10px; } .appdiv .ecomappdiv p{ font-size: 32px; font-weight: 700; text-align: left; color:#ffa500; text-transform: capitalize; line-height: 1.2; } .appdiv .playstore a{ width:200px; margin: 0 20px; } .ecomappdiv .playstore span{ font-size: 16px; font-weight: 400; text-align: left; color:#5a5959; } .appdiv .app1 img{ /*position: absolute;*/ top: -30px; border-radius: 16px; } .appdiv .app2 img{ /*position: absolute;*/ top: 30px; border-radius: 16px; } .downloads { width: 100%; height: auto; background: url(../images/main/omunim_downloads_bg.webp) top center no-repeat; background-size: cover; padding: 90px 0 0px } .updatesoftware{ border-bottom: 2px solid #D9D9D9; margin-bottom: 20px; } .updatesoftware p{ font-size: 20px; font-weight: 700; text-align: left; text-transform: capitalize; color: #5A5959; margin-bottom: 10px; } .updatesoftware .softversion{ padding: 0; } .updatesoftware .softversion input{ font-size: 16px; font-weight: 400; text-align: left; text-decoration: underline; border:none; color:#FFA500; background: #fff; padding: 0; display: block; margin-bottom: 10px; } .softwareDownload .modal-span{ font-size: 16px; font-weight: 400; text-align: center; color:#5a5959; } .softwareDownload .modal-title, .jdModal .modal-title{ font-size: 24px; font-weight: 700; text-align: left; text-transform: capitalize; color: #ffa500; margin-top: 20px; } .softwareDownload .watchvdo.submitbtn,.jdModal .watchvdo.submitbtn{ height: 45px; } .softwareDownload .btn-close, .jdModal .btn-close, .demoForm .btn-close{ position: absolute; right: 5px; top: 5px; background: #FFFFFF; width: 8px; height: 8px; padding: 10px; /*color: #B00;*/ border: 1px solid #ddd7d7; border-radius: 5px; display: flex; align-items: center; justify-content: center; opacity: 1; z-index:1; } .softwareDownload .btn-close:hover, .jdModal .btn-close:hover, .demoForm .btn-close:hover{ color:var(--color1); } .btn-close:focus{ box-shadow: none; } .softwareDownload .input-group, .contactformdiv .contactform .input-group, .signinform .input-group, .page404div .pag404form .input-group{ margin-bottom: 30px; position: relative; } .softwareDownload .form-control, .contactformdiv .contactform .form-control, .signinform .input-group .form-control, .page404div .pag404form .input-group .form-control { border: 1px solid #d1d1d1; height: 40px; font-size: 14px; font-weight: 700; text-align: left; color:#5A5959; border-radius: 5px !important; } .softwareDownload .form-select, .contactformdiv .contactform .form-select, .signinform .input-group .form-select, .page404div .pag404form .form-select{ border: 1px solid #d1d1d1; height: 40px; font-size: 14px; font-weight: 700; text-align: left; color:#5A5959; border-radius: 5px !important; } .form-select.signinformselect{ font-size: 12px !important; } .softwareDownload .form-control:focus, .softwareDownload .form-select:focus, .contactformdiv .contactform .form-control:focus, .contactformdiv .contactform .form-select:focus, .signinform .input-group .form-control:focus, .signinform .input-group .form-select:focus, .page404div .pag404form .form-control:focus, .page404div .pag404form .input-group .form-select:focus{ box-shadow: 0 0 0 .1rem rgba(249, 155, 8,1); } .softwareDownload .form-label, .contactformdiv .contactform .form-label, .signinform .input-group .form-label, .page404div .pag404form .input-group .form-label{ font-size: 13px; font-weight: 400; text-align: left; color:#545252; position: absolute; top: -9px; left: 12px; background: #fff; z-index: 9!important; margin-bottom: 0; padding: 0 5px; } .contactformdiv .contactform .form-label i{ font-size: 20px; color:#ffa500; } .softwareDownload .form-control::placeholder, softwareDownload .form-select::placeholder, .contactformdiv .contactform .form-control::placeholder, contactformdiv .contactform .form-select::placeholder, .signinform .form-control::placeholder, .signinform .form-select::placeholder{ font-weight: 400; color:#b9bbbd; } .page404div .pag404form .form-control::placeholder, .page404div .pag404form .form-select::placeholder{ font-weight: 400; color:#9CA0A9; } .page404div{ background: rgba(255, 241, 217, 0.2); border: 2px solid rgba(255, 165, 0, 1); border-radius: 10px; padding: 15px 20px; } .pag404form{ padding: 15px 20px; } .pag404form .shareex{ color:#323232; text-align: center; } .lookingfor{ background: #fff; padding: 20px; border-radius: 10px; } .lookingfor span{ font-size: 26px; font-weight: 700; line-height: 1; text-align: center; color:#323232; display: block; margin-bottom: 1.5rem; } .lookingfor .names a{ display: block; font-size: 22px; font-weight: 400; line-height: 1.2; text-align: left; color:#D27101; margin-bottom: 25px; } .lookingfor .names a img{ width:30px; height: 30px; margin-right: 15px; } .ourvdo{ font-size: 25px; font-weight: 700; line-height: 1.2; text-align: left; } .jobprofile .nav-pills .nav-link{ background: #fff !important; border: 2px solid #FFA500 !important; border-radius: 30px; color: #5A5959; font-size: 18px; font-weight: 600; text-align: center; text-transform: capitalize; margin:0 10px 10px; } .jobprofile .nav-pills .nav-link.active{ background: rgba(255, 241, 217, 0.62)!important; } .jobprofilecontent{ background: #F9F9F9; padding: 30px 20px; } .jobprofilecontent .jobtitle .title{ font-size: 25px; font-weight: 700; text-transform: capitalize; color:#5A5959; line-height: 1.2; } .jobprofilecontent .jobtitle p{ font-size: 14px; font-weight: 400; color:#5A5959; } .jobprofilecontent .jobtitle p span{ font-weight: 700; } .jobprofilecontent .jpdetails p{ font-size: 14px; font-weight: 700; text-transform: capitalize; color:#5A5959; margin: 10px 10px 10px 0; } .jobprofilecontent .jpdetails p i{ font-size: 14px; color:#ffa500; margin-right: 10px; } .watchvdo1.applybtn{ height: 45px; background: #fff; width: max-content; } .watchvdo.otpbtn{ height: 38px; padding: 0 1rem; font-size: 15px; } .jobprofilecontent .remote, .jobprofilecontent .moreDetails{ background: #FFFAF3; font-size: 14px; font-weight: 700; text-align: center; display: block; padding: 10px 20px; border-radius: 30px; color: #5A5959; margin: 10px 10px 10px 0; } .jobprofilecontent .moreDetails{ background: #FFFAF3; color: #ffa500; border:1px solid #ffa500; } .upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; } .upload-btn-wrapper .btn { border: 1px solid #ffa500; color: #ffa500; background-color: #fff; padding: 8px 20px; border-radius: 30px; font-size: 14px; font-weight: 700; } .upload-btn-wrapper .btn i { margin-right: 5px; font-size: 14px; } .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; } .jdtext span, .jdtext p span{ font-size: 16px; font-weight: 700; text-align: left; color: #5A5959; margin-bottom: 20px; } .jdtext span i{ color: #ffa500; font-size: 16px; } .jdtext p{ font-size: 16px; font-weight: 400; text-align: left; color: #5A5959; } .mobileappDiv { width: 100%; height: auto; background: url(../images/main/omunim_mobileapp_bg.webp) top center no-repeat; background-size: cover; } .mobileappDiv h1 { margin: 0; font-size: 50px; font-weight: 700; text-transform: capitalize; color: #FFA500; margin-top: 20px; } .mobileappDiv h2 { color: #323232; margin: 1.5rem 0 0 0; font-size: 29px; line-height: 1.4; } .mobileappDiv .rectblue{ background: #FFA500; height:15px; width:100%; } .impactdiv{ background: rgba(255, 249, 239, 0.62); } .impactdiv .impactcontent h3{ font-size: 49px; font-weight: 700; text-align: left; color:#FFA500; line-height: 1.2; text-transform: capitalize; } .impactdiv .impactcontent p{ font-size: 24px; font-weight: 400; line-height: 1.6; text-align: left; color:#000; margin-top: 20px; } .tagdiv{ background: #F7F7F7; } .tagdiv h4{ font-size: 50px; font-weight: 700; line-height: 1.2; text-align: left; color:#5A5959; } .tagdiv .orangeclr{ color:#FFA500; } .tagdiv p{ font-size: 20px; font-weight: 400; line-height: 1.6; text-align: left; color:#000; margin-top: 20px; } .girviappdiv{ background: linear-gradient(261.83deg, #6AA2DD 0.27%, #073769 99.73%); } .girviappdiv .girviicon img{ width:100px; height:100px; margin-right: 20px; } .girviappdiv .girviicon h5{ font-size: 62px; font-weight: 700; line-height: 1.4; text-transform: capitalize; color:#fff; margin-bottom: 30px; } .girviappdiv .girviicon p{ font-size: 32px; font-weight: 400; line-height: 1.2; text-align: left; text-transform: capitalize; color:#fff; margin-bottom: 5px; } .girviappdiv .girviicon span{ font-size: 48px; font-weight: 700; line-height: 1.2; text-transform: capitalize; color:#fff; } .girviappdiv .loansetpic{ margin: -17px 0; } .loanfeature{ padding: 10px; border-radius: 5px; border: 1px solid #D9D9D9; height: 137px; margin-bottom: 10px; } .loanfeature img{ width:50px; height:50px; margin-right: 10px; } .loanfeature span{ font-size: 20px; font-weight: 700; line-height: 1.4; text-transform: capitalize; color: #393939; } .loanfeature p{ font-size: 16px; font-weight: 400; line-height: 1.4; text-align: left; color: #000; margin: 20px 0 0; } .goldloan{ border: 1px solid #D9D9D9; border-radius: 20px; overflow:hidden; margin-bottom: 30px; } .goldloan .mobscreen{ background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFFFFF 60.5%, #EEF1FC 100%); text-align: center; } .goldloan .mobscreen1{ background: radial-gradient(50% 50% at 50% 50%, #EEF1FC 0%, #FFFFFF 100%, #FFFFFF 100%); text-align: center; } .goldloan .mobscreen img, .goldloan .mobscreen1 img{ width:100%; } .goldloan .loancontent{ border-top: 1px solid #d9d9d9; height: 160px; } .goldloan .loancontent span{ font-size: 20px; font-weight: 700; line-height: 1.4; text-align: center; color:#323232; display: block; margin-bottom: 15px; } .goldloan .loancontent p{ font-size: 14px; font-weight: 400; line-height: 1.6; text-align: center; color:#393636; margin-bottom: 0; } .captchapic { display: flex; align-items: center; position: relative; } .captchapic .captchaCanvas{ position: absolute; top: 1px; left: 1px; border-radius: 5px 0 0 5px; } .captchapic input{ padding-left: 125px; } .contactformdiv { background: rgba(255, 241, 217, 0.62); padding: 30px 40px; border-radius: 10px; } .contactform{ background: #fff; padding: 30px; border-radius: 10px; } .contactDetails{ background: #FFF7E8; padding: 20px 20px 40px; border-radius: 10px; } .contactDetails span{ font-size: 14px; font-weight: 700; line-height: 1.4; text-transform: capitalize; color:#393636; margin-bottom: 10px; margin-top: 20px; display: block; } .contactDetails p{ font-size: 14px; font-weight: 400; line-height: 1.6; text-transform: capitalize; color:#393636; margin-bottom: 5px; } .contactDetails span i{ color:#E58B22; font-size: 19px; margin-right: 10px; } .contactformdiv .contactform textarea.form-control{ height: 150px; resize: none; } .contactform hr{ border: 1px solid #D9D9D9 } .bankdetails{ background: #FFF7E8; border-radius: 5px; overflow: hidden; } .bankdetails .bankname{ background: #FFA500; padding: 10px; } .bankdetails .bankname span{ color:#fff; font-size: 18px; font-weight: 700; line-height: 1.4; text-transform: capitalize; } .bankdetails .bankqr{ width:100px; height: 100px; margin-right: 5px; } .bankdetails .accountDeatails p{ font-size: 16px; font-weight: 400; line-height: 1.4; text-align: left; color:#000; margin-bottom: 15px; } .termsDiv .termsTitle p{ background:rgba(255, 241, 217, 0.62); font-size: 22px; font-weight: 700; line-height: 2.4; color: #FFA500; padding: 10px 20px; text-transform: capitalize; border-left: 2px solid #FFA500; } .termsDiv .termsContent h6{ font-size: 18px; font-weight: 700; line-height: 1.6; color: #545252; margin-bottom: 1.5rem; } .termsDiv .termsContent p{ font-size: 16px; font-weight: 400; line-height: 1.6; color: #545252; } .termsDiv .termsContent p span{ font-weight: 700; } .termsnote p{ background:rgba(255, 241, 217, 0.62); font-size: 16px; font-weight: 400; line-height: 1.4; color: #545252; padding: 10px 20px; } #captchaValidIcon{ color: #049904; font-size: 28px; line-height: normal; margin-left: 10px; } .error{ color: #f20c0c; text-transform: lowercase; font-size: 14px; } .valid{ color: #028702; /*text-transform: lowercase;*/ font-size: 14px; } .intl-tel-input, .iti{ width: 100%; } .iti__country-list{ width:278px; } .managegirvidiv.bg{ background-image: url(../images/main/omunim_scheme_bg.webp); background-position: top center; background-repeat: no-repeat, repeat; } .goldloan1{ border-radius: 20px; overflow:hidden; margin-bottom: 20px; } .goldloan1 .mobscreen{ background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFFFFF 60.5%, #F0E6FD 100%); text-align: center; } .goldloan1 .mobscreen1{ text-align: center; } .goldloan .mobscreen img, .goldloan .mobscreen1 img{ width:100%; } .girvicontent,.girvicontent1,.girvicontent2,.girvicontent3{ border: 1px solid #D9D9D9; border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 20px; } .girvicontent span, .girvicontent1 span, .girvicontent2 span, .girvicontent3 span{ color: #E58B22; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: left; border-bottom: 1px solid #FFA500; background: #FFF1D99E; display: block; padding: 10px; } .girvicontent p, .girvicontent1 p, .girvicontent2 p, .girvicontent3 p{ color: #393636; font-size: 14px; font-weight: 400; line-height: 1.6; text-align: left; padding: 10px; background: #fff; margin-bottom: 0; } .star { font-size: 35px; margin-right: 10px; cursor: pointer; } .one, .two, .three, .four, .five { color: rgba(255, 165, 0, 1); } .starrate p{ font-size: 20px; font-weight: 700; line-height: 1.4; text-align: left; color:#323232; margin-bottom: 10px; } .addphoto i{ font-size: 20px; color: #ffa500; } .addphoto, .writereview.input-group .form-label{ font-size: 16px; font-weight: 400; line-height: 1; top:-14px; } .shareex{ font-size: 26px; font-weight: 700; line-height: 1.4; text-align: left; color:#ffa500; } swiper-pagination-bullet-active{ background: #ffa500; } .likepnt p { background: #fff !important; border: 1px solid #D9D9D9; border-radius: 5px; color: #5A5959; font-size: 14px; font-weight: 600; text-align: center; text-transform: capitalize; padding: 5px 10px; margin-right: 10px; } .signindiv{ width: 100%; height: auto; background: url(../images/main/omunim_signin_bg.webp) top center no-repeat; background-size: cover; padding: 90px 0 0px } .signindiv .container { display: flex; justify-content: center; align-items: center; height: auto; } .signindiv h2{ font-size: 30px; font-weight: 700; line-height: 1.6; text-align: center; color:#5A5959; margin:10px 0; } .signindiv .toptxt span{ background: #FFF1D99E; color:#E58B22; font-size: 20px; font-weight: 600; line-height: 1.4; text-align: center; display: block; padding: 10px; } .signinform{ background: #fff; padding: 30px; border-radius: 10px; border: 2px solid #FFA500; } .signinform .error{ color: #f20c0c; text-transform: lowercase; font-size: 12px; background: none; } .signsubmit:hover{ background-color: green !important; color: #fff !important; } .signinformTitle h3{ font-size: 35px; font-weight: 700; line-height: 1.4; text-align: center; color:#ffa500; } .signinformTitle p{ font-size: 18px; font-weight: 400; line-height: 1.4; text-align: center; color:#5a5959; } .signpic{ width:80%; margin: auto; } .signinform .input-group{ margin-bottom: 0; margin-top:30px; } .input-group.otpGrp input{ width:1rem; display: flex; align-items: center; margin-right: 10px; border-bottom: 3px solid #FFA500; font-size: 25px; color:#ffa500; } .thankyou{ width:60px; height:60px; position: absolute; top: -39px; right: 45%; } .invpic{ width: 90%; margin: auto; } .graysqr{ background: #F4F4F4; height:200px; width: 100%; border-radius: 30px 30px 0 0; position: absolute; bottom:-65px; } .ourfeature-slider span{ display: block; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.4; margin-top: 20px; } .ourfeature-slider .swiper-slide.swiper-slide-active span{ font-weight: 700; } .ourfeature-slider .swiper-slide img{ border-radius: 60px; } .iphonescreen{ position: absolute; top: 48px; z-index: 1; left: 27%; width: 448px; } .ecom-slider .epix{ margin-bottom: 120px; } .ecom-slider .swiper-pagination-bullet{ width: 16%; height: 100px; border-radius: 5px; background-position: center; background-size: cover!important; background: #fff; opacity: 1; border: 1px solid #ECECEC; } .ecom-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 1px solid #FFA500; } .callDiv{ position: fixed; z-index: 100; bottom: 2%; right: 1%; } .callBtn,.whatsappBtn{ width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .callBtn i,.whatsappBtn i{ color: #fff; font-size: 20px; line-height: 0.6; } .callBtn{ background: #f99e01; } .whatsappBtn{ background: #028702; } .omfeatures .featurediv{ border: 1px solid #E27A00; border-radius: 10px; overflow: hidden; margin-bottom: 25px; } .omfeatures .featurediv .fetmain{ padding: 5px 0 10px 0px; } .feature-pic{ width: 65px; height: 65px; margin-left: 10px; margin-bottom: -40px; } .omfeatures .featurediv .omfettitle{ font-size: 15px; font-weight: 700; text-align: left; color:#5A5959; margin: 5px 0 5px 85px; } .featurediv .omfettxt{ height:200px; } .omfeatures .featurediv .omfettxt p{ font-size: 14px; font-weight: 400; line-height: 1.6; text-align: center; color:#5A5959; margin-bottom: 0; } .bg-peach{ background: #FFF7E8; } .instafeature { background: #fff9ed; padding: 10px; border-radius: 10px; text-align: center; border: 1px solid #d6d6d6; display: flex; flex-direction: column; justify-content: center; /* box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); */ } .pics-insta { width:70px; height: 70px; margin: 10px auto; padding: 10px; border-radius: 50%; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .instafeature p{ color : #444444; font-weight: 700; font-size: 16px; } .ommaintitle .key-features{ display: inline-flex; gap: 5px; align-items: center; padding-left: 15px; border: 1px solid #ff872b; border-radius: 50px; font-size: 16px !important; } .headtitl.exp{ font-size: 1.9rem !important; } .allfeatureDiv .nav-pills { text-align: center; border-bottom: 1px solid #e7bd86; } .allfeatureDiv .nav-pills .nav-link{ background: transparent; color: #444444!important; padding: 1rem .95rem !important; text-align: center; font-size: 17px; font-weight: 500; transition: 0.3s; line-height: 1.4 !important; width: 100%; border-radius: 0; } .allfeatureDiv .nav-pills .nav-link.active{ border-bottom: 3px solid #E27A00; color: #E27A00!important; font-weight: 600; } .allfeatureDiv .accordion-button{ background: #fff; color: var(--color1)!important; padding: 1rem .95rem !important; /*height: 130px;*/ text-align: center; border-radius: 0; border: 1px solid var(--border1); font-size: 18px; font-weight: 600; transition: 0.3s; line-height: 1.4 !important; width: 100%; } .allfeatureDiv .accordion-button{ background: var(--color1); color: #fff !important; } .allfeatureDiv .accordion-button.collapsed{ background: #fff; color: var(--color1)!important; } .allfeatureDiv .featuretab-content .featitle{ font-size: 35px; line-height: 1.4; color: var(--color3); font-weight: 700; text-transform: capitalize; text-align: center; margin-bottom: 10px; } .finefeaturepic{ width:40px; } .finefeaturepic img{ width:100%; } .finefeaturediv span{ font-size: 18px; font-weight: 700; color: #E27A00; text-align: start; } .featuretab-content p{ font-size: 14px; text-align: start; color: #444444; } .griddiv { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 10px; padding: 10px; margin: 0 auto; } .leftpic { display: flex; justify-content: center; align-items: center; border-radius: 10px; box-shadow: 0px 0 10px rgba(1, 41, 112, 0.08); overflow: hidden; } .pic1 img ,.pic4 img, .pic5 img { height: 125px; object-fit: cover; } .pic2 img ,.pic3 img { height: 260px; object-fit: cover; } .pic1 { grid-column: span 2; grid-row: span 1; } .pic2 { grid-column: span 1; grid-row: span 2; } .pic3{ grid-column: span 1; grid-row: span 2; } .pic4 { grid-column: span 1; grid-row: span 1; } .pic5 { grid-column: span 2; grid-row: span 1; } .why-best-content span{ font-size: 16px; font-weight: 700; margin-bottom: 5px; } .why-best-content p{ font-size: 15px; } .feature-content .feature-ul li{ font-size: 15px; line-height: 2; text-align: left; text-transform: capitalize; } .boxshadow{ box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } .demoform .btn-close1{ position: absolute; top: -10px; right: -10px; opacity: 1; font-size: 26px; background: var(--color1); color: #fff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 0.4; font-weight: 900; border: 0; padding: 10px; z-index: 2; } .softfeature .softTxt{ width: calc(100% - 100px); } .softfeature span{ font-weight: 600; font-size: 15px; text-transform: capitalize; margin-bottom: 2px; display: block; } .softfeature p{ margin-bottom: 0; font-size: 14px; } .softfeature .softicon{ width:70px; height:70px; padding: 15px; border-radius: 50%; background:#FFF8F0; } .softfeature .softicon img{ width:100%; height:100%; } .rfid-pic{ background: linear-gradient(115.9deg, #FFF1D9 1.54%, rgba(255, 255, 255, 0.786509) 58.28%, rgba(255, 241, 217, 0.621363) 102.16%); border-radius: 5px; padding: 15px; } .rfid-details .shape{ clip-path: polygon(100% 0, 0 0, 0 100%); background: #FFA500; width: 150px; display: inline-block; height: 10px; margin-bottom: 10px; } @media (max-width: 480px) { .header .logo img{ height: 50px; } .navbar .lang { width: 28px; height: 28px; } .hero h1, .downloads h1, .mobileappDiv h1 { font-size: 25px; } .hero .jewels1 { font-size: 22px; } .hero .herotitle{ font-size: 30px; } .hero p, .starrating p, .starrating1 p, .productdiv .prodtitle p, .productdiv1 .prodtitle p, .managegirvidiv .prodtitle p, .omfeatures .ommaintitle .subt{ font-size: 14px; } .hero h2, .downloads h2, .mobileappDiv h2, .productdiv .prodtitle p, .productdiv1 .prodtitle p, .integrationDiv ul li, .templatediv ul li, .managegirvidiv .prodtitle p, .demo .subdemo .thankdiv p { font-size: 14px; } .whyom .jewels, .productdiv .prodtitle h5, .productdiv1 .prodtitle h5, .managegirvidiv .prodtitle h3, .managegirvidiv .prodtitle h5, .prodtitle .headtxt, .tagline p.tagheading, .tagline .tagheadtitle, .mobileDiv .downloaddiv h4, .tagdiv h4, .ecomtop span, .productdiv .prodtitle h2, .productdiv1 .prodtitle h2, .productdiv1 .prodtitle h4, .productdiv .prodtitle h3, .productdiv1 .prodtitle h3{ font-size: 22px; } .mobileappDiv h1, .hero .herotitle, .prodtitle .headtxt, .productdiv .prodtitle h4, .productdiv1 .prodtitle h3, .omfeatures .ommaintitle .headtitl , .productdiv .prodtitle .mainheading, .productdiv1 .prodtitle .mainheading{ font-size: 22px; } .starrating1 span{ font-size: 30px; } .integrationDiv span, .templatediv span{ font-size: 25px; } .girviappdiv .girviicon img { width: 50px; height: 50px; margin-right: 10px; } .girviappdiv .girviicon h5 { font-size: 35px; } .girviappdiv .girviicon p, .why .blockheadtxt, .whyom .blockheadtxt, .mobileapp .blockheadtxt { font-size: 14px; } .girviappdiv .girviicon span { font-size: 18px; } .iti__country-list { width: 217px; } .demo .subdemo .thankdiv h3{ font-size: 35px; margin: 0; } .demo .subdemo .thankdiv .thanklogo{ width:150px; } .contactformdiv{ padding: 0; } .contactform{ padding: 10px; } .mobileDiv .downloaddiv .piggy { width: 59px; height: 59px; margin-left: 4px; } .prodtypes{ margin-bottom: 1rem; } .lookingfor .names a, .allfeatureDiv .nav-pills .nav-link, .allfeatureDiv .accordion-button{ font-size: 16px; } .subdemo1 .signin, .subdemo1 .signin:focus{ padding:1rem!important; } .demogif{ width: 200px; } .demo .subdemo1 .demoheadtitle, .demoForm .demoheadtxt1 { font-size: 20px; } .hero .topheading{ font-size: 14px; } .allfeatureDiv .featuretab-content .featitle{ font-size: 20px; } } @media (max-width:576px){ .watchvdo, .watchvdo:focus { padding: 1rem 1.5rem; margin-bottom:20px; } .ecomtop span{ font-size: 24px; } .ecomtop h1 { font-size: 19px; } .videos ul li{ width:100%; } .goldloan .loancontent,.advancefeatures-slider .jewellery_feature .feature-content { height: auto; } .ommaintitle .key-features{ font-size: 14px !important; } } @media (min-width: 576px) and (max-width: 768px){ .videos ul li{ width:50%; } .iti__country-list { width: 205px; } .goldloan .loancontent span{ margin-bottom: 5px; font-size: 17px; } .starrating1 p{ font-size: 14px; } .starrating1 span{ font-size: 30px; } .tagline p.tagheading, .tagline .tagheadtitle{ font-size: 26px; } .advancefeatures-slider .jewellery_feature .feature-content { height: 125px !important; } } @media (min-width: 480px) and (max-width: 768px){ .hero, .downloads, .signindiv { padding: 120px 0 0px; } .hero h1, .downloads h1, .mobileappDiv h1 { font-size: 32px; } .hero .jewels1 { font-size: 30px; } .hero .herotitle{ font-size: 40px; } .hero h2, .downloads h2, .mobileappDiv h2, .mobileDiv .downloaddiv h4 { font-size: 24px; } .productdiv .prodtitle p, .productdiv1 .prodtitle p, .managegirvidiv .prodtitle p, .omfeatures .ommaintitle .subt{ font-size: 16px; } .girviappdiv .girviicon img{ width:75px; height:75px; margin-right: 15px; } .girviappdiv .girviicon h5{ font-size: 45px; } .girviappdiv .girviicon p, .ecomtop h1{ font-size: 18px; } .girviappdiv .girviicon span{ font-size: 28px; } .whyom .jewels, .productdiv .prodtitle h5, .productdiv1 .prodtitle h5, .managegirvidiv .prodtitle h3, .managegirvidiv .prodtitle h5, .prodtitle .headtxt, .tagdiv h4, .ecomtop span, .productdiv .prodtitle h2, .productdiv1 .prodtitle h2, .productdiv1 .prodtitle h4, .productdiv .prodtitle h3, .productdiv1 .prodtitle h3{ font-size: 25px; } .mobileappDiv h1, .hero .herotitle, .prodtitle .headtxt, .productdiv .prodtitle h4, .productdiv1 .prodtitle h3, .omfeatures .ommaintitle .headtitl,.productdiv .prodtitle .mainheading,.productdiv1 .prodtitle .mainheading{ font-size: 25px; } .hero .topheading{ font-size: 16px; } } @media (max-width: 768px) { .hero ,.downloads{ text-align: center; } .jewellery_feature .feature-content, .jewellery_feature .feature-content1, .loanfeature{ height: auto; } .fullpic{ width:100%; } .vidapp .container-fluid{ padding:0; } .appdiv .ecomapp { height: 475px; } .appdiv .ecomapp .apphead h4, .impactdiv .impactcontent h3, .integrationDiv span, .templatediv span{ font-size: 25px; } .appdiv .ecomapp .apphead span { font-size: 16px; margin-top: 20px; } .appdiv .ecomappdiv p, .impactdiv .impactcontent p { font-size: 14px; } .ecomappdiv .playstore span, .feature .Text p, .jewellery_feature .feature-content p, .jewellery_feature .feature-content p, .faq .accordion-button, .faq .accordion-body, .mobileappDiv p{ font-size: 14px; } .faq .accordion-button{ line-height: 1.2; } .ecom .pic { width: 34px; height: 34px; margin-right: 10px; } .tagdiv p, .loanfeature span, .loanfeature p, .girvicontent p, .girvicontent1 p, .girvicontent2 p, .girvicontent3 p, .tagline-para{ font-size: 14px; } .ecom h4, .girvicontent span, .girvicontent1 span, .girvicontent2 span, .girvicontent3 span, .ecomtop p { font-size: 16px; } .tagline p, .feature .Title h6, .jewellery_feature .picheading h6 , .integrationDiv ul li, .templatediv ul li{ font-size: 16px; } .ourfeature-slider .swiper-slide img{ border-radius: 20px; } .iphonescreen{ display: none; } .ecom-slider .epix{ margin-bottom: 0; } .ecom-slider .swiper-pagination-bullet{ display: none; } footer .foottop, .ecom span, .foothead p a, .integration p{ font-size: 14px; } .demo .subdemo .demoheadtxt{ font-size: 20px; padding: 20px 0; margin:0; } .prodname p{ font-size: 13px; } .prodsell p{ font-size: 11px; } .girvifeature{ height: auto; padding: 10px; } .sendInvoice{ display: block; } .sendInvoice li{ font-size: 14px; padding: 5px; width:160px; } .navbar a, .navnar a:focus, .navbar .active, .navbar .active:focus{ display: block; text-align: left; } .navbar .menudiv{ text-align: left; } .awards ul li button, .videos ul li button{ font-size: 16px; } .integration .whypic2{ width:50px; } .integration h4{ font-size: 20px; } .omfeatures .featurediv .omfettxt { height: auto; } .prodfeature ul li{ font-size: 12px; } } @media (min-width: 480px) and (max-width: 1024px){ .header .logo img{ height: 60px; } } @media (min-width: 768px) and (max-width: 992px){ .navbar .menudiv, .ecom h4{ margin-right: 20px; } .hero, .downloads, .signindiv { padding: 100px 0 0px; } .hero h1, .downloads h1, .mobileDiv .downloaddiv h4, .ecomtop span{ font-size: 30px; } .hero .jewels1 { font-size: 26px; } .hero h2, .downloads h2, .appdiv .ecomappdiv p, .impactdiv .impactcontent p{ font-size: 18px; } .productdiv .prodtitle p, .productdiv1 .prodtitle p, .managegirvidiv .prodtitle p, .starrating p{ font-size: 16px; } .videos ul li{ width:33.33%; } .appdiv .ecomapp { height: 410px; } .appdiv .app1 img{ position: absolute; top: -30px; border-radius: 16px; } .appdiv .app2 img{ position: absolute; top: 30px; border-radius: 16px; } .appdiv .ecomapp .apphead h4{ font-size: 30px; } .appdiv .ecomapp .apphead span { font-size: 16px; margin-top: 20px; } .ecomappdiv .playstore span { font-size: 14px; } .appdiv .playstore a { width: 131px; margin: 0 0px 0 20px; } .ecom .pic { width: 45px; height: 45px; margin-right: 10px; } .modal.jdModal{ --bs-modal-width:750px; } .impactdiv .impactcontent h3{ font-size: 30px; } .tagdiv h4{ font-size: 29px; } .tagdiv p{ font-size: 16px; } .iti__country-list { width: 295px; } .goldloan .loancontent{ height: 180px; } .girvicontent{ position: absolute; top: 40px; right: 0; margin-left: 42%; } .girvicontent1{ position: absolute; bottom: 35px; right: 220px; margin-left: 0; } .girvicontent2{ position: absolute; top: 83px; left: 268px; } .girvicontent3{ position: absolute; bottom: 35px; right: 222px; margin-left: 8px; } .advancefeatures-slider .jewellery_feature .feature-content{ height: 200px!important; } .navbar .contact span, .ecom h4, .ecom span{ font-size: 14px; } .ourfeature-slider .swiper-slide img{ border-radius: 20px; } .iphonescreen{ width:313px; } .ecom-slider .epix{ margin-bottom: 0; } .ecom-slider .swiper-pagination-bullet{ display: none; } .starrating1 span , .demo .subdemo .demoheadtxt{ font-size: 30px; } .starrating1 p, .girvifeature .Title h4{ font-size: 14px; } .tagline p.tagheading, .tagline .tagheadtitle{ font-size: 25px; } .tagline p{ font-size: 16px; } .tagline-para{ font-size: 14px; } .sendInvoice li{ font-size: 14px; padding: 5px; width:160px; } .navbar a, .navnar a:focus, .navbar .active, .navbar .active:focus{ display: block; text-align: left; } .navbar .menudiv{ text-align: left; } .awards ul li button, .videos ul li button{ font-size: 16px; } .lookingfor .names a{ margin-left: 30%; } .omfeatures .featurediv .omfettxt { height: 170px; } .hero .topheading, .ecomtop h1 { font-size: 20px; } } @media (min-width: 768px) and (max-width: 1200px){ .watchvdo, .watchvdo:focus, .watchvdo1, .watchvdo1:focus { padding: 0.5rem; } .whyom .jewels, .mobileappDiv h1, .hero .herotitle, .productdiv .prodtitle h5, .productdiv1 .prodtitle h5, .managegirvidiv .prodtitle h3, .managegirvidiv .prodtitle h5, .prodtitle .headtxt, .productdiv .prodtitle h2, .productdiv .prodtitle h3, .productdiv1 .prodtitle h2, .productdiv1 .prodtitle h4, .productdiv .prodtitle h4, .productdiv1 .prodtitle h3, .omfeatures .ommaintitle, .omfeatures .ommaintitle .headtitl, .productdiv .prodtitle .mainheading, .productdiv1 .prodtitle .mainheading{ font-size: 35px; } .hero .jewels1 { font-size: 30px; } .mobileappDiv h2{ font-size: 19px; } .girviappdiv .girviicon img{ width:75px; height:75px; margin-right: 15px; } .girviappdiv .girviicon h5{ font-size: 45px; } .girviappdiv .girviicon p{ font-size: 18px; } .girviappdiv .girviicon span{ font-size: 28px; } .prodfeature ul li{ font-size: 12px; } .prodname p{ font-size: 16px; } .jewellery_feature .feature-content1{ height:150px; } } @media (min-width: 992px) { .hero, .downloads,.signindiv { padding: 120px 0 0px 0; } .navbar a, .navbar a:focus{ display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 8px; font-size: 14px; } .navbar .contact span { font-size: 14px; } .integrationDiv .watchvdo{ width:50%; } .ecomslider .card{ grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem; border:none; } .ecomslider .card-wrapper{ display: flex; justify-content: center; align-items: center; } .ecomslider .product-imgs{ display: flex; flex-direction: column; justify-content: center; } .appdiv .app1 img{ position: absolute; top: -30px; border-radius: 16px; } .appdiv .app2 img{ position: absolute; top: 30px; border-radius: 16px; } .modal.softwareDownload, .modal.demoForm{ --bs-modal-width:600px; } .modal.jdModal{ --bs-modal-width:750px; } .iti__country-list { width: 186px; } .goldloan .loancontent{ height: 204px; } .girvicontent { position: absolute; top: 40px; right: -185px; margin-left: 58%; } .girvicontent1{ position: absolute; bottom: 35px; right: 228px; margin-left: -148px; } .girvicontent2{ position: absolute; top: 40px; right: -132px; margin-left: 57%; } .girvicontent3 { position: absolute; bottom: 35px; right: 190px; margin-left: -134px; } .advancefeatures-slider .jewellery_feature .feature-content{ height: 220px!important; } .signin, .signin:focus{ padding: 1rem!important; } .ourfeature-slider .swiper-slide img{ border-radius: 20px; } .iphonescreen{ width:313px; } .testimonials .testimonial-item{ height: 245px; } .ecom-slider .swiper-pagination-bullet{ width: 15.8%; height: 70px; } .ecom-slider .epix{ margin-bottom: 100px; } .impactdiv .impactcontent p{ font-size: 19px; } .lookingfor .names a{ margin-left: 20%; } .omfeatures .featurediv .omfettxt { height: 125px; } .hero .topheading{ font-size: 14.9px; } .demo .subdemo .demoheadtxt{ font-size: 23px; } .instafeature{ height: 175px; } .allfeatureDiv .nav-pills .nav-link{ padding: 1rem .5rem !important; font-size: 14px; } .productdiv .prodtitle.rgtcontent p{ font-size: 16px; } } @media (max-width : 992px) { .instafeature{ height: 175px; } } @media (max-width : 576px) { .instafeature{ height: 160px; } } @media (min-width: 1024px) { .navbar .signin1{ display: none; } .navbar .signin{ display: block; } } @media (min-width: 1200px) { .header .logo img { height: auto; width: 276px; } .mobileimpact .container-fluid{ padding:5rem 0 6rem; } .impactdiv .impactpic img{ position: absolute; top:-77px; } .vidapp1 .container-fluid{ padding: 4rem 0 5rem; } .tagdiv .screen img{ position: absolute; top: -87px; } .tagdiv .invscreen img{ position: absolute; top: -26px; } .iti__country-list{ width:232px; z-index: 10!important; } .goldloan .loancontent{ height: 182px; } .advancefeatures-slider .jewellery_feature .feature-content{ height: 200px!important; } .ourfeature-slider .swiper-slide img{ border-radius: 20px; } .iphonescreen{ width:378px; } .testimonials .testimonial-item{ height: 210px; } .testimonials .testimonial-item{ height: 140px; } .integrationDiv .watchvdo{ width:50%; } .ecom-slider .swiper-pagination-bullet{ width: 15.9%; height: 90px; } .ecom-slider .epix{ margin-bottom: 110px; } .lookingfor .names a{ margin-left: 30%; } .hero .jewels1 { font-size: 43px; } .hero .topheading{ font-size: 17px; } .jewellery_feature .feature-content1{ height:135px; } .demo .subdemo .demoheadtxt{ font-size: 28px; } .allfeatureDiv .nav-pills .nav-link{ padding: 1rem .5rem !important; font-size: 16px; } } @media (min-width: 1400px) { .header .logo img { width: 315px; } .navbar .contact span { font-size: 14px; } .navbar a, .navbar a:focus { padding: 10px 0 10px 14px; font-size: 16px; } .iti__country-list{ width:278px; } .goldloan .loancontent{ height: 160px; } .girvicontent { position: absolute; top: 40px; right: 0px; margin-left: 36%; } .girvicontent1{ position: absolute; bottom: 14px; right: 161px; margin-left: 116px; } .girvicontent2{ position: absolute; top: 81px; right: 110px; margin-left: 31.5%; } .girvicontent3 { position: absolute; bottom: 35px; right: 174px; margin-left: 112px; } .advancefeatures-slider .jewellery_feature .feature-content{ height: 160px!important; } .signin, .signin:focus{ padding: 1rem 2rem!important; } .ourfeature-slider .swiper-slide.swiper-slide-active img{ border-radius: 60px; } .iphonescreen{ width:444px; top:47px; } .ecom-slider .swiper-pagination-bullet{ width: 16%; height: 100px; } .ecom-slider .epix{ margin-bottom: 120px; } .header .container-fluid{ width:95%!important; } .hero .jewels1 { font-size: 48px; } .omfeatures .featurediv .omfettxt { height: 185px; } .hero .topheading{ font-size: 20px; } .jewellery_feature .feature-content1{ height:115px; } .demo .subdemo .demoheadtxt{ font-size: 35px; } .allfeatureDiv .nav-pills .nav-link{ padding: 1rem .95rem !important; font-size: 17px; } } @media (min-width: 1600px) { .navbar a, .navbar a:focus { padding: 10px 0 10px 15px; } .header .logo img { width: 345px; } } @media (min-width: 1800px) { .header .container-fluid{ width:75%!important; } .impactdiv .impactcontent p{ font-size: 20px; } .hero .jewels1 { font-size: 48px; } .navbar a, .navbar a:focus { padding: 10px 0 10px 15px; } } @media (min-width: 1900px) { .navbar a, .navbar a:focus { padding: 10px 0 10px 20px; } } .captchaCanvas{ background-color: #ffdfb5; background-image: radial-gradient(lightgrey 1px, transparent 0); background-size: 8px 8px; } .prodname:hover .prodfeature { display: block; transform: translateY(-10px); transition: all 0.3s ease; } .eye{ position: absolute; right: 10px; top: 6px; color: #6f6f6f; cursor: pointer; z-index: 10; } .watchvdo.greenbtn{ background:green; border:1px solid green; } .watchvdo.greenbtn:hover,.watchvdo.greenbtn:focus{ background:#fff; color:green!important; } .sitemapul ul li a{ font-size: 16px; line-height: 2; color: #000; font-weight: 500; } .sitemapul ul li:hover a{ color:var(--color1)!important; } .omfeatures .featurediv1 { border-radius: 20px; padding:20px; text-align:center; } .bg-lightwhite{ background: #FFFCF8; } .omfeatures .featurediv1 .adtitle{ font-size: 15px; font-weight: 700; line-height: 1.4; text-align: center; color:#000; margin-bottom:5px; } .omfeatures .featurediv1 .adtxt{ font-size: 14px; font-weight: 400; line-height: 1.6; text-align: center; color:#000; margin-bottom: 0; } .loader { z-index: 1; opacity: 1; width:285px; height:285px; } .loaderdiv{ width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background:rgba(0,0,0,0.4); z-index:1; } .loaderdiv .loader{ position: relative; top:50%; left:50%; transform: translate(-50%,-50%); } .blog-tabs ul li .nav-link{ background-color: transparent; border-radius : 0; border-bottom : 3px solid #D9D9D9; color : #323232; padding-inline: 4rem; } .blog-tabs ul li .nav-link.active{ background-color: #FFFDF9; color : #F59C03; font-weight : 700; border-bottom : 3px solid #F59C03; } .blog-card.card .card-body .card-text{ font-size : 18px; color : #323232; font-weight: 600; } .blog-card.card .card-body .blog-card-date{ font-size : 14px; color : #8B8B8B; font-weight: 600; } .blog-card.card .blog-read-more{ font-size : 16px; color : #E27A00; font-weight: 600; background-color: #FFFCF8; padding : 12px 15px; } .blog-card.card .card-img-top{ padding : 12px; } .blog-card.card .card-body{ padding : 5px 12px 0 12px; } .blog-card.card{ border-bottom : 1px solid #FFA500; transition : all 0.2s; } .blog-top-bg{ background-color: #F9F8F8; height: 300px; position: absolute; z-index: 10; } .blog-top{ position: relative; z-index: 20; } .blog-card.card:hover{ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition : all 0.2s; } .blog-view-all{ position : relative; } .blog-view-all p{ position: absolute; left : 50%; top : -18px; transform: translate(-50%, -50%); background-color: white; padding-inline : 10px; color : #FFA500; font-weight: 600; cursor: pointer; } .blog-view-all-hr{ border : 1px solid #D9D9D9; } .latest-blogs .latest-blogs-text{ font-size : 18px; color : #323232; font-weight : 600; } .blog-inner-img img{ width : 100%; border-radius : 10px; height : 100%; } .blog-inner-text{ color : #5A5959; font-size : 40px; font-weight : 700; } .blog-inner-text-details{ font-size : 14px; color : #5A5959; } .bi-calendar-event, .bi-eye, .bi-search{ line-height: 0; } .blog-details-start, .blog-details-mid{ font-size: 14px; } .blog-details-start .blog-details-why, .blog-details-last p{ font-size: 20px; color : #5A5959; font-weight: 700; } .blog-details-search{ background-color: #F9F8F8; border-radius : 10px; font-size: 13px; } .blog-search-results a img{ width : 90px; height : 60px; } .blog-details-search form input{ font-size : 13px; padding-block : 10px; } .blog-search-results a .blog-details-search-title{ color : #5A5959; font-weight: 700; } .blog-search-results a .blog-inner-last-updated, .blog-search-results a .blog-inner-views{ color : #5A5959; } .blog-search-results{ font-size : 11px; } .blog-search-hr{ margin-block : 10px; } .blog-details-mid .blog-details-sub{ font-size: 18px; color : #5A5959; font-weight: 700; } .blog-details-mid ul li::marker{ font-size: 12px; } .blog-details-mid ul li{ margin-block : 20px; } .blog-details-jewellery-app .copyright p{ font-size : 14px; color : #000; } .blog-details-mid .blog-details-sub-2{ font-size: 20px; color : #5A5959; font-weight: 700; } .blog-details-mid .blog-details-sub-3{ font-size: 16px; color : #5A5959; font-weight: 700; } .leave-comment-form{ background-color: #F9F8F8; border-radius : 10px; } .leave-comment-form form .form-group label{ top : -10px; top: -12px; left: 26px; font-size: 14px; background-color: #F9F8F8; color : #9CA0A9; padding-inline : 5px; } .leave-comment-form form .form-group input{ background-color: #F9F8F8; box-shadow: none; height : 45px; font-size : 14px; color : #5A5959; } .leave-comment-form form .form-group textarea{ background-color: #F9F8F8; box-shadow: none; font-size : 14px; color : #5A5959; resize: none; padding-block: 15px; } .leave-comment-form form .form-group input:focus, .leave-comment-form form .form-group textarea:focus{ border-color : #FFA500; } .leave-comment-form form .btn{ background-color: #FFA500; border : 1px solid #E27A00; color : white; font-weight: 700; padding-block : 10px; } .leave-comment-form form .btn:hover{ background-color: white; border : 1px solid #E27A00; color : #FFA500; } @media (max-width: 1400px){ .blog-tabs ul li .nav-link{ padding-inline: 2rem; } } @media (max-width: 1200px){ .blog-card.card .card-body .card-text{ font-size : 14px; } .blog-card.card .card-body .blog-card-date{ font-size : 12px; } .blog-card.card .blog-read-more{ font-size : 14px; } .blog-inner-text{ font-size : 30px; } .blog-top-bg{ height: 250px; } } @media (min-width: 768px) and (max-width: 992px){ .hero .blog-inner-text{ font-size : 24px; } .blog-top-bg{ height: 200px; } .blog-search-results a img{ width : 85px; height : 55px; } .blog-search-results a .blog-details-search-title{ font-size : 10px; } .blog-search-results a .blog-inner-last-updated, .blog-search-results a .blog-inner-views{ font-size: 8px; } } @media (max-width: 1000px){ .blog-tabs ul li .nav-link{ padding-inline: 1rem; font-size : 14px; } } @media (max-width: 767px){ .blog-tabs ul li .nav-link{ padding-inline: 0.5rem; font-size : 10px; } .hero .blog-inner-text{ text-align: left; font-size : 20px; } .blog-inner-text-details{ font-size : 12px; } .blog-top-bg{ height: 150px; } .blog-search-results a .blog-details-search-title{ font-size : 13px; } .blog-search-results a .blog-inner-last-updated, .blog-search-results a .blog-inner-views{ font-size: 11px; } .blog-details-jewellery-app .copyright p{ font-size : 12px; } } @media (max-width: 576px){ .hero .blog-inner-text{ text-align: center; } .blog-inner-text-details{ font-size : 10px; } } @media (max-width : 400px){ .blog-top-bg{ height: 140px; } .blog-search-results a .blog-details-search-title{ font-size : 10px; } .blog-search-results a .blog-inner-last-updated, .blog-search-results a .blog-inner-views{ font-size: 9px; } .blog-details-jewellery-app .copyright p{ font-size : 10px; } } .subdemo.subdiv{ background: linear-gradient(180deg, rgba(255, 199, 97, 0.12) 0%, rgba(255, 255, 255, 0) 100%); } .ovalues .value-card{ border: 1px solid #d6d6d6; border-radius: 10px; padding: 10px; background-color: #fff9ed; max-height: 180px; } .ovalues .value-card img{ padding: 10px; border-radius: 50px; background-color: #fff9ed; } .ovalues .value-card .value-card-title{ color : #444444; font-weight: 700; font-size: 20px; } .webinar-session{ display: inline-flex; color : #0481f7; font-weight: 600; background-color: white; padding: 10px 20px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .feature-img-div img{ border: 4px solid #FFA500 !important; border-radius: 10px !important; } .top10-images img{ border-radius: 10px; border: 1px solid rgb(255, 165, 0); transition: 0.3s all; } .top10-images img:hover{ box-shadow: rgb(255, 165, 0) 0px 0px 10px; transform: scale(1.02); } .h4-title{ font-size: 32px; font-weight: 700; color: var(--color1); } .h4-title.top10-subtitle{ font-size: 28px; display: inline; background-color: white; /* padding: 15px 30px; */ border-radius: 10px; /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */ } .prodtitle.top10-whychoose{ margin-top: 2rem; } .prodtitle p.top10-def{ font-size: 16px; } @media (max-width : 992px) { .h4-title.top10-subtitle{ font-size: 18px; } .prodtitle.top10-whychoose{ margin-top: 2rem; } } @media (max-width : 768px) { .h4-title.top10-subtitle{ padding: 0; box-shadow: none; } .prodtitle.top10-whychoose{ margin-top: 0; } } @media (max-width : 576px) { .prodtitle p.top10-def{ font-size: 14px; } } .top10grid .top10grid, .top10grid .top10img img{ height: 400px; } .top10grid .top10img{ width: 100%; } .top10grid .top10img img{ object-fit: cover; border-radius: 10px; } .why-best-content.whychoose-content p{ margin: 0; } @media (max-width : 576px) { .top10grid .top10img:nth-child(3){ width: 100%; } .whychoose-content span, .whychoose-content p{ font-size: 14px; } } .top10-feature{ background-color: white; padding: 25px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 20px; height: 100%; border: 1px solid transparent; transition: 0.3s all; } .top10-feature p, .solutiondiv p{ margin: 0; font-size: 14px !important; } .top10-feature h4{ margin: 0; font-size: 14px !important; } .top10-feature:hover{ border-color: var(--color1); } .solution-card{ background-color: white; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 15px; padding: 0; height: 100%; transition: 0.3s all; } .solution-card p:first-child{ font-size: 20px !important; font-weight: 700; background-color: #FFA500; padding: 5px; color: #ffffff; } .solution-card .solution-card-details{ margin-top: 5.5rem; text-align: center; } .solutiondiv .solution-content{ margin-top: 6rem; } .solution-card img{ width: 150px; background-color: white; padding: 5px; border: 1px solid #FFA500; border-radius: 100px; } .solution-card:hover{ transform: translateY(-4px); } @media (min-width : 992px) and (max-width : 1200px) { .solution-card p:first-child{ font-size: 16px !important; } } @media (max-width : 992px) { .solution-content .solution-card-col:not(:first-child){ margin-top: 6rem; } } @media (max-width : 576px) { .solution-card img{ width: 120px; } .solution-card p:first-child{ font-size: 16px !important; } .solution-card .solution-card-details{ margin-top: 4.5rem; } } .powerfuldiv p{ margin : 0; font-size: 14px; } .powerfuldiv .powerful-content{ margin-top: 1rem; } .powerful-content .powerful-card-col .powerful-card{ display: flex; flex-direction: column; gap: 15px; height: 100%; padding: 20px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transition: 0.3s all; border: 1px solid #e7e7e7; } .powerful-card-col .powerful-card .powerful-card-img{ border-radius: 10px; overflow: hidden; height: 180px; } .powerful-card-col .powerful-card img{ border-radius: 10px; transition: 0.2s all; height: 100%; object-fit: cover; object-position: center; } .powerful-card-col .powerful-card:hover img{ transform: scale(1.03); } .powerful-card-col .powerful-card p:first-child{ font-weight: 700; font-size: 16px; } .comprehensive-content img{ height: 460px; width: 100%; object-fit: cover; object-position: center; border-radius: 20px; } .comprehensive-content .comprehensive-card{ padding: 20px; border: 1px solid #e7e7e7; border-radius: 16px; position: relative; transition: all 0.3s; overflow: hidden; height: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .comprehensive-card:hover{ background-color: #F9E8D3; } .comprehensive-card .cc-description{ font-size: 14px; } .comprehensive-card .cc-title{ font-size: 18px; font-weight: 700; } .comprehensive-card .cc-icon{ position: absolute; right: -10px; top: 0px; padding: 10px 20px 10px 15px; border-radius: 0 0 0 5px; transition: 0.3s all; border-right: 0; background-color: #FFA500; width: 70px; } .comprehensive-card:hover .cc-icon{ transform: translateX(-10px); } @media (max-width : 992px) { .comprehensive-content img{ height: 300px; } } @media (max-width : 576px) { .comprehensive-card .cc-title{ font-size: 16px; } } .hero h1.allsubtitle{ font-size: 26px; margin-top: 10px; line-height: 1.4; } .hero .aitext{ font-color:black; font-size: 14px; width:max-content; font-weight: 500; padding: 8px 10px 8px 6px; border-radius: 20px; } .hero .aitext span{ border-radius: 20px; padding: 5px 15px; } .hero .signinform{ border: none; } .hero .signinform .formtitle{ font-size: 28px; font-weight: 700; } .invoicing .title{ font-size:30px; font-weight: bold; } .invoicing .subtext{ font-size: 18px; font-weight: 400; color:#3E3E3E; } .invoicing .subtext1{ font-size: 18px; font-weight: 400; color:#626262; } .invoicing .features p{ font-size: 18px; font-weight: bold; margin-bottom: 3px; color:black; line-height: 1; } .invoicing .features { padding:15px; border-left:4px solid #F59C03; background: linear-gradient( 89.75deg, rgba(255, 204, 110, 0.8) 0%, rgba(255, 252, 245, 0.8) 100% ); } .invoicing .features span{ font-size: 14px; font-weight: normal; color:#626262; } .invoicing .img1{ border-left: 10px solid #F59C03; border-bottom: 10px solid #F59C03; border-radius: 10px; } .productdiv.alldiv h5{ font-size: 35px; } .buyproductdiv{ background: #F6F6F6; padding: 20px 20px 20px 10px; border-radius: 0 10px 10px 0; } .buyproductdiv p{ color:#323232; font-size: 23px; font-weight: 600; margin-bottom: 5px; } .buyproductdiv h3{ color:#323232; font-size: 35px; font-weight: 700; } .buyproductdiv h3 span{ color: #F59C03; } .buyproductdiv .watchvdo.submitbtn{ width:max-content; padding: 5px 10px; display: flex; } .rfiddiv h4{ color:black; font-weight:600; font-size: 45px; text-align: center; } .rfiddiv .rfdiv p{ font-size:30px; font-weight: 600; color:black; line-height: 1.4; } .rfiddiv .rfdiv span, .rfiddiv .rfdiv ul li{ font-size:16px; font-weight: 400; color:#7F7F7F; line-height: 1.4; } @media (max-width:576px){ .hero .alltitle{ font-size: 14px; } .hero h1.allsubtitle{ font-size: 20px; } .hero .signinform .formtitle{ font-size: 22px; } .invoicing .title{ font-size: 22px; } .invoicing .subtext, .invoicing .subtext1{ font-size: 14px; } .productdiv.alldiv h5, .buyproductdiv h3{ font-size: 24px; } .buyproductdiv p{ font-size:14px; } .rfiddiv h4{ font-size:22px; } .rfiddiv .rfdiv p{ font-size:16px; } .rfiddiv .rfdiv span, .rfiddiv .rfdiv ul li{ font-size:13px; } } @media (min-width:576px) and (max-width:992px){ .invoicing .features p { font-size: 16px; } .invoicing .features span{ font-size: 13px; } .hero .jewels1{ font-size:26px; } .hero h1.allsubtitle { font-size: 20px; } .invoicing .subtext, .invoicing .subtext1{ font-size: 16px; } .productdiv.alldiv h5{ font-size: 24px; } .buyproductdiv h3{ font-size: 28px; } .buyproductdiv p { font-size: 20px; } .rfiddiv h4{ font-size: 30px; } .rfiddiv .rfdiv p { font-size: 24px; } .rfiddiv .rfdiv span, .rfiddiv .rfdiv ul li { font-size: 16px; } } @media (max-width:768px){ .buyproductdiv{ padding: 20px 0px 20px 20px; border-radius: 0 0px 10px 10px; } } @media (min-width:768px){ .buyproductdiv{ padding: 20px 20px 20px 10px; border-radius: 0 10px 10px 0; } } @media (min-width: 1400px) { .hero .jewels1.alltitle { font-size: 45px; } }