html, body { font-size: var(--font-size); color: var(--font-color); font-family: var(--font-family); vertical-align: baseline; line-height: var(--line-height); font-weight: var(--font-weight); overflow-x: hidden; padding: 0; margin: 0; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { font-family: 'Public Sans', sans-serif; color: #080d41; margin: 0 0 26px; line-height: 1.2; } h1 { font-size: 52px; line-height: 62px; font-weight: 700; } h2 { font-size: 40px; line-height: 50px; font-weight: 700; } h3 { font-size: 28px; line-height: 42px; font-weight: 700; } h4 { font-size: 26px; line-height: 36px; font-weight: 700; } h5 { font-size: 24px; line-height: 32px; font-weight: 600; } h6 { font-size: 20px; line-height: 28px; font-weight: 500; } .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-right { text-align: right; } a { color: var(--first-color); transition: all 0.3s ease; text-decoration: none !important; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: var(--first-color); } ul { list-style: outside none none; margin: 0; padding: 0; } .clear { clear: both; } ::-moz-selection { background: var(--first-color); text-shadow: none; color: #ffffff; } ::selection { background: var(--first-color); text-shadow: none; color: #ffffff; } .bg27 { background-image: url("../image/img-bg-scaled.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .offwrap { cursor: url("../image/close.png"), auto; width: 100%; left: 100%; transition: all 0.8s ease-out 0s; position: fixed; background: #fff; height: 100vh; top: 0; bottom: 0; opacity: .8; z-index: 999; } .copyright p { font-size: 15px; } body.nav-expanded .offwrap { left: 0%; transition: all 0.8s ease-out 0s; } .rs-menu-toggle { color: var(--first-color); text-align: right; } button { cursor: pointer; } .dots { list-style: disc; margin: 0 0 1.5em 3em; } input:focus, select:focus, textarea:focus, button:focus { outline: none !important; } ul.check-lists .list-item { padding-bottom: calc(9px); } ul.check-lists .list-item .icon-list-icon i:before { color: var(--first-color); font-size: 22px; position: relative; } ul.check-lists .list-item .list-text { font-size: 22px; line-height: 32px; font-weight: 500; color: #080d41; padding-left: 5px; } ul.check-lists .list-item:last-child { padding-bottom: 0; } ul.check-lists.check-main .list-item .icon-list-icon i:before { font-size: 14px; color: #1a73e9; padding: 2px 2px 2px 2px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #1A73E9; border-radius: 50% 50% 50% 50%; font-weight: 300; } ul.check-lists.check-main .list-item .list-text { font-size: 18px; line-height: 30px; font-weight: 500; color: #183760; padding-left: 5px; } .rs-contact-box .address-item { display: flex; position: relative; justify-content: flex-end; padding-right: 30px; } .rs-contact-box .address-item .address-icon { display: inline-block; position: relative; background: #fff; height: 70px; width: 70px; line-height: 70px; border-radius: 100%; text-align: center; } .rs-contact-box .address-item .address-icon:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: #2b59ff; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; opacity: 1; visibility: visible; background-color: #ffffff; } .rs-contact-box .address-item .address-icon i { top: -3px !important; position: relative; font-size: 24px !important; line-height: 77px; color: #000000c7 !important; } .rs-contact-box .address-item .address-text .text { margin: -10px 0 0 25px; } .rs-contact-box .address-item .address-text .text .label { color: #FFFFFF !important; font-size: 18px; font-weight: 400; line-height: 38px; margin: 0px 0px 2px 0px; display: block; } .rs-contact-box .address-item .address-text .text a { font-size: 25px; font-weight: 700; color: #FFFFFF; } .rs-contact-box .address-item .address-text .text a:hover { opacity: 0.9; } .pagination-area { display: inline-block; } .pagination-area .nav-link { display: flex; align-items: center; padding: 15px 10px 15px 8px; border-radius: 0; background: var(--first-color); } blockquote { margin: 40px 0; padding: 30px 40px 30px 100px; color: #3a3a3a; position: relative; background: #f2f0ff; font-weight: normal; font-style: italic; font-weight: 400; border-radius: 20px; } blockquote:before { content: "\ec51"; font-size: 64px; color: var(--first-color); padding-bottom: 0; display: inline-block; font-family: remixicon; font-weight: 800; text-align: center; top: 37px; background: 0 0; position: absolute; left: 10px; } .slick-dots { position: absolute; line-height: 10px; bottom: -45px; z-index: 3; display: block; width: 100%; padding: 0; margin: 0; text-align: center; } .slick-dots li { display: inline-block; width: unset; height: unset; font-size: 0; margin: 0 5px; } .slick-dots li button { width: 15px; height: 15px; display: inline-block; font-size: unset; line-height: unset; padding: unset; border: none; background: #0092F2; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; border-radius: 15px; } .slick-dots li.slick-active button, .slick-dots li:hover button { width: 24px; background: #0092f2; opacity: 40%; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters>[class^="col-"], .row.no-gutters>[class*=" col-"] { padding-right: 0; padding-left: 0; } .y-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .readon { cursor: pointer; display: inline-block; position: relative; font-size: 16px; font-weight: 700; line-height: 26px; color: #ffffff; background: var(--first-color); padding: 16px 35px 16px 35px; z-index: 1; border-radius: 0px 0px 0px 0px; transition: all 0.4s; overflow: hidden; } .readon.started { position: relative; border-color: var(--first-color); color: rgba(255, 255, 255, 0.8); padding: 18px 46px; border-radius: 50px; } .readon.started.phone-number { padding: 16px 34px 16px 34px; } .readon.started.phone-number .btn-icon i { margin-right: 5px; color: var(--first-color); background-color: #ffffff; width: 39px; height: 39px; line-height: 40px; text-align: center; border-radius: 50px 50px 50px 50px; } .readon.started.phone-number .btn-icon i:before { font-size: 18px; } .readon.started.phone-number.normal-blue { padding: 15px 23px 15px 23px; background-color: #FFFFFF; color: #3a3a3a; border-style: solid; border-width: 0.5px 0.5px 0.5px 0.5px; border-color: #1A73E9; border-radius: 50px 50px 50px 50px; } .readon.started.phone-number.normal-blue .btn-icon i { margin-right: 5px; color: #ffffff; background-color: var(--first-color); width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50px 50px 50px 50px; } .readon.started.phone-number.normal-blue .btn-icon i:before { font-size: 16px; } .readon.started.phone-number.normal-blue:hover { background-color: #534FF800; border-style: solid; border-width: 0.5px 0.5px 0.5px 0.5px; border-color: #FFFFFF; color: #FFFFFF !important; } .readon.started.phone-number.normal-blue:hover .btn-icon i { color: var(--first-color); background-color: #ffffff; } .readon.started.phone-number:hover { background-color: var(--first-color)DE; } .readon.started.phone-number:hover:before { left: 0%; right: auto; width: 100%; } .readon.started:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ""; color: #000 !important; background-color: var(--first-color)DE; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .readon.started:hover { background-color: var(--first-color)DE; } .readon.started:hover:before { left: 0%; right: auto; width: 100%; } .readon.consultant { font-weight: 700; background: #634bf8; border-radius: 15px; color: #ffffff; padding: 21px 31px; } .readon.consultant:hover { background: #533be5d1; } .readon.consultant.phone-number { background-color: transparent; padding: 21px 20px; } .readon.consultant.phone-number .btn-icon i { margin-right: 5px; color: #ffffff; background-color: #634BF8; width: 43px; height: 43px; line-height: 45px; text-align: center; border-radius: 50px 50px 50px 50px; } .readon.consultant.phone-number .btn-icon i:before { font-size: 18px; } .readon.consultant.phone-number .btn-text { font-weight: 600; color: #3e3e3e; } .readon.consultant.phone-number:hover .btn-icon i { background-color: #634BF8DB; } .readon.consultant.phone-number:hover .btn-text { color: #634bf8; } .readon.consultant.phone-number.blue-light { padding: 0px 0px; } .readon.consultant.phone-number.blue-light .btn-icon i { width: 60px; height: 60px; line-height: 60px; background-color: #FFFFFF; color: var(--first-color); text-align: center; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #5463FF; border-radius: 50%; } .readon.consultant.phone-number.blue-light .btn-text { font-weight: 600; color: #080d41; } .readon.consultant.phone-number.blue-light:hover .btn-text { color: var(--first-color); } .readon.consultant.get-con { padding: 20px 46px; border-radius: 50px; background-color: var(--first-color); text-transform: capitalize; } .readon.consultant.get-con:hover { background-color: var(--first-color)A6; color: #ffffff; } .readon.consultant.get-blue { padding: 20px 42px 20px 42px; background-color: #1A73E9; border-radius: 50px 50px 50px 50px; } .readon.consultant.get-yellow { padding: 20px 46px; background-color: #f8b401; color: #3e3e3e; border-radius: 65px; } .readon.consultant.get-yellow:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ""; color: #000 !important; background-color: #ffc107de; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .readon.consultant.get-yellow:hover { background-color: #ffc107de; } .readon.consultant.get-yellow:hover:before { left: 0%; right: auto; width: 100%; } .readon.consultant.get-yellow.blue-light { padding: 20px 46px; background-color: #1a73e9; color: #ffffff; } .readon.consultant.get-yellow.blue-light:before { background-color: #1a73e9d6; } .readon.consultant.get-yellow.blue-light:hover { background-color: #1a73e9d6; } .readon.submit { padding: 16px 35px 16px 35px; color: #080d41; background: #ffffff; border-radius: 15px; border: none; } .readon.submit:hover { opacity: 0.9; } .readon.submit.post { color: #ffffff; background-color: var(--first-color); border-radius: 40px; } .readon.pricing { box-shadow: 0px 20px 40px 0px rgba(0, 146, 242, 0.15); color: #ffffff; border-radius: 40px; background-color: #0092f2; width: 100%; } .readon.pricing:hover { opacity: 0.9; } .readon.direction { font-size: 18px; font-weight: 500; letter-spacing: 1px; position: relative; padding: 20px 40px 20px 40px; background-color: var(--first-color); border-radius: 50px 50px 50px 50px; } .readon.direction:before { position: absolute; display: block; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ""; color: #000 !important; background: #fff; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .readon.direction:hover:before { left: 0%; right: auto; width: 100%; } .readon.direction.inner-purple1 { padding: 16px 42px 16px 42px; font-weight: 600; background-image: linear-gradient(90deg, #6936f5 0%, #b69ef6 100%); border-radius: 0px 0px 0px 0px; } .readon.direction.inner-purple1:before { background-image: linear-gradient(126deg, #cdbef6 0%, #6936f5 100%); } .readon.direction.inner-purple1:hover { color: #ffffff; } .readon.contact { font-size: 18px; font-weight: 600; background-color: #1a73e9; color: #fff; border-radius: 10px; padding: 22px 42px; } .readon.contact:hover { color: #00204a; background-color: #ffffff; } .blog-button a { position: relative; display: inline-block; font-size: 16px; font-weight: 500; line-height: 26px; transition: all ease 0.3s; } .blog-button a .btn-txt { color: #3e3e3e; } .blog-button a i:before { font-weight: 500; font-size: 17px; color: #3e3e3e; font-family: 'remixicon' !important; position: relative; top: 1px; transition: all ease 0.3s; display: inline-block; margin-left: 4px; } .blog-button a:hover .btn-txt { color: var(--first-color); } .blog-button a:hover i:before { transform: translateX(6px); color: var(--first-color); } .blog-button.inner-btn a { display: inline-block; position: relative; transition: all .4s; padding: 13px 22px 13px 22px; font-size: 16px; font-weight: 700; line-height: 28px; color: #121933; z-index: 1; border-radius: 10px; border: 2px solid rgba(26, 115, 233, 0.1215686275); } .blog-button.inner-btn a i { margin-left: 0px; transition: all ease 0.3s; } .blog-button.inner-btn a i:before { font-weight: 500; font-size: 18px; color: #121933; margin-left: 2px; } .blog-button.inner-btn a:hover { color: #ffffff; background-color: var(--first-color); border: 2px solid var(--first-color); } .blog-button.inner-btn a:hover i:before { color: #ffffff; } .blog-button.blog-btn6 a .btn-txt { color: #3a3a3a; font-weight: 500; } .blog-button.blog-btn6 a:hover .btn-txt { color: #1a73e9 !important; } .container-fluid { padding-left: 130px; padding-right: 130px; } .container-fluid2 { padding-left: 175px; padding-right: 175px; } .relative { position: relative; } .sec-title { position: relative; } .sec-title .title { position: relative; font-size: 40px; font-weight: 700; line-height: 60px; color: #080d41; margin: 0; } .sec-title .title.title9 { font-size: 22px; line-height: 32px; color: #3483eb; font-weight: 500; } .sec-title .title.title11 { position: relative; font-weight: 700; margin: 0px 0px 30px 0px; padding: 19px 0px 0px 28px; } .sec-title .title.title11:before { display: block !important; content: ""; position: absolute; width: 50px; height: 50px; background: transparent; z-index: 1; top: 0; border-style: solid; border-color: #1a73e9; border-top-width: 5px; border-bottom-width: 0; pointer-events: none; left: 0; border-left-width: 5px; border-right-width: 0; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .sec-title .title.title13 { font-size: 40px; color: #ffffff; } .sec-title .title.title13 span { color: var(--first-color); } .sec-title .desc { font-size: 16px; line-height: 28px; font-weight: 400; color: #3e3e3e; margin: 0; } .sec-title .desc.desc8 { font-size: 18px; color: #656567; } .full-width-header { position: relative; } .full-width-header .rs-header { position: relative; } .full-width-header .rs-header .toolbar-area.toolbar-style3 { background-color: #1a73e9; padding: 12px 0 12px; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box { display: flex; justify-content: flex-end; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box li { display: inline-block; margin-right: 20px; border-right: 2px solid #ffffff3b; padding-right: 17px; line-height: 13px; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box li:last-child { margin-right: 0; border-right: none; padding-right: 0px; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box li .address-item { display: flex; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box li .address-item .address-icon { margin-right: 6px; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box li .address-item .address-icon i:before { font-size: 18px; color: #FFFFFF; position: relative; top: -2px; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box li .address-item .address-text a { color: #fff; } .full-width-header .rs-header .toolbar-area.toolbar-style3 .address-contact-box li .address-item .address-text a:hover { color: #FFFFFFDB; } .full-width-header .rs-header .toolbar-area.toolbar-style3.toolbar-modify3 { position: relative; z-index: 11; background-color: #ffffff; } .full-width-header .rs-header .toolbar-area.toolbar-style3.toolbar-modify3 .address-contact-box li .address-item .address-icon i:before { color: var(--first-color); } .full-width-header .rs-header .toolbar-area.toolbar-style3.toolbar-modify3 .address-contact-box li .address-item .address-text a { color: #666666; } .full-width-header .rs-header .toolbar-area.toolbar-style3.toolbar-modify3 .address-contact-box { justify-content: flex-start; } .full-width-header .rs-header .toolbar-area.toolbar-style3.toolbar-modify3 .address-contact-box li { border-right: 2px solid #dae8fb; } .full-width-header .rs-header .toolbar-area.toolbar-style3.toolbar-modify3 .address-contact-box li:last-child { margin-right: 0; border-right: none; padding-right: 0px; } .full-width-header .rs-header .toolbar-area.toolbar-style3.toolbar-modify3 .address-contact-box li .address-item .address-text a:hover { color: var(--first-color); } .full-width-header .rs-header .menu-area { transition: all 0.3s ease 0s; background: transparent; } .full-width-header .rs-header .menu-area .row-table { display: flex; width: 100%; position: relative; align-items: center; justify-content: space-between; } .full-width-header .rs-header .menu-area .row-table .col-cell { display: flex; align-items: center; justify-content: space-between; } .full-width-header .rs-header .menu-area .row-table .col-cell.header-logo { display: flex; flex: 1; } .full-width-header .rs-header .menu-area .rs-menu-area { display: flex; align-items: center; padding-right: 70px; } .full-width-header .rs-header .menu-area .main-menu { position: unset; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li { display: inline-block; margin-right: 28px; padding: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li:last-child { margin-right: 0 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a { font-size: 18px; font-weight: 500; margin-right: 10px; height: 130px; line-height: 130px; padding: 0; color: #3e3e3e; position: relative; transition: all 0.3s ease; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover { color: var(--first-color); } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children>a { padding-right: 17px; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children>a:before { position: absolute; left: auto; content: '\EA50' !important; font-family: remixicon !important; font-size: 24px; right: -4px; top: 51%; text-align: center; z-index: 9999; display: block; cursor: pointer; transform: translateY(-50%); } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu { background: #1a73e9; margin: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li { margin: 0 !important; border-bottom-style: solid; border-bottom-color: #C8C0E230; border-bottom-width: 1px; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a { padding: 10px 20px; white-space: nowrap; font-size: 15px; font-weight: 500; color: #F5F5F5; height: unset; line-height: 30px; text-transform: capitalize; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover { color: var(--first-color); } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li:last-child { margin: 0; border-bottom-width: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before { right: 20px; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu.right { left: auto; right: 100%; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.onepage-menu li.current-menu-item>a { color: var(--first-color); } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item>a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item>a:before { color: var(--first-color) !important; } .full-width-header .rs-header .menu-area.sticky { background: #fff; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu>li>a { height: 110px; line-height: 110px; color: #080d41; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu>li>a:hover { color: var(--first-color) !important; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu>li.current-menu-item>a { color: var(--first-color) !important; } .full-width-header .rs-header.header-style3 .menu-area .row-table .col-cell.header-logo { display: flex; flex: 1; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a { font-size: 18px; height: 89px; line-height: 89px; color: #3A3A3A; } .full-width-header .rs-header.header-style3 .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul li.current-menu-item>a:before, .full-width-header .rs-header.header-style3 .main-menu .rs-menu>ul>li.current-menu-item>a { color: #1a73e9 !important; } .full-width-header .rs-header.header-style3 .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before, .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li a:hover, .full-width-header .rs-header.header-style3 .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style3 .main-menu .rs-menu ul ul>li.current-menu-item>a { color: #ccc !important; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li a { font-size: 18px; font-weight: 500; height: unset; line-height: 25px; color: #ffffff; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li { margin-right: 30px; } .full-width-header .rs-header.header-style3 .menu-area .rs-menu-area { padding-right: 60px; } .full-width-header .rs-header.header-style3.header-modify1 .menu-area { position: relative; background-color: #F5FAFF; } .full-width-header .right_menu_togle { background: #ffffff; box-shadow: 0px 0px 10px 0px #eee; padding: 90px 60px 60px 50px; font-size: 1.15em; max-width: 480px; width: 100%; right: -500px; z-index: 999999; transition: all 0.3s ease; position: fixed; overflow-y: auto; } .full-width-header .right_menu_togle .close-btn { overflow: visible; position: absolute; top: 10px; display: block; z-index: 99; right: 57px; cursor: pointer; transition: all .3s ease; } .full-width-header .right_menu_togle .close-btn .nav-close { position: absolute; top: 23px; display: block; z-index: 99; right: 3px; cursor: pointer; } .full-width-header .right_menu_togle .close-btn .nav-close .line { width: 40px; height: 40px; line-height: 40px; } .full-width-header .right_menu_togle .close-btn .nav-close .line span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 1px !important; height: 25px !important; background: rgba(8, 13, 65, 0.8); border: none !important; transition: all 0.3s ease; } .full-width-header .right_menu_togle .close-btn .nav-close .line span.line2 { transform: translate(-50%, -50%) rotate(-45deg); } .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span { background: var(--first-color); } .full-width-header .mobile-navbar-menu .sub-menu { display: none; position: relative; left: 0; width: 100%; margin: 0; text-align: left; } .full-width-header .mobile-navbar-menu .nav-menu li { position: relative; } .full-width-header .mobile-navbar-menu .nav-menu li a { border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; font-size: 16px; font-weight: 500; color: #080d41; padding: 10px 0; line-height: 30px; width: 100%; } .full-width-header .mobile-navbar-menu .nav-menu li li a { padding-left: 25px; } .full-width-header .mobile-navbar-menu .nav-menu li li li a { padding-left: 50px; } .full-width-header .mobile-navbar-menu span.submenu-button { position: absolute; z-index: 99; right: 0; top: 5px; display: block; height: 40px; width: 40px; cursor: pointer; } .full-width-header .mobile-navbar-menu span.submenu-button:before, .full-width-header .mobile-navbar-menu span.submenu-button:after { position: absolute; top: 24px; right: 10px; width: 20px; height: 1px; display: block; background: #333; z-index: 2; content: ''; right: 12px; width: 12px; } .full-width-header .mobile-navbar-menu span.submenu-button:before { width: 1px; height: 12px; right: 17px; top: 18px; } .full-width-header .mobile-navbar-menu span.submenu-button em { display: block; position: absolute; right: 0; border-radius: 4px; top: 50%; transform: translateY(-50%); } .full-width-header .mobile-navbar-menu .hash-has-sub span.submenu-button { width: 100%; cursor: pointer; top: 0; height: 50px; } .full-width-header .mobile-navbar-menu .submenu-button.submenu-opened:before { display: none; } .full-width-header .mobile-navbar-menu ul ul li, .full-width-header .mobile-navbar-menu li:hover>ul>li { height: auto; } .full-width-header .mobile-navbar-menu ul.nav-menu>li:first-child>span.submenu-button:after { top: 19px; } .full-width-header .mobile-navbar-menu ul.nav-menu>li:first-child>span.submenu-button:before { top: 13px; } .full-width-header .mobile-navbar-menu .nav-menu li a:hover { color: var(--first-color); } body.modal-open { padding: 0 !important; } body .modal.show .modal-dialog { width: 100%; max-width: 500px; } body .modal { z-index: 9999; } .menu-sticky { background: #fff; margin: 0; z-index: 999; width: 100%; top: 0; position: relative; } .rs-about.about-style3 .about-wrapper .about-img { position: relative; } .rs-about.about-style3 .about-wrapper .about-img img { border-radius: 15px; } .rs-about.about-style3 .about-wrapper .about-btn-inner { display: flex; align-items: center; } .rs-about.about-style3 .about-wrapper .about-btn-inner li { display: inline-block; margin-right: 25px; } .rs-about.about-style3 .about-wrapper .about-btn-inner li:last-child { margin-right: 0; } .rs-slider.slider-style1 .slider { position: relative; } .rs-slider.slider-style1 .slider .slider-item { background-image: url("../image/slide1.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .rs-slider.slider-style1 .slider .slider-item .slider-content { padding: 255px 0 220px; } .rs-slider.slider-style1 .slider .slider-item .slider-content .title { font-size: 90px; line-height: 90px; font-weight: 800; color: #121933; text-transform: uppercase; margin: 0 0 40px; } .rs-slider.slider-style1 .slider .slider-item.slide-bg2 { background-image: url("../image/slide2.jpg"); } .rs-slider.slider-style1 .slider .slick-dots { top: 50%; right: -47%; } .rs-slider.slider-style1 .slider .slick-dots li { display: block; } .rs-slider.slider-style1 .slider .slick-dots li button { width: 18px; height: 18px; border: 2px solid #fff; background: transparent; border-radius: 15px; margin-bottom: 10px; } .rs-slider.slider-style1 .slider .slick-dots li button:before { content: ''; background: rgba(255, 255, 255, 0.2); transform: scale(1); width: 100%; height: 100%; display: block; border-radius: 100%; transition: all 0.3s ease; } .rs-slider.slider-style1 .slider .slick-dots li.slick-active button, .rs-slider.slider-style1 .slider .slick-dots li:hover button { border: 2px solid var(--first-color); width: 18px; background: transparent; opacity: unset; } .rs-slider.slider-style1 .slider .slick-dots li.slick-active button:before, .rs-slider.slider-style1 .slider .slick-dots li:hover button:before { background: var(--first-color); transform: scale(0.4); } .rs-slider.slider-style2 .slider { position: relative; } .rs-slider.slider-style2 .slider .slider-item { background-image: url("../image/slide11.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style2 .slider .slider-item .slider-inner { display: flex; flex-wrap: wrap; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .slide-bg-layer { flex: 0 0 55%; max-width: 55%; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .slide-des { flex: 0 0 45%; max-width: 45%; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .slide-des .content-wrap { padding: 234px 100px 220px 0; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .slide-des .content-wrap .title { position: relative; z-index: 11; font-size: 60px; line-height: 70px; font-weight: 700; color: #ffffff; margin: 0 0 20px; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .slide-des .content-wrap .desc { font-size: 18px; line-height: 28px; font-weight: 400; color: #ffffff; margin: 0 0 40px; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .slide-des .content-wrap .slider-btn li { display: inline-block; margin-right: 17px; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .slide-des .content-wrap .slider-btn li:last-child { margin-right: 0; } .rs-slider.slider-style2 .slider .slider-item.slide-bg2 { background-image: url("../image/slide21.jpg"); } .rs-slider.slider-style2 .slider .slider-item.slide-bg3 { background-image: url("../image/slide3.jpg"); } .rs-slider.slider-style2 .slider .slick-dots { bottom: 50px; transform: translateX(40%); display: flex; } .rs-slider.slider-style2 .slider .slick-dots li { display: block; } .rs-slider.slider-style2 .slider .slick-dots li button { width: 14px; height: 14px; border: 1px solid rgba(255, 255, 255, 0.46); background: transparent; border-radius: 15px; margin-bottom: 10px; } .rs-slider.slider-style2 .slider .slick-dots li button:before { content: ''; width: 100%; height: 100%; display: block; border-radius: 100%; transition: all 0.3s ease; } .rs-slider.slider-style2 .slider .slick-dots li.slick-active button, .rs-slider.slider-style2 .slider .slick-dots li:hover button { border: 1px solid rgba(255, 255, 255, 0.46); background: #fff; opacity: 0.79; } .rs-slider.slider-style3 .slider { position: relative; } .rs-slider.slider-style3 .slider .slider-item { position: relative; z-index: 11; background-image: url("../images/index-top-slide1.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .rs-slider.slider-style3 .slider .slider-item .slider-content { padding: 290px 0 250px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap { position: relative; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top { position: absolute; top: -307px; left: -96px; z-index: -11; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .title { font-size: 63px; line-height: 73px; font-weight: 700; color: #ffffff; text-transform: capitalize; margin: 0 0 25px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .desc { font-size: 18px; line-height: 28px; font-weight: 500; color: rgba(255, 255, 255, 0.8); margin: 0 0 40px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom { position: absolute; top: -259px; left: -6%; z-index: -11; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom img { opacity: 0.80; } .rs-slider.slider-style3 .slider .slider-item.slide-bg2 { background-image: url("../images/index-top-slide2.jpg"); } .rs-slider.slider-style3 .slider .slider-item.slide-bg3 { background-image: url("../images/index-top-slide3.jpg"); } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation { position: absolute; bottom: 0; z-index: -11; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.one { top: 232px; left: 296px; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.one img { opacity: 1; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.two { top: 650px; left: 700px; } .rs-slider.slider-style3 .slider .slick-dots { top: 47.5%; right: -45%; } .rs-slider.slider-style3 .slider .slick-dots li { display: block; } .rs-slider.slider-style3 .slider .slick-dots li button { width: 14px; height: 14px; border: 1px solid #fff; background: transparent; border-radius: 15px; margin-bottom: 10px; } .rs-slider.slider-style3 .slider .slick-dots li button:before { content: ''; width: 100%; height: 100%; display: block; border-radius: 100%; transition: all 0.3s ease; } .rs-slider.slider-style3 .slider .slick-dots li.slick-active button, .rs-slider.slider-style3 .slider .slick-dots li:hover button { background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #ffffff; border: 1px solid rgba(255, 255, 255, 0.3); background: #fff; opacity: 0.9; } .rs-cta.cta-main-home { position: relative; overflow: hidden; z-index: 11; } .rs-cta.cta-main-home .animate-arrow { position: absolute; left: 57%; top: 36%; } .rs-cta.cta-style7 { position: relative; background-color: #00204A; } .rs-cta.cta-style7 .animate-wrap { position: absolute; left: 56%; top: 44%; transform: translate(-50%, -50%); } .rs-cta.cta-style7 .animate-wrap img { max-width: 73px; } .rs-cta.cta-style7:before { content: ""; background: #1a73e9; position: absolute; top: 0; bottom: 0; height: 100%; width: 41.5%; z-index: 0; transform: skew(-30deg); right: -44px; } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number .rs-count { font-size: 35px; line-height: 45px; font-weight: 600; color: var(--first-color); } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number .prefix { font-size: 35px; line-height: 45px; font-weight: 600; color: var(--first-color); } .rs-counter.counter-style1 .rs-counter-list .count-text .title { font-size: 16px; font-weight: 400; line-height: 18px; color: #3e3e3e; margin: 7px 0 0 0; display: block; } .rs-counter.counter-style1.counter-modify8 .rs-counter-list .count-text .count-number .prefix, .rs-counter.counter-style1.counter-modify8 .rs-counter-list .count-text .count-number .rs-count { font-size: 40px; line-height: 50px; font-weight: 600; color: #1a73e9; } .rs-counter.counter-style1.counter-modify8 .counter-images-style .count-wrap { box-shadow: 0px 20px 70px 0px rgba(0, 0, 1, 0.05); border-radius: 10px 10px 10px 10px; padding: 20px 22px 20px 22px; background-color: #ffffff; } .rs-counter.counter-style1.counter-modify8 .counter-images-style .count-wrap .rs-counter.counter-style1.counter-modify8, .rs-counter.counter-style1.counter-modify8 .counter-images-style .count-wrap .rs-counter-list .count-text .count-number .rs-count { font-size: 50px; line-height: 50px; font-weight: 600; color: #1a73e9; } .rs-counter.counter-style1.counter-modify8 .counter-images-style .count-wrap .rs-counter-list .count-text .title { font-size: 18px; font-weight: 600; line-height: 18px; color: #3A3A3A; margin: 0px 0 8px 0; display: block; } .rs-counter.counter-style1.counter-modify8 .counter-images-style .count-wrap .rs-counter-list { display: flex; } .rs-counter.counter-style1.counter-modify8 .counter-images-style .count-wrap.counter-bg1 { padding: 41px 25px 41px 25px; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar { background: rgba(240, 92, 78, 0.2); height: 7px; line-height: 7px; margin: 10px 0 20px; overflow: visible; position: relative; width: 100%; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar { height: 7px; line-height: 7px; background: #f05c4e; margin-bottom: 0; overflow: visible !important; width: 0; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skill-bar-percent { height: 30px; position: absolute; right: 0px; top: -38px; font-size: 20px; line-height: 30px; font-weight: 600; color: #f05c4e; } .rs-skillbar.skillbar-style1.skillbar-modify9 .cl-skill-bar .skillbar { height: 8px; line-height: 8px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #1A73E933; border-radius: 50px 50px 50px 50px; background-color: #B9C4D400; } .rs-skillbar.skillbar-style1.skillbar-modify9 .cl-skill-bar .skillbar .skillbar-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; background-color: #1273eb; border-radius: 50px 50px 50px 50px; -webkit-animation: rs-progress-pie-stripes 1s linear infinite; animation: rs-progress-pie-stripes 1s linear infinite; } .rs-choose.choose-style2 { position: relative; } .rs-choose.choose-style2 .image-wrap2 { position: relative; z-index: 11; margin: 0 -120px 0 120px; } .rs-choose.choose-style2 .image-wrap2 .main-img { max-width: 594px; border-radius: 20px 20px 20px 20px; } .rs-services.services-style6 .services-item { position: relative; padding: 30px 40px 40px 40px; background-color: #FFFFFF8A; border-radius: 15px 15px 15px 15px; overflow: hidden; box-shadow: 20px 20px 60px 0px rgba(0, 0, 1, 0.05); } .rs-services.services-style6 .services-item .services-wrap .services-icon img { width: 80px; } .rs-services.services-style6 .services-item .services-wrap .numbering { color: #2E80EC12; font-size: 60px; font-weight: 700; top: 28px; position: absolute; left: 76%; } .rs-services.services-style6 .services-item .services-wrap .services-content { margin: 20px 0px 0px 0px; } .rs-services.services-style6 .services-item .services-wrap .services-content .title { font-size: 24px; font-weight: 700; line-height: 34px; margin: 0 0 15px; transition: 0.3s; } .rs-services.services-style6 .services-item .services-wrap .services-content .title a { color: #183760; } .rs-services.services-style6 .services-item .services-wrap .services-content .title a:hover { color: var(--first-color); } .rs-services.services-style6 .services-item .services-wrap .services-content .services-txt { font-size: 18px; font-weight: 400; line-height: 28px; color: #656567; margin-bottom: 14px; } .rs-partner.partner-style2 { z-index: 111; } .rs-partner.partner-style2 .partner-item { padding: 80px 80px 80px 80px; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 0px; background-color: #FFFFFF; } .rs-partner.partner-style2 .partner-item .logo-img { text-align: center; } .rs-partner.partner-style2 .partner-item .logo-img a { overflow: hidden; display: inline-block; position: relative; transition: all 0.3s ease-in-out; } .rs-partner.partner-style2 .logo-grid-item { border-bottom: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); } .rs-partner.partner-style2.partner-modify5 .partner-wrap { padding: 40px; border-radius: 20px 20px 20px 20px; background-color: #FFFFFF96; } .rs-partner.partner-style2.partner-modify5 .partner-item { padding: 20px; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 0px; background-color: transparent; } .rs-partner.partner-style2.partner-modify5 .logo-grid-item:nth-child(3), .rs-partner.partner-style2.partner-modify5 .logo-grid-item:nth-child(6), .rs-partner.partner-style2.partner-modify5 .logo-grid-item:nth-child(9), .rs-partner.partner-style2.partner-modify5 .logo-grid-item:nth-child(12) { border-right: none; } .rs-partner.partner-style2.partner-modify5 .logo-grid-item:nth-child(10), .rs-partner.partner-style2.partner-modify5 .logo-grid-item:nth-child(11), .rs-partner.partner-style2.partner-modify5 .logo-grid-item:nth-child(12) { border-bottom: none; } .rs-blog.blog-style1 .blog-item { background-color: #fff; padding: 20px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta { display: flex; padding: 20px 30px 15px 10px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .categories { position: relative; font-size: 14px; line-height: 24px; font-weight: 500; color: #3e3e3e; margin-right: 45px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .categories i { color: #3e3e3e; margin-right: 6px; font-weight: 900; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .categories i:before { top: -1px; position: relative; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .categories:after { content: ""; position: absolute; right: -20px; top: 12px; height: 7px; width: 1px; background: rgba(62, 62, 62, 0.3); } .rs-blog.blog-style1 .blog-item .blog-content .blog-title { font-size: 25px; line-height: 40px; font-weight: 700; margin: 0 0 10px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-title a { color: #080d41; } .rs-blog.blog-style1 .blog-item .blog-content .blog-title a:hover { color: #f05c4e; } .rs-blog.blog-style1 .blog-item .blog-content .blog-button a:hover i:before, .rs-blog.blog-style1 .blog-item .blog-content .blog-button a:hover .btn-txt { color: #f05c4e; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: #ffffff; padding: 20px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap { position: relative; max-width: 37.5%; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content { padding: 0px 0px 0px 30px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta { display: flex; padding: 0px 0 15px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .categories { position: relative; font-size: 14px; line-height: 24px; font-weight: 500; color: #3e3e3e; margin-right: 45px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .categories i { color: #3e3e3e; margin-right: 6px; font-weight: 900; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .categories i:before { top: -1px; position: relative; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .categories:after { content: ""; position: absolute; right: -20px; top: 12px; height: 7px; width: 1px; background: rgba(62, 62, 62, 0.3); } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title { font-size: 20px; line-height: 30px; font-weight: 700; margin: 0 0 13px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title a { color: #080d41; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title a:hover { color: #f05c4e; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-desc { font-size: 16px; line-height: 26px; font-weight: 400; margin: 0 0 10px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-button a:hover i:before, .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-button a:hover .btn-txt { color: #f05c4e; } .rs-blog.blog-style1.blog-modify2 .blog-item { margin: 20px 0px 0px 0px; transition: all 0.3s ease 0s; box-shadow: 30px 30px 60px 0px rgba(0, 0, 1, 0.08); background-color: #fff; padding: 25px 20px 30px 20px; border-radius: 20px 20px 20px 20px; } .rs-blog.blog-style1.blog-modify2 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap a img, .rs-blog.blog-style1.blog-modify2 .blog-item .image-wrap a img { border-radius: 20px 20px 20px 20px; } .rs-blog.blog-style1.blog-modify2 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-desc { font-size: 18px; line-height: 28px; color: #656567; } .rs-blog.blog-style1.blog-modify2 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .categories, .rs-blog.blog-style1.blog-modify2 .blog-item .blog-content .blog-meta .categories { font-size: 16px; line-height: 24px; font-weight: 400; color: #3a3a3a; } .rs-blog.blog-style1.blog-modify2 .blog-horizontal .blog-meta .blog-item-wrap { margin: 20px 0px 20px 0px; box-shadow: 30px 30px 60px 0px rgba(0, 0, 1, 0.08); border-radius: 20px 20px 20px 20px; } .rs-blog.blog-style1.blog-modify2 .blog-item .blog-content .blog-meta .categories i:before, .rs-blog.blog-style1.blog-modify2 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-style1.blog-modify2 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title a:hover, .rs-blog.blog-style1.blog-modify2 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .categories i { color: #1a73e9; } .rs-footer.footer-main-home { background-image: url("../image/footer-main.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-footer.footer-main-home .footer-top { padding: 90px 0 90px; } .rs-footer.footer-main-home .footer-top .footer-logo { margin-bottom: 30px; } .rs-footer.footer-main-home .footer-top .footer-logo a img { height: 40px; } .rs-footer.footer-main-home .footer-top .description { font-size: 16px; line-height: 27px; font-weight: 400; color: #FFFFFFD9; margin: 0 0 34px; } .rs-footer.footer-main-home .footer-top .footer-title { position: relative; font-size: 22px; line-height: 32px; font-weight: 700; color: #ffffff; } .rs-footer.footer-main-home .footer-top .footer-title:before { content: ""; position: absolute; left: -6px; top: 4px; width: 24px; height: 24px; background: white; border-radius: 50%; opacity: 0.2; display: block; } .rs-footer.footer-main-home .footer-top .site-map { margin-top: -6px; } .rs-footer.footer-main-home .footer-top .site-map li { margin-bottom: 9px; } .rs-footer.footer-main-home .footer-top .site-map li a { position: relative; font-size: 16px; font-weight: 400; line-height: 26px; transition: all 0.3s; padding: 0px 0px 14px 20px; color: #FFFFFFD6; } .rs-footer.footer-main-home .footer-top .site-map li a:hover { color: #1a73e9; } .rs-footer.footer-main-home .footer-top .site-map li a:before { content: ""; position: absolute; background: rgba(255, 255, 255, 0.5098039216); width: 6px; height: 6px; border-radius: 50%; background-color: #3181EB; left: 0px; top: 6px; opacity: 1 !important; } .rs-footer.footer-main-home .footer-bottom .bottom-border { padding: 25px 0 25px; border-top: 1px solid #19365C; } .rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p { font-size: 16px; color: #FFFFFFD1; margin: 0; } .rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p a { transition: all 0.4s; color: #FFFFFFD1; } .rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p a:hover { color: #1a73e9; } .rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li { display: inline-block; position: relative; padding: 0px 19px 0 25px; } .rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li a { font-size: 16px; color: #FFFFFFD1; } .rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li a:hover { color: var(--first-color); } .rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li:first-child:before { display: none; } .rs-footer.footer-main-home.footer-modify1 { position: relative; z-index: 11; background-color: #22254B; background-position: 105% -48px; background-repeat: no-repeat; background-size: unset; } .rs-footer.footer-main-home.footer-modify1 .footer-top { padding: 90px 0 60px; } .rs-footer.footer-main-home.footer-modify1 .footer-bottom { background-color: #22254B; } .rs-footer.footer-main-home.footer-modify1 .footer-top .site-map li a:hover { color: #1a73e9; } .rs-footer.footer-main-home.footer-modify1 .footer-bottom .bottom-border { border-top: 1px solid unset; } #scrollUp { text-align: center; bottom: 40px; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; border-radius: 50px 50px 4px 4px; } #scrollUp i { height: 40px; font-size: 24px; width: 42px; border-radius: 5px; color: #ffffff; line-height: 36px; transition: all 0.3s ease 0s; background: #2B59FF; margin-left: 2px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.02); display: block; } #scrollUp i:before { font-weight: 900; } #scrollUp i:hover { background: #080d41; color: #fff; } #scrollUp.primary-color i { background: var(--first-color); color: #ffffff; } #scrollUp.primary-color i:hover { background: #080d41; color: #fff; } #pre-load { background-color: #fff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; z-index: 9999; } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @-webkit-keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .fadeInUp { animation-name: fadeInUp; animation-duration: 2s; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; animation-duration: 2s; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft2 { animation-name: fadeInLeft2; animation-duration: 2.5s; } @keyframes fadeInLeft2 { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; animation-duration: 2s; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight2 { animation-name: fadeInRight2; animation-duration: 2.5s; } @keyframes fadeInRight2 { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; animation-duration: 2s; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } .scale { animation-duration: 2s; -webkit-animation: scale 2s alternate infinite; } .scale.new { animation-duration: 2.5s; } .horizontal { animation: horizontal 2s alternate infinite; -webkit-animation: horizontal 2s alternate infinite; } @keyframes horizontal { 0% { transform: translateX(-20px); -webkit-transform: translateX(-20px); } 0% { transform: translateX(20px); -webkit-transform: translateX(20px); } } .pricing-switcher .switch { position: absolute; top: 10px; left: 10px; height: 45px; width: 90px; background-color: #6722B5; border-radius: 10px; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .pricing-switcher input[type="radio"]:checked+label+.switch, .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch { -webkit-transform: translateX(95px); -moz-transform: translateX(95px); -ms-transform: translateX(95px); -o-transform: translateX(95px); transform: translateX(95px); color: #fff; } .pricing-switcher .fieldset { display: inline-block; position: relative; padding: 20px 8px; border-radius: 15px; background: #fff; width: 100%; max-width: 205px; } .pricing-switcher .fieldset.mnt-ac .rs-mnt, .pricing-switcher .fieldset.mnt-acs .rs-yrs { color: #fff !important; } .pricing-switcher input[type="radio"] { position: absolute; opacity: 0; } .pricing-switcher label { position: relative; z-index: 1; display: inline-block; float: left; cursor: pointer; font-size: 16px; color: #3E3E3E; font-weight: 400; margin: 0; width: 50%; } .pricing-list { margin: 2em 0 0; list-style: none; } .pricing-list>li { position: relative; } @media only screen and (min-width: 992px) { .pricing-list:after { content: ""; display: table; clear: both; } .pricing-list>li { width: 33.333%; float: left; } } .pricing-wrapper { position: relative; list-style: none; margin-left: 20px; margin-right: 20px; } .touch .pricing-wrapper { -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; } .pricing-wrapper.is-switched .is-visible { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: rotate 0.5s; -moz-animation: rotate 0.5s; animation: rotate 0.5s; } .pricing-wrapper.is-switched .is-hidden { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: rotate-inverse 0.5s; -moz-animation: rotate-inverse 0.5s; animation: rotate-inverse 0.5s; opacity: 0; } .pricing-wrapper.is-switched .is-selected { opacity: 1; } .pricing-wrapper.is-switched.reverse-animation .is-visible { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: rotate-back 0.5s; -moz-animation: rotate-back 0.5s; animation: rotate-back 0.5s; } .pricing-wrapper.is-switched.reverse-animation .is-hidden { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: rotate-inverse-back 0.5s; -moz-animation: rotate-inverse-back 0.5s; animation: rotate-inverse-back 0.5s; opacity: 0; } .pricing-wrapper.is-switched.reverse-animation .is-selected { opacity: 1; } .pricing-wrapper .is-visible { position: relative; z-index: 5; } .pricing-wrapper .is-hidden { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .pricing-wrapper .is-selected { z-index: 3 !important; } @media only screen and (min-width: 1050px) { .pricing-wrapper>li::before { content: ''; position: absolute; z-index: 6; left: -1px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 50%; width: 1px; } .pricing-wrapper>li::after { display: none; } :nth-of-type(1)>.pricing-wrapper>li::before { display: none; } } .pricing-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } .is-switched .pricing-body { overflow: hidden; } .pricing-body { overflow-x: visible; padding-bottom: 20px; } .pricing-features { width: 600px; } .pricing-features li { width: 100px; float: left; padding: 1.6em 1em; font-size: 1.5rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select { position: relative; z-index: 1; display: block; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } .select { position: static; display: inline-block; height: auto; padding: 1.3em 2em; color: #1bbc9d; border-radius: 8px; border: 2px solid #1bbc9d; font-size: 1.4rem; text-indent: 0; text-transform: uppercase; letter-spacing: 2px; transition: all .6s; width: 70%; } @-webkit-keyframes rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); } } @-moz-keyframes rotate { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { -moz-transform: perspective(2000px) rotateY(200deg); } 100% { -moz-transform: perspective(2000px) rotateY(180deg); } } @keyframes rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(200deg); -moz-transform: perspective(2000px) rotateY(200deg); -ms-transform: perspective(2000px) rotateY(200deg); -o-transform: perspective(2000px) rotateY(200deg); transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } } @-webkit-keyframes rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes rotate-inverse { 0% { -moz-transform: perspective(2000px) rotateY(-180deg); } 70% { -moz-transform: perspective(2000px) rotateY(20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(20deg); -moz-transform: perspective(2000px) rotateY(20deg); -ms-transform: perspective(2000px) rotateY(20deg); -o-transform: perspective(2000px) rotateY(20deg); transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } @-webkit-keyframes rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); } } @-moz-keyframes rotate-back { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { -moz-transform: perspective(2000px) rotateY(-200deg); } 100% { -moz-transform: perspective(2000px) rotateY(-180deg); } } @keyframes rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(-200deg); -moz-transform: perspective(2000px) rotateY(-200deg); -ms-transform: perspective(2000px) rotateY(-200deg); -o-transform: perspective(2000px) rotateY(-200deg); transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } } @-webkit-keyframes rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes rotate-inverse-back { 0% { -moz-transform: perspective(2000px) rotateY(180deg); } 70% { -moz-transform: perspective(2000px) rotateY(-20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(-20deg); -moz-transform: perspective(2000px) rotateY(-20deg); -ms-transform: perspective(2000px) rotateY(-20deg); -o-transform: perspective(2000px) rotateY(-20deg); transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } .dc-viewport { perspective: 1400px; perspective-origin: 50% 45%; height: 460px; display: flex; align-items: center; justify-content: center; } .dc-card { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 18px; overflow: hidden; backface-visibility: hidden; transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); will-change: transform, opacity, filter; cursor: pointer; } .dc-card img { width: 100%; height: 100%; object-fit: cover; display: block; } .dc-card-tint { position: absolute; inset: 0; border-radius: 18px; pointer-events: none; transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; } .dc-card-overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 22px 22px; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.75) 100%); color: #fff; transition: opacity 0.5s ease; } .dc-dot { width: 10px; height: 10px; border-radius: 50%; border: none; background: #c5cdd8; cursor: pointer; transition: all 0.35s ease; padding: 0; } .dc-dot.active { background: var(--first-color, #0A4D8C); transform: scale(1.3); } .rs-services.services-style6 .services-item .services-wrap .services-icon i { font-size: 50px; color: var(--first-color, #0A4D8C); line-height: 1; } .rs-services.services-style6 .services-item .services-wrap .services-icon i::before { font-size: 50px; } @media (max-width: 768px) { .dc-viewport { height: 380px; } }