/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */ #jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: 'Poppins', sans-serif; } * { margin: 0px; padding: 0px; } /* text selection color */ ::-moz-selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none;} ::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; } /* browser scroller style */ ::-webkit-scrollbar { width:10px; height:10px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; } ::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; } ::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); } @media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } } body {font-family: 'Open Sans', sans-serif;;color: var(--default-color);font-size:var(--base-font-size);position: relative;} /* font family */ .ff-primary { font-family: 'Open Sans', sans-serif; } .ff-secondary {font-family: 'Open Sans', sans-serif; } /* font colors */ .fc-primary { color: var(--primary-color); } .fc-secondary { color: var(--secondary-color); } .fc-dark { color: var(--theme-dark); } .fc-lite { color: var(--theme-lite); } /* buttons */ .primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px; position:relative; display:table; border-radius: 3px; } .primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important; font-size: 13px; color: white; padding-left: 10px; display: table-cell; vertical-align: middle; } .primary-btn { background:var(--primary-color); color: white; } .primary-btn:hover {background:var(--primary-color-dark); color: white; } .secondary-btn { background:var(--secondary-color); color: white; } .secondary-btn:hover {background:var(--secondary-color-dark); color: white; } .banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;} .secpad-100{padding: 100px 0;} .sm-btn { font-size: 14px; } .md-btn { font-size: 16px; } .lg-btn { font-size: 18px; } .xl-btn { font-size: 20px; } /* headings */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; } h1, .h1, h2, .h2 {font-family: 'Open Sans', sans-serif;} h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: 'Open Sans', sans-serif; padding-bottom: 10px; color: var(--theme-dark); } h2, .h2 { font-size: 6.7vmin; } h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; } h4, .h4 { font-size: var(--font-size-h4); } h5, .h5 { font-size: var(--font-size-h5); } h6, .h6 { font-size: var(--font-size-h6); } p { /*font-size: var(--base-font-size);*/ } p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;} /*** theme sections padding ***/ .sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;} .sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;} .sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; } .sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; } .sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; } /*** theme sections margin ***/ .sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;} .sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;} .sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; } .sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; } .sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; } /*** no padding, no marging ***/ .p-0 { padding:0; } .pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; } .pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; } .m-0 { margin:0; } .mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; } .ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; } .tt-uppercase{text-transform: uppercase;} .tt-capitalize{text-transform: capitalize;} p strong { color: black; } p span { color: black; } a:hover { text-decoration: none; } a:focus { outline: none; text-decoration: none; } img { border: 0px; outline: none; } /*img { max-width: 100%; }*/ ul,li { list-style-type: none; } .relative { position:relative; } .absolute { position:absolute; } h2,.h2 { color: #171717; line-height: 1.2; font-weight: 700; padding: 0 0 15px 0; position: relative; letter-spacing: -1px; } h2 span,.h2 span { color:var(--primary-color);} a { text-decoration: none; } .list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; } .list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;} .list-simple li:before {position: absolute; left: 0px;top: 0px; font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; } /*** morefull block link ***/ .moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; } /*** transition ***/ .transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } /*** scale with transition ***/ .scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } /* header ------------------------------------*/ header{position: fixed;width: 100%;z-index: 99;padding: 30px 0 30px;} header .logowrp{} header .logowrp img{width: 100%;} header .navwrp{} header .navwrp ul{margin: 0 0 0 -3px;float: right;} header .navwrp ul li{margin: 0 15px 0 0;display: inline-block;margin: 0 10px 0 0;font-size: 13px;padding: 0px;} header .navwrp ul li a{color: #fff;font-size: 14px;} header .btnwrp{ text-align: right; display: block;} header .btnwrp ul{ margin: 0; } header .btnwrp ul li{display: inline-block;margin: 0 0 0 6px;} header .btnwrp ul li .btn-2{color: #fff;border: 1px solid;padding: 10px 15px;border-radius: 3px;font-weight: 600;} header .btnwrp ul li .btn-1{border: 1px solid #fff;padding: 10px 15px;border-radius: 3px;background: #fff;color: #000;font-weight: 600;} header .btnwrp ul li.nmrwrp{} header .btnwrp ul li.nmrwrp a{ color: #fff;} .header-main.showmenu{background: #fff;padding: 30px 0 30px;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 41%);} .header-main.showmenu .navwrp ul li a{color: #000;/* font-size: 13px; */padding: 0;} .header-main.showmenu .btnwrp ul li .btn-2{color: #4634e5;} .header-main.showmenu .btnwrp ul li .btn-1{color: #fff;background: #4634e5;border: 1px solid #4634e5;font-weight: 600;} .header-main.showmenu .btnwrp ul li.nmrwrp a{color: #000;} .home-bannerwrp{position: relative;height: 710px;min-height: 580px;z-index: 1;overflow: hidden;padding: 170px 0 0;} .home-bannerwrp:after{content: "";transform: rotateZ(6deg ) skewX(-50deg ) scaleX(-1);background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%);position: absolute;height: 5000px;width: 5000px;top: auto;bottom: 0%;left: 93%;transform-origin: 0 100%;z-index: -2;} .home-bannerwrp .txtwrp{} .home-bannerwrp .txtwrp.addd{margin-top: 50px;} .home-bannerwrp .txtwrp.add-cs ul li{font-size: 20px;font-weight: 400;} .home-bannerwrp .txtwrp h1{color: #fff;padding: 0 0 50px;position: relative;font-size: 36px;font-weight: 700;} .home-bannerwrp .txtwrp h1:after{content: "";background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%);width: 60px;height: 3px;position: absolute;bottom: 24px;left: 0;} .home-bannerwrp .txtwrp p{color: rgba(255,255,255,0.7); line-height: 25px; font-size: 17px; } .home-bannerwrp .btnwrp{display: block; padding: 20px 0 0; } .btn-1{color: #fff;background: -webkit-linear-gradient(32.34deg,#0a2762 8.62%,#3a78c3 71.95%);padding: 12px 20px;border-radius: 3px;font-weight: 600;} .home-bannerwrp .imgwrp{position: relative; } .home-bannerwrp .imgwrp img{width: 100%;position: absolute;top: 0px;right: 0px;} .home-bannerwrp .imgwrp.ara img{width: 90%;position: absolute;top: -75px;right: 0px;} .home-bannerwrp .imgwrp.addd img{top: -35px;right: -30px;} .home-bannerwrp .object2 img.hvrimg{} .thinkwrp{padding: 50px 0 60px;position: relative;} .thinkwrp:after{content: "";content: "";position: absolute;background-image: url(../images/dots.svg);width: 180px;height: 180px;background-repeat: no-repeat;background-size: 100%;left: 0;bottom: -40px;z-index: -1;} .thinkwrp:before{content: "";position: absolute;background-image: url(../images/dots.svg);width: 180px;height: 180px;background-repeat: no-repeat;background-size: 100%;right: 100px;top: 80px;} .thinkwrp .txtwrp{display: block;text-align: center;padding: 0 0 50px;} .main-heading{color: #1b50b1;font-size: 28px;font-weight: 600;position: relative;font-weight: 700;} .main-heading:after{content: "";position: absolute;background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%);width: 40px;height: 4px;bottom: -5px;left: 0;right: 0;margin: 0 auto;} .thinkwrp .mainwrp{position: relative;width: 90%;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;} .thinkwrp .mainwrp:hover .imgwrp img{filter: unset;} .thinkwrp .mainwrp:hover{transform: scale(1.1);box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);} .thinkwrp .mainwrp .imgwrp{background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%);border-radius: 6px;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;overflow: hidden;} .thinkwrp.add-hyt .mainwrp .imgwrp img{height: 400px;} .thinkwrp .mainwrp .imgwrp img{width: 74%;text-align: right;display: inline-block;margin: 0 0 0 104px;filter: opacity(0.4);transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;} .thinkwrp .mainwrp .txtdiv{position: absolute; bottom: 70px; padding: 0 40px 0; } .thinkwrp .mainwrp .txtdiv img{margin: 0 0 15px;width: 45px; } .thinkwrp .mainwrp .txtdiv h4{color: #fff;font-size: 21px;margin: 0 0 0px;} .thinkwrp .mainwrp .txtdiv p{color: rgba(214,219,241,0.9); } .thinkwrp .mainwrp .txtdiv a{color: #fff; text-decoration: underline; } .main-pera{color: #0d2462; line-height: 1.49; font-size: 14px; font-weight: 400; } .newwrp{position: relative;padding: 200px 0 70px;overflow: hidden;} .newwrp:after{content: "";width: 370px;height: 380px;right: -260px;background: -webkit-linear-gradient( 32.34deg ,#184092 8.62%,#3a78c3 71.95%);position: absolute;z-index: -1;bottom: -20px;transform: rotateZ( 44deg ) skewX( -10deg ) skewY( -10deg ) !important;} .newwrp:before{content: "";width: 55%;height: 20vw;transform: perspective(20vw) rotateY(45deg );background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%);position: absolute;z-index: -1;} .newwrp .mainbox{width: 50%;padding: 40px 0 0 40px;} .newwrp .mainbox h2{color: #fff;font-size: 42px;font-weight: 500;} .newwrp .mainwrp{z-index: 1;position: relative;background: #fff;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;width: 94%;box-shadow: 0 4px 22px rgb(202 202 202 / 25%);border-radius: 6px;margin: 0 0 35px;} .newwrp .mainwrp:hover{transform: scale(1.1); box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);} .newwrp .mainwrp:hover .imgwrp img{filter: unset;} .newwrp .mainwrp .imgwrp{transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; } .newwrp .mainwrp .imgwrp img{width: 100%;filter: blur(3px);transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;} .newwrp .mainwrp .txtwrp{position: absolute; bottom: 50px; padding: 0 50px 0; } .newwrp .mainwrp .txtwrp img{margin: 0 0 20px; width: 45px;} .newwrp .mainwrp .txtwrp h4{color: #1b50b1;font-size: 20px;padding: 0 0 30px;} .newwrp .mainwrp .txtwrp p{ height: 100px; } .newwrp .mainwrp .txtwrp a{text-decoration: underline; } .explorwrp{padding: 50px 0;} .explorwrp .txtwrp{display: block; text-align: center; } .explorwrp .txtwrp p{padding: 20px 0 0;width: 100%;margin: 0 auto;} .explorwrp.align .txtwrp p{text-align: left; margin: 20px 0;} .explorwrp{} .explorwrp .mainwrp{position: relative;height: 330px;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;border: 1px solid #fff;} .explorwrp .mainwrp:hover{background-color: #f7feff;box-shadow: 0 4px 22px rgb(202 202 202 / 25%);border-radius: 10px;border: 1px solid #fdeeee;} .explorwrp .mainwrp:hover .imgwrp img{transform: unset;opacity: 0.5;} .explorwrp .mainwrp .imgwrp{transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; } .explorwrp .mainwrp .imgwrp img{width: 42%;margin: 160px 0 0 202px;transform: scale(0.0);transition: all .2s;} .explorwrp .mainwrp .txtwrp{position: absolute; bottom: 50px; padding: 0 30px 0; } .explorwrp .mainwrp .txtwrp img{margin: 0 0 20px 0; width: 45px;} .explorwrp .mainwrp .txtwrp h4{color: #1b50b1;font-size: 20px;} .explorwrp .mainwrp .txtwrp p{padding: 0; line-height: 24px; } .explorwrp .mainwrp .txtwrp a{display: block; margin: 10px 0 0; } .featurewrp{padding: 120px 0 50px;position: relative;overflow: hidden;background: #f4f8ff;z-index: 1;} .featurewrp.add-size{background: #fff;} .featurewrp:after{content: "";transform: rotateZ( 355deg ) skewX( -50deg ) scaleX(-1);background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%);position: absolute;top: 0;width: 170%;bottom: 0%;height: 90%;left: 91%;transform-origin: 0 100%;z-index: -2;} .featurewrp.aftr:after{height: 123%;width: 178%;} .featurewrp .txtwrp{display: block;text-align: center;padding: 0 0 40px;} .featurewrp .txtwrp h2{color: #fff;} .featurewrp .txtwrp p{padding: 20px 0 0;color: #fff;} .featurewrp .mainwrp{padding: 20px 15px; margin: 0 0 20px; } .featurewrp .mainwrp img{margin: 0 0 10px 0;width: 45px; } .featurewrp .mainwrp h4{color: #fff; font-size: 20px; } .featurewrp .mainwrp p{color: rgba(255,255,255,0.87); font-size: 13px; } .object2 {position: absolute;right: 15%;bottom: -120%;width: 60%;-webkit-transform: translate(-40%, -30%);transform: translate(-40%, -30%);animation-name: spinner5;animation-duration: 15s;animation-iteration-count: infinite;} .main-services-banner-sec {overflow: hidden;padding: 80px 0 240px 0;position: relative;z-index: 9;background-repeat: no-repeat;background-size: cover;height: auto;background-position: center;} .object3 {position: absolute; right: -50%; bottom: -40%; width: 100%; -webkit-transform: translate(-40%, -30%); transform: translate(-40%, -30%); animation-name: spinner5; animation-duration: 15s; animation-iteration-count: infinite; } .main-services-banner-sec .txtwrp{margin: 90px 0 0;} .joinimgwrp{background: #f4f8ff; } .joinimgwrp .txtwrp{padding: 100px 0; } .joinimgwrp .txtwrp p{} .joinimgwrp .txtwrp h2{padding: 0 0 60px; } .joinimgwrp .txtwrp h2:after{content: "";right: 10px;margin: unset;bottom: 30px;} .joinimgwrp .imgwrp{height: 500px; overflow: hidden; margin: 0px 0 0 0; z-index: 0; position: relative; } .joinimgwrp .imgwrp img{width: 100%; } .joinimgwrp-center.joinimgwrp .txtwrp h2:after {margin: auto;} .joinimgwrp.joinimgwrp-center .txtwrp {text-align: center;} .testiwrp{padding: 70px 0;} .testiwrp .txtwrp{display: block; text-align: center; padding: 0 0 70px; } .testiwrp .imgwrp{display: block; text-align: center; } .testiwrp .imgwrp img{width: 70%;margin: 0 auto;filter: drop-shadow(0 0 13px rgba(13,36,98,0.2));border-radius: 13px;} .testiwrp .txtdiv{} .testiwrp .txtdiv p{padding: 0 0 60px;font-size: 19px;font-style: italic;} .testiwrp .txtdiv h6{line-height: 40px; font-weight: 300; font-size: 32px; color: #072654; text-transform: capitalize; padding: 0 0 90px; } .testiwrp .txtdiv h4{font-weight: 600;font-size: 24px;line-height: 26px;color: #072654;padding: 10px 0 0;} .testiwrp .txtdiv span{font-weight: 600; font-size: 16px; line-height: 26px; color: #818598; display: block; } .testiwrp .txtdiv img{margin: 20px 0 0; width: 150px; } .testiwrp .main-testi{display: block; text-align: center; width: 70%; margin: 0 auto; } .testiwrp .main-testi .btmtesti{} .testiwrp .main-testi .btmtesti span i{color: #ffe128; } .testiwrp .main-testi:after{content: "";background-image: url(../images/qut.svg);background-repeat: no-repeat;background-size: cover;position: absolute;width: 140px;height: 100px;top: -20px;filter: invert(1);z-index: -1;left: 0;right: 0;margin: 0 auto;} .buusniswrp{position: relative;overflow: hidden;padding: 60px 0;background: linear-gradient(to right,#eef9fe,#edf7ff);z-index: 1; display:none;} .buusniswrp:after{content: "";width: 205%;height: 9vw;transform: perspective(20vw) rotateY(51deg );position: absolute;z-index: -1;top: 0;background: -webkit-linear-gradient(311.23deg ,#074ab5 21.17%,#0a5bb3 21.18%,#67c1f0 94.74%);} .buusniswrp .txtwrp{} .buusniswrp .txtwrp h2{color: #fff; padding: 0 0 50px; width: 70%; } .buusniswrp .txtwrp h2:after{margin: unset; bottom: 30px; } .buusniswrp .txtwrp p{color: #fff; width: 70%; } .buusniswrp .txtwrp ul{margin: 0; } .buusniswrp .txtwrp ul li{display: inline-block; color: #fff; margin: 0 30px 0 0; position: relative; padding: 0 0 0 22px; } .buusniswrp .txtwrp ul li:after{content: "\f00c";font-family: FontAwesome;left: 0;position: absolute;color: #49dab5;} .buusniswrp .imgwrp{} .buusniswrp .imgwrp img{filter: drop-shadow(0 0 13px rgba(13,36,98,0.2)); width: 100%; } footer{background: linear-gradient(to right,#eef9fe,#edf7ff);padding: 70px 0 20px;} footer .logowrp{} footer .logowrp img{width: 150px; padding: 0px 0 20px;} footer .logowrp p{color: #6f7691; font-size: 13px; } footer .navwrp{ margin: 0px 0 0; } footer .navwrp h4{color: #6f7691; font-size: 17px; } footer .navwrp ul{} footer .navwrp ul li{padding: 0 0 5px; } footer .navwrp ul li a{color: #777;font-size: 13px;} .current-pg{background-color: #171b2f; } .currentwrp{padding: 180px 0px 70px;position: relative;} .currentwrp .txtwrp{} .currentwrp .txtwrp h2{color: #fff; font-size: 40px; font-weight: 600; padding: 0 0 50px; position: relative; } .currentwrp .txtwrp h2:after{content: "";position: absolute;background: #3281ff;width: 30px;height: 3px;bottom: 25px;left: 0;} .currentwrp .txtwrp p{color: rgba(255,255,255,0.6); font-size: 15px; } .currentwrp .txtwrp ul{margin: 15px 0 30px;} .currentwrp .txtwrp ul li{color: #fff;font-size: 14px;font-weight: 300;padding: 0 0 15px 40px;position: relative;} .currentwrp .txtwrp ul li:after{content: "";background-image: url(../images/checklist-tick.svg);position: absolute;width: 23px;height: 100px;background-repeat: no-repeat;left: 0;} .currentwrp .imgwrp{position: relative; } .currentwrp .imgwrp img{position: absolute; width: 52%; right: 0; top: -65px; } .currentwrp .imgwrp.tik img{position: absolute; width: 50%; right: 50px; top: -15px; } .secndwrp{padding: 70px 0; } .secndwrp h2{color: #000;} .secndwrp h2:after{display: none;} .secndwrp ul{margin: 30px 0 0 0; } .secndwrp ul li{color: #fff;font-size: 14px;font-weight: 300;padding: 0 0 15px 40px;position: relative;transition: all 0.3s ease;} .secndwrp ul li:after{content: "";background-image: url(../images/checklist-tick.svg);position: absolute;width: 23px;height: 100px;background-repeat: no-repeat;left: 0;top: 0;} .secndwrp .imgwrp{} .secndwrp .imgwrp img{width: 100%; } .secndwrp .imgwrp.iimg img{top: -25px;} .accotwrpr{padding: 70px 0; } .accotwrpr .txtwrp{display: block; text-align: center; } .accotwrpr .txtwrp h2{color: #fff; padding: 0px 0 20px; margin: 0 0 20px; } .accotwrpr .txtwrp p{color: rgba(255,255,255,0.7); } .accotwrpr .mainwrp{padding: 30px 20px; } .accotwrpr .mainwrp img{margin: 0 0 15px; } .accotwrpr .mainwrp h4{color: #fff; font-size: 22px; padding: 0 0 10px; } .accotwrpr .mainwrp p{color: rgba(255,255,255,0.7); } .accotwrpr .btnwrp{display: block; text-align: center; padding: 20px 0 0; } a.btn-3{background: #382aaf;color: #fff;border-radius: 2px;display: inline-block;font-size: 15px;line-height: 1.6;padding: 10px 20px;position: relative;border: 1px solid #4634e5;font-weight: 600;} a.btn-3 i{margin: 0 20px 0px 30px; color: #fff; z-index: 1; position: relative; font-weight: 300; font-size: 16px; } a.btn-3:after{content: "";background-color: #4634e5;opacity: 1;width: 48px;height: 51px;-webkit-transform: skew( 38deg );-ms-transform: skew(38deg);transform: skew( 38deg );position: absolute;top: -4px;right: 20px;z-index: 0;} .secndwrp .txtdiv{display: block;text-align: center;padding: 0 0 30px;} .secndwrp .txtdiv h2{} .secndwrp .txtdiv p{color: rgba(255,255,255,0.7); } .secndwrp .tabswrp{width: 100%;margin: 0 0 130px;} .secndwrp .tabswrp ul li:after{display: none;} .secndwrp .tabswrp ul{border: 1px solid #1b3567; background: #1b1f3c; box-shadow: 0 4px 24px rgb(0 0 0 / 30%); border-radius: 8px; } .secndwrp .tabswrp ul li{margin: 0 0 0px;border-bottom: 1px solid #2f3db4;padding: 18px 36px;cursor: pointer;position: relative;transition: all 0.3s ease;} .secndwrp .tabswrp ul li.current{background: #20254b;padding: 30px 36px 12px;border-radius: 9px;transition: all 0.3s ease;} .secndwrp .tabswrp ul li.current .maindiv .undrbox{display: block;} .secndwrp .tabswrp ul li .maindiv{transition: all 0.3s ease; } .secndwrp .tabswrp ul li .maindiv h4{color: #fff; font-size: 18px; padding: 0 0 0 6px; } .secndwrp .tabswrp ul li .maindiv h4 img{margin: 0 12px 0 0; } .secndwrp .tabswrp ul li .maindiv .undrbox{border: unset; background: unset; box-shadow: unset; border-radius: unset; min-height: unset; display: none; } .secndwrp .tabswrp ul li .maindiv .undrbox li{color: rgba(255,255,255,0.6); margin: 0; font-size: 14px; border: unset; padding: 0 0 20px 40px; } .secndwrp .tabswrp ul li .maindiv .undrbox li strong{color: #fff; font-weight: bold; } .secndwrp .imgbox{} .secndwrp .imgbox ul{} .secndwrp .imgbox ul li{} .secndwrp .imgbox ul li:after{display: none;} .secndwrp .imgbox ul li img{width: 100%;} .worklogowrp{padding: 70px 0 90px;position: relative;z-index: 2;background: #171b2f;} .worklogowrp .txtwrp{display: block; text-align: center; } .worklogowrp .txtwrp h2{color: #fff; } .worklogowrp .logoswrp{display: block; padding: 30px 0 0; } .worklogowrp .logoswrp ul{margin: 0; } .worklogowrp .logoswrp ul li{display: inline-block; } .worklogowrp .logoswrp ul li img{width: 90%; vertical-align: revert;} .pkgewrpr{padding: 0px 0 70px;background: #fff;position: relative;z-index: 1;} .pkgewrpr:after{content: "";background: #171b2f;position: absolute;width: 100%;height: 30%;top: 0;z-index: -1;} .pkgewrpr .txtwrp{display: block;text-align: center;padding: 0 0 60px;position: relative;z-index: 11;} .pkgewrpr .txtwrp h2{color: #fff; } .pkgewrpr .pkgebox{padding: 32px 34px; background: #fff; box-shadow: 0 4px 20px rgb(0 0 0 / 10%); border-radius: 4px; box-sizing: border-box; position: relative; border-top: 2px solid #ff9f00; } .pkgewrpr.add-padd .pkgebox{height: 600px;} .pkgewrpr .pkgebox .namewrp{border-bottom: 1px solid rgba(30,36,66,0.2); padding: 0 0 10px; } .pkgewrpr .pkgebox .namewrp h2{font-weight: 500; font-size: 28px; line-height: 20px; color: #ff9f00; margin-bottom: 12px; padding: 0; } .pkgewrpr .pkgebox .namewrp h4{font-size: 20px;line-height: 20px;color: rgba(30,36,66,0.7);} .pkgewrpr .pkgebox .pkgedetail{} .pkgewrpr .pkgebox .pkgedetail ul{margin: 20px 0 30px; } .pkgewrpr .pkgebox .pkgedetail ul li{font-size: 14px;line-height: 24px;color: #423f3f;padding: 0 0 8px 25px;position: relative;} .pkgewrpr .pkgebox .pkgedetail ul li:after{content: "";position: absolute;background-image: url(../images/tick.png);width: 30px;height: 23px;background-repeat: no-repeat;background-size: 50%;left: 0;top: 6px;} .pkgewrpr .pkgebox .contwrp{} .pkgewrpr .pkgebox .contwrp h4{font-size: 22px; line-height: 22px; color: #1e2442; margin-bottom: 16px; padding: 0; } .pkgewrpr .pkgebox .contwrp p{font-size: 15px;line-height: 24px;color: rgba(30,36,66,0.7);} .pkgewrpr .pkgebox .btnwrp{display: block; text-align: center; padding: 30px 0 0; } .pkgewrpr .pkgebox .btnwrp a{color: #3281ff; border: 1px solid; padding: 10px 35px; } .pkgewrpr .pkgebox.mian-pkge{position: relative; z-index: 1; } .pkgewrpr .pkgebox.mian-pkge:before{content: "";background-image: url(../images/blue_bg.png);position: absolute;width: 100%;height: 20%;background-repeat: no-repeat;background-size: cover;top: 0;left: 0;z-index: -1;} .pkgewrpr .pkgebox.mian-pkge .namewrp h2{color: #0fd9cc; } .pkgewrpr .pkgebox.mian-pkge .namewrp h4{color: #fff;} .pkgewrpr .pkgebox.mian-pkge .btnwrp a{color: #fff;z-index: 1;position: relative;padding: 10px 65px;} .frequentwrp{padding: 60px 0 140px;position: relative;overflow: hidden;background: #fff;z-index: 1;} .frequentwrp .txtwrp{display: block; text-align: center; padding: 0 0 50px; } .frequentwrp .txtwrp h2{color: #fff; } .frequentwrp .mainwrp{} .frequentwrp .mainwrp ul{border-radius: 8px;margin: 0;padding: 0px 0 0px;box-shadow: -1px -10px 24px rgb(0 0 0 / 16%);} .frequentwrp .mainwrp ul li{color: #fff;font-size: 15px;font-weight: 300;padding: 20px 0 25px 50px;position: relative;width: 100%;} .frequentwrp .mainwrp ul li.current{box-shadow: 2px 2px 4px rgb(0 0 0 / 26%);background: #1a1f3d;border: 0 !important;text-align: left;width: 100%;position: relative;z-index: 3;} .frequentwrp .mainwrp ul li:after{content: "";background: #3281ff;position: absolute;width: 10px;height: 10px;border-radius: 50%;left: 20px;top: 26px;} .frequentwrp .mainwrp ul li:before{content: "\f054 ";position: absolute;font-family: 'FontAwesome';right: 20px;color: #3281ff;} .frequentwrp .maindiv{width: 100%; height: 100%; background: #1d2243; padding: 30px 40px 30px; } .frequentwrp .maindiv h4{color: #fff;font-size: 20px;position: relative;padding: 0 0 30px;} .frequentwrp .maindiv h4:after{content: "";background: #fff;position: absolute;width: 20px;height: 2px;bottom: 15px;left: 0;} .frequentwrp .main-heading.colr{color: #000;} .frequentwrp .maindiv p{color: rgba(255,255,255,0.6); font-weight: 300; line-height: 22px; font-size: 13px; } .frequentwrp:after{content: "";position: absolute;transform: rotateZ( 2deg ) skewX( -50deg ) scaleX(-1);background: #171b2f;height: 5000px;width: 5000px;top: auto;bottom: 0%;left: 84%;transform-origin: 0 100%;z-index: -2;} .bkngwrp{background: #fff; padding: 70px 0; } .bkngwrp .txtwrp{} .bkngwrp .txtwrp h1{color: #000; font-weight: 800; font-size: 62px; } .bkngwrp .txtwrp h2{color: #747682;margin: 0 0 0 50px;font-weight: 500;font-size: 34px;padding: 10px 0 10px;} .bkngwrp .btnwrp{padding: 20px 0 0; } .bkngwrp .btnwrp a{} .bkngwrp .mainwrp{padding: 0 0 0 60px; } .bkngwrp .mainwrp ul{} .bkngwrp .mainwrp ul li{color: #242b4d; font-size: 14px; padding: 0 0 15px; position: relative; } .bkngwrp .mainwrp ul li:after{content: "";background-image: url(../images/footer-pointer.png);position: absolute;width: 100px;height: 100px;background-repeat: no-repeat;background-size: 20%;left: -40px;} .current-pg footer{background: #fff;} .supportwrp{padding: 160px 0 100px;position: relative;z-index: 1;overflow: hidden;} .supportwrp:after{content: "";background: linear-gradient(45deg,#3850b3,#668aff 50%);transform: rotateZ(45deg) skewX(-15deg) skewY(-16deg);left: 97%;top: -13vw;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;border-radius: 1px;box-shadow: 1px 1px 0, 2px 2px 0, 3px 3px 0;z-index: -1;position: absolute;height: 40vw;width: 100vw;} .supportwrp .txtwrp{} .supportwrp .txtwrp h2{font-size: 44px; padding: 0 0 30px; } .supportwrp .txtwrp h2:after{left: 0; margin: unset; bottom: 20px; } .supportwrp .imgwrp{position: relative; } .supportwrp .imgwrp img{width: 145%;position: absolute;top: -10px;left: -20px;} .support-pg header .navwrp ul li a{color: #000;} .supportwrp .mainwrp{padding: 20px 20px;box-shadow: 5px 7px 10px 0 rgb(35 43 48 / 6%);border-radius: 5px;} .supportwrp .mainwrp .imgbox{display: inline-block;padding: 0 10px 0 0;display: block;margin: 0 0 10px;} .supportwrp .mainwrp .imgbox img{width: 50px; } .supportwrp .txtdiv{display: inline-block; vertical-align: top; } .supportwrp .txtdiv h4{color: #102562; font-size: 22px; padding: 0 0 8px; } .supportwrp .txtdiv p{color: #7b8199; } .educationwrp .txtwrp{ width: 70%;} .educationwrp .imgwrp img{width: 165%; position: absolute; top: -110px; left: -140px;} .educationwrp .btnwrp{ padding: 20px 0 0;} .productwrp{padding: 40px 0; } .productwrp .txtwrp{display: block; padding: 0 0 40px; } .productwrp .txtwrp h4{color: #3ec08f; font-size: 22px; } .productwrp .mainwrp{border: 1px solid rgba(0,0,0,0.07); box-shadow: 2px 4px 9px 1px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 4%); padding: 20px 10px; border-radius: 7px; } .productwrp .mainwrp .imgwrp{display: inline-block; } .productwrp .mainwrp .imgwrp img{width: 60px;} .productwrp .mainwrp .txtdiv{display: inline-block; width: 64%; padding: 0 0 0 10px; vertical-align: bottom; } .productwrp .mainwrp .txtdiv p{font-size: 15px; padding: 0; } .productwrp .mainwrp .txtdiv.set-cs{width: 100%;} .productwrp .mainwrp .txtdiv.set-cs h5{font-size: 16px;} .productwrp .mainwrp .txtdiv.set-cs p{font-size: 14px;font-weight: 300;} .freewrp{padding: 70px 0; } .freewrp .txtwrp{text-align: center; display: block; } .freewrp .txtwrp h2{margin: 0 0 20px;} /*====================jml css end======================================*/ /*====================shz css start======================================*/ section.explorwrp.thinkwrp.about {padding: 100px 0 40px;background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%);background-repeat: no-repeat;background-size: cover;} .home-bannerwrp.ecompg{height: 850px; } .clintswrp .imgwrp ul{text-align: center; } .clintswrp .imgwrp ul li{width: 33%; display: inline-block; padding: 20px 0 30px; } .clintswrp .imgwrp ul li img{width: 100px; } .clintswrp .clienttxt ul{text-align: center; } .clintswrp .clienttxt ul li{width: 33%; display: inline-block; padding: 20px 0 30px; } .clintswrp .clienttxt ul li img{width: 95px;/* height: 95px; */background-color: #fff;background-image: url(/assets/about/angels.jpg);background-size: 600px 200px;background-repeat: no-repeat;border-radius: 50%;display: inline-block;} .clintswrp .clienttxt ul .img-set img{width: 200px;display: inline-block;border-radius: unset; } .clintswrp .clienttxt ul li h6{margin: 10px 0 0; } .clintswrp .clienttxt ul li span{} .clintswrp .clienttxt ul li p{margin: 10px 0 0; } .explorwrp.thinkwrp:before{display: none;} .explorwrp.thinkwrp:after{display: none;} .explorwrp.thinkwrp.about .txtwrp h1{color: #fff;} .explorwrp.thinkwrp.about .txtwrp p{color: #fff;} .explorwrp.thinkwrp.about .txtwrp{color: #fff;padding: 50px 0 50px;} .clintswrp ul{} .clintswrp ul li{} .clintswrp ul li img{width: 150px; } .control .txtwrp ul{} .control .txtwrp ul li{} .control .txtwrp ul li{text-align: start;padding: 20px 0 20px 20px;} .control .txtwrp ul li:before{content: "\f00c";font-family: FontAwesome;position: absolute;left: 10px;color: #5590f0;} .control .imgwrp img{width: 100%;} .control .btnwrp{margin: 0px 0 0;} .movement .imgwrp img{width: 80%; /*margin: 30px 0 0px;*/ } .movement.add-size .imgwrp img{width: 100%;margin: 0px 0 0;} .movement .imgwrp.img img{width: 50%;} .movement .imgwrp.img {text-align: center;} .movement:before{content: "";transform: rotateZ(355deg ) skewX(-50deg ) scaleX(-1);background: #010462;position: absolute;top: -1px;width: 175%;bottom: 0%;height: 83%;left: 104%;transform-origin: 0 100%;z-index: -2;} .movement{position: relative; padding: 130px 0 149px; overflow: hidden; background: #f4f8ff; z-index: 1; } .movement.add-size{background: #fff;} .solution .boxwrap{} .solution .boxwrap ul{} .solution .boxwrap ul li{margin: 20px 10px 0;display: inline-block;width: 100%;} .solution .boxwrap ul li .imgwrp img{width: 100%;} .solution .boxwrap ul li .txtwrp{text-align: center;padding: 10px 20px 20px 20px;} .solution .boxwrap ul li .txtwrp h6{margin: 20px 0 0; font-size: 17px; } .solution .boxwrap ul li .txtwrp p{ padding: 20px 0 0; width: 100%; margin: 0 auto; } .solution .boxwrap ul button{} .handlewrp .business{display: flex;margin: 20px 0 0;border: 1px solid #e0e0e0;} .handlewrp .business .imgwrp{display: inline-block; } .handlewrp .business .imgwrp.vvv img{width: 100%;} /*.handlewrp .business .imgwrp img{height: 172px;width: 272px;}*/ .handlewrp .business.ddd .imgwrp img{width: 300px;} .handlewrp .business.ddd .imgwrp.sss img{width: 300px;} .movement.handlewrp .business .txtwrp{text-align: start;background: #0a1458;padding: 18px;width: 48%;display: inline-block;margin: 0px 0 0;} .movement.handlewrp .business .txtwrp.ccc{width: 418px;} .movement.handlewrp .business .txtwrp.ppp{width: 418px;padding: 7px 15px;} .movement.handlewrp .business .txtwrp h6{padding: 0; margin: 0px 0px 0px; color: #fff; } .movement.handlewrp .business .txtwrp p{color: #fff; } .movement.handlewrp .txtwrp.qutation p{position: relative;color: #fff;z-index: 9;font-size: 16px;} .movement.handlewrp .txtwrp.qutation:after{content: '\f10d';position: absolute;font-family: FontAwesome;top: -90px;left: 10px;font-size: 88px;color: #092974bf;} .movement.handlewrp .txtwrp.qutation p span{color: #fff; font-size: 18px; } .movement.handlewrp .txtwrp h2{color: #fff;} .movement.handlewrp .txtwrp p{color: #fff;} .movement.handlewrp .txtwrp.qutation{text-align: start;} .handlewrp .business .imgwrp.css img{width: 100%;} .movement .txtwrp h2{color: #fff;padding: 30px 0;} .movement .txtwrp .hh2{width: 76%;font-size: 27px;margin-top: 50px;} .movement .txtwrp .pp2{width: 74%;line-height: 22px;} .handlewrp .btnwrp{margin: 40px 0 0; } .handlewrp .business .txtwrp{text-align: start; background: #ffffff; padding: 18px; width: 48%; display: inline-block; margin: 0px 0 0; } .handlewrp .business .txtwrp h6{padding: 0; margin: 0px 0px 0px; color: #000; } .handlewrp .business .txtwrp p{color: #000; } .handlewrp .txtwrp.qutation p{position: relative; color: #000;font-size: 16px; } .handlewrp .txtwrp.qutation:after{content: '\f10d';position: absolute;font-family: FontAwesome;top: -90px;left: 20px;font-size: 88px;color: #092974bf;} .handlewrp .txtwrp.qutation p span{color: #000; font-size: 18px; } /*.handlewrp .txtwrp h2{/* color: #000; */}*/ .handlewrp .txtwrp p{color: #000;} .handlewrp .txtwrp.qutation{text-align: start;width: 80%;} .expwrp .boxwrap ul{} .expwrp .txtwrp p{color: #fff;} .expwrp .boxwrap .txtwrp p{color: #fff;} .expwrp .boxwrap ul li{display: inline-block;width: 33%;margin: 20px 0 0;text-align: center;} .expwrp .boxwrap .imgwrp{} .expwrp .boxwrap .imgwrp img{width: 250px;height: 155px;object-fit: cover; } .expwrp .boxwrap .txtwrp{text-align: start;background: #422fbb;width: 68%;padding: 10px;margin: 0 58px 0;} .expwrp .boxwrap .txtwrp h6{color: #fff;font-size: 18px;} .expwrp .boxwrap .txtwrp h6 p{} .expwrp .txtwrp h2{color: #fff;} .expwrp .btnwrp{text-align: center; margin: 50px 0 0; } .ecomwrp .txtwrp{} .ecomwrp .txtwrp p{color: #000;} .ecomwrp .boxwrap{} .ecomwrp .boxwrap ul{} .ecomwrp .boxwrap ul li{display: inline-block;width: 30%;padding: 20px;box-shadow: 2px 4px 9px 1px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 4%);max-width: 376px;border: 1px solid rgba(0,0,0,0.07);transition: .2s transform,.2s box-shadow;margin: 60px 17px 0;position: relative;} .ecomwrp .boxwrap ul li .txtwrp img{width: 90px; margin: -70px 0 0; position: absolute; top: 20px; left: 12px; } .ecomwrp .boxwrap ul li:hover{ transform: translateY(-4px); box-shadow: 6px 9px 13px rgb(0 0 0 / 9%); -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px);} .ecomwrp .boxwrap ul li .txtwrp a:after{content: '';position: absolute; background: url(../images/pl.svg); top: 0; left: 0; width: 90px; z-index: 2;} .customerwrp .boxwrap{} .customerwrp .boxwrap ul{} .customerwrp .boxwrap ul li .txtwrp{height: 200px;} .customerwrp .boxwrap ul li{border: 1px solid rgba(0,0,0,0.03);box-shadow: 2px 4px 9px 1px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 4%);margin: 30px 10px 0;display: inline-block;width: 48%; /*height: 300px;*/} .customerwrp .boxwrap ul li .txtwrp{text-align: left; padding: 11px; } .customerwrp .boxwrap ul li h6{font-size: 16px; margin: 20px 0 0px; } .customerwrp .boxwrap ul li p{padding: 10px 0px 0 0px; } .customerwrp .boxwrap ul li .imgwrp.define{padding: 10px; display: flex; } .customerwrp .boxwrap ul li .imgwrp.define img{} .customerwrp .boxwrap ul li .imgwrp.define h6{padding-left: 16px; } .customerwrp .boxwrap ul li .imgwrp.define p{margin: 0 0 0 15px;padding: 0;} .definewrp{display: inline-block; border-left: 2px solid rgba(151,151,151,0.3); } .definewrp p{} .home-bannerwrp.capital{height: 910px;.businesswrp} .tapping .boxwrap{} .tapping .boxwrap ul{ text-align: center; } .tapping .boxwrap ul li{width: 22%;background: linear-gradient(40.15deg ,#0084bd -18.71%,#5e28f4 122.94%);padding: 20px;border-top: 5px solid #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;display: inline-block;margin: -180px 30px 0 0;position: relative;z-index: 1;transition: .4s ease;} .tapping .boxwrap ul li:hover{-webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); -webkit-transition: .4s ease; transition: .4s ease;} .tapping .boxwrap ul li .imgwrp img{width: 60px;} .tapping .boxwrap ul li .txtwrp{} .tapping .boxwrap ul li .txtwrp h4{font-size: 24px; margin: 10px 0 0px; color: #fff; } .tapping .boxwrap ul li .txtwrp p{color: #fff; } .tapping .boxwrap ul li .txtwrp a{color: #fff; } .businesswrp{padding: 70px 0 0px;} .businesswrp .ducumentwrp ul{} .businesswrp .ducumentwrp ul li img{width: 100%;} .businesswrp .ducumentwrp ul li{display: flex; align-items: center; margin: 0px 0 10px; } .businesswrp .ducumentwrp ul li .txtwrp{} .businesswrp .ducumentwrp ul li .txtwrp span{ font-weight: 500;} .businesswrp .ducumentwrp ul li .txtwrp p{padding: 0; margin: 0 10px 0px; } .businesswrp .txtwrp h2:after{content: '';position: absolute;background: #4634e5;width: 40px;height: 4px;bottom: -5px;left: 0;right: 500px;margin: 0 auto;} .businesswrp .txtwrp p{margin: 10px 0 0; } .movement.sattlementwrp .txtwrp p{color: #fff;margin: 30px 0 20px;} .sattlementwrp .demandwrp{} .sattlementwrp .imgwrp.image-set img{width: 90%;position: relative;top: -50px;left: 15px;} .sattlementwrp .demandwrp ul{} .sattlementwrp .demandwrp ul li{} .movement.sattlementwrp .demandwrp ul li p span{font-weight: 500; display: block; margin: 0 0 10px; font-size: 18px; color: #fff; } .movement.sattlementwrp .demandwrp ul li p{color: #fff; } .sattlementwrp .demandwrp ul li p span{font-weight: 500; display: block; margin: 0 0 10px; font-size: 18px; } .sattlementwrp .demandwrp ul li p{} .partnerwrp .clientwrp{} .partnerwrp .clientwrp ul{} .partnerwrp .clientwrp ul li{display: inline-block; margin: 30px 39px 0; } .partnerwrp .clientwrp ul li img{} .onlinewrp .boxwrp{} .onlinewrp .boxwrp ul{margin: 50px 0 0; } .onlinewrp .boxwrp .mr{margin: 10px 0 0; } .onlinewrp .boxwrp ul li{border: 1px solid rgba(0,0,0,0.07); box-shadow: 2px 4px 9px 1px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 4%); padding: 24px 32px; } .onlinewrp .boxwrp ul li .txtwrp{text-align: start; } .onlinewrp .imgwrp img{width: 100%;} .onlinewrp .imgwrp.img img{padding: 40px 0 0;} .i-icon-stack:before {content: "\ea2d"; } .onlinewrp .txtwrp.qutation{} .onlinewrp .txtwrp.qutation p{text-align: start; } .onlinewrp .txtwrp.qutation span{text-align: start; display: block; border-bottom: 1px solid #ebebeb; padding: 10px 0 30px; color: #000; font-size: 16px; } .onlinewrp .imgwrp.quote img{width: 100px; margin: 30px 0 -30px; } .onlinewrp .boxwrp ul .addd{box-shadow: none;background: #fafcff;padding: 20px 20px;} .onlinewrp .boxwrp ul li .txtwrp .h4{font-size: 20px;font-weight: 600;} .onlinewrp .boxwrp ul li .txtwrp .pr{padding: 10px 0;color: #7b8199;} .onlinewrp .txtwrp.qutation .pp{font-weight: 300;line-height: 25px;padding-top: 40px;} .onlinewrp .txtwrp h5{text-align: left;font-size: 20px;} .onlinewrp .txtwrp .main-pera.ppp{width: 44%;text-align: left;font-size: 15px;} .onlinewrp .boxwrp ul .pd{padding: 25px 30px;box-shadow: none;} .onlinewrp .boxwrp ul .pd .txtwrp h4{font-size: 16px;font-weight: 600;padding-bottom: 0;} .movement.onlinewrp .boxwrp{} .movement.onlinewrp .boxwrp ul{margin: 50px 0 0; } .movement.onlinewrp .boxwrp ul li{border: 1px solid rgba(0,0,0,0.07);box-shadow: 2px 4px 9px 1px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 4%);padding: 24px 32px;background: #fff;} .movement.onlinewrp .boxwrp ul li .txtwrp{text-align: start; } .movement.onlinewrp .imgwrp img{width: 100%;} .i-icon-stack:before {content: "\ea2d"; } .movement.onlinewrp .txtwrp.qutation{margin: 0px 0 40px;} .movement.onlinewrp .txtwrp.qutation p{text-align: start;color: #fff;} .movement.onlinewrp .txtwrp.qutation span{text-align: start;display: block;border-bottom: 1px solid #ebebeb;padding: 10px 0 30px;color: #fff;font-size: 16px;} .movement.onlinewrp .imgwrp.quote img{width: 100px; margin: 30px 0 -30px; } .movement.onlinewrp .txtwrp.clr-white p{color: #fff;} .txtwrp.left{text-align: left;} .txtwrp.left h2{display: inline-block;width: 50%;font-size: 38px;font-weight: 500;} .txtwrp.left .main-heading::after{display: none;} .businesswrp.onlinewrp .txtwrp.clr-white{text-align: start; } .com.frequentwrp{padding: 60px 0 140px;position: relative;overflow: hidden;background: #fff;z-index: 1;} .com.frequentwrp .txtwrp{display: block; text-align: center; padding: 0 0 50px; } .com.frequentwrp .txtwrp h2{color: #fff; } .com.frequentwrp .txtwrp.colr h2{color: #000; } .com.frequentwrp .mainwrp{} .com.frequentwrp .mainwrp ul{border-radius: 8px;margin: 0;padding: 0px 0 0px;box-shadow: -1px -10px 24px rgb(0 0 0 / 16%);} .com.frequentwrp .mainwrp ul li{color: #fff;font-size: 15px;font-weight: 300;padding: 20px 40px 25px 50px;position: relative;width: 100%;color: #000;} .com.frequentwrp .mainwrp ul li.current{box-shadow: 2px 2px 4px rgb(0 0 0 / 26%);background: #ffffff;border: 0 !important;text-align: left;width: 100%;position: relative;z-index: 3;color: #000;} .com.frequentwrp .mainwrp ul li:after{content: "";background: #3281ff;position: absolute;width: 10px;height: 10px;border-radius: 50%;left: 20px;top: 26px;} .com.frequentwrp .mainwrp ul li:before{content: "\f054 ";position: absolute;font-family: 'FontAwesome';right: 20px;color: #3281ff;} .com.frequentwrp .maindiv{width: 100%;height: 100%;padding: 30px 40px 30px;box-shadow: 0 0 8px rgb(0 0 0 / 6%);background: #fafbff;border: 1px solid #e4eeff;} .com.frequentwrp .maindiv h4{color: #000;font-size: 20px;position: relative;padding: 0 0 30px;} .com.frequentwrp .maindiv h4:after{content: "";background: #fff;position: absolute;width: 20px;height: 2px;bottom: 15px;left: 0;} .com.frequentwrp .maindiv p{color: rgb(0 0 0 / 81%);font-weight: 300;line-height: 22px;font-size: 13px;} .com.frequentwrp:after{content: "";position: absolute;transform: rotateZ(2deg ) skewX(-50deg ) scaleX(-1);background: #ffffff;height: 5000px;width: 5000px;top: auto;bottom: 0%;left: 84%;transform-origin: 0 100%;z-index: -2;} .buusniswrp .btnwrp{ margin: 30px 0 0; } /*====================shz css end======================================*/ /*====================bil css start======================================*/ .main-banner{text-align: center;color: white;padding: 100px 0;} .main-banner{background: #03299c;padding: 100px 0 55px;display: block;text-align: center;} .main-banner h2{color: white;} .content-1{padding-top: 40px; padding-bottom: 40px; background: #f6f7fa;text-align: center;} .content-1 .con-txt{text-align: center;} .content-1 .con-txt h2{font-size: 24px;color: #3ec08f;letter-spacing: .5px;} .content-1 .object{display: inline-block; width: 260px; border: 1px solid #e6e7e9; margin: 20px;line-height: 48px; background: #fff; border-radius: 4px;} .content-1 .object .iconic{text-align: center;} .content-1 .object .iconic{margin: 20px;height: 60px; font-size: 60px; line-height: 60px; display: block; margin: 20px;} .content-1 .object .iconic img{width: 60px;} .content-1 .object .ob-txt{text-align: center;border-top: 1px solid #eee;} .content-1 .object .ob-btn{border-top: 1px solid #eee;} .content-1 .object .ob-btn .btn-a{color: #515978; width: 50%;float: left;text-align: center;background: #f8fbfd;} .content-1 .object .ob-btn .btn-a +.btn-a{border-left: 1px solid #eee;} .content-1 .object .ob-btn .btn-a:first-child:last-child{width: 100%;} .main-heading.dnone::after{display: none;} .content-2{padding-top: 40px; padding-bottom: 40px;text-align: center;} .content-2 .con-txt{text-align: center;} .content-2 .con-txt h2{font-size: 24px;color: #3ec08f;letter-spacing: .5px;} .content-2 .object{display: inline-block; width: 260px; border: 1px solid #e6e7e9; margin: 20px;line-height: 48px; background: #fff; border-radius: 4px;} .content-2 .object .iconic{text-align: center;} .content-2 .object .iconic{margin: 20px;height: 60px; font-size: 60px; line-height: 60px; display: block; margin: 20px;} .content-2 .object .iconic img{width: 60px;} .content-2 .object .ob-txt{text-align: center;border-top: 1px solid #eee;} .content-2 .object .ob-btn{border-top: 1px solid #eee;} .content-2 .object .ob-btn .btn-a{color: #515978; width: 50%;float: left;text-align: center;background: #f8fbfd;} .content-2 .object .ob-btn .btn-a +.btn-a{border-left: 1px solid #eee;} .content-2 .object .ob-btn .btn-a:first-child:last-child{width: 100%;} .content-3{padding-top: 40px; padding-bottom: 40px;background: #f6f7fa;text-align: center;} .content-3 .con-txt{text-align: center;} .content-3 .con-txt h2{font-size: 24px;color: #3ec08f;letter-spacing: .5px;} .content-3 .object{display: inline-block; width: 260px; border: 1px solid #e6e7e9; margin: 20px;line-height: 48px; background: #fff; border-radius: 4px;} .content-3 .object .iconic{text-align: center;} .content-3 .object .iconic{margin: 20px;height: 60px; font-size: 60px; line-height: 60px; display: block; margin: 20px;} .content-3 .object .iconic img{width: 60px;} .content-3 .object .ob-txt{text-align: center;border-top: 1px solid #eee;} .content-3 .object .ob-btn{border-top: 1px solid #eee;} .content-3 .object .ob-btn .btn-a{color: #515978; width: 50%;float: left;text-align: center;background: #f8fbfd;} .content-3 .object .ob-btn .btn-a +.btn-a{border-left: 1px solid #eee;} .content-3 .object .ob-btn .btn-a:first-child:last-child{width: 100%;} .content-4{padding-top: 40px; padding-bottom: 40px;text-align: center;} .content-4 .con-txt{text-align: center;} .content-4 .con-txt h2{font-size: 24px;color: #3ec08f;letter-spacing: .5px;} .content-4 .object{display: inline-block; width: 260px; border: 1px solid #e6e7e9; margin: 20px;line-height: 48px; background: #fff; border-radius: 4px;} .content-4 .object .iconic{text-align: center;} .content-4 .object .iconic{margin: 20px;height: 60px; font-size: 60px; line-height: 60px; display: block; margin: 20px;} .content-4 .object .iconic img{width: 50px;} .content-4 .object .ob-txt{text-align: center;border-top: 1px solid #eee;} .content-4 .object .ob-btn{border-top: 1px solid #eee;} .content-4 .object .ob-btn .btn-a{color: #515978; width: 50%;float: left;text-align: center;background: #f8fbfd;} .content-4 .object .ob-btn .btn-a +.btn-a{border-left: 1px solid #eee;} .content-4 .object .ob-btn .btn-a:first-child:last-child{width: 100%;} .content-5{padding-top: 40px; padding-bottom: 40px;background: #f6f7fa;text-align: center;} .content-5 .con-txt{text-align: center;} .content-5 .con-txt h2{font-size: 24px;color: #3ec08f;letter-spacing: .5px;} .content-5 .object{display: inline-block; width: 260px; border: 1px solid #e6e7e9; margin: 20px;line-height: 48px; background: #fff; border-radius: 4px;} .content-5 .object .iconic{text-align: center;} .content-5 .object .iconic{margin: 20px;height: 60px; font-size: 60px; line-height: 60px; display: block; margin: 20px;} .content-5 .object .iconic img{width: 65px;} .content-5 .object .ob-txt{text-align: center;border-top: 1px solid #eee;} .content-5 .object .ob-btn{border-top: 1px solid #eee;} .content-5 .object .ob-btn .btn-a{color: #515978; width: 50%;float: left;text-align: center;background: #f8fbfd;} .content-5 .object .ob-btn .btn-a +.btn-a{border-left: 1px solid #eee;} .content-5 .object .ob-btn .btn-a:first-child:last-child{width: 100%;} .content-6{padding-top: 40px; padding-bottom: 40px;text-align: center;} .content-6 .con-txt{text-align: center;} .content-6 .con-txt h2{font-size: 24px;color: #3ec08f;letter-spacing: .5px;} .content-6 .object{display: inline-block; width: 260px; border: 1px solid #e6e7e9; margin: 20px;line-height: 48px; background: #fff; border-radius: 4px;} .content-6 .object .iconic{text-align: center;} .content-6 .object .iconic{margin: 20px;height: 60px; font-size: 60px; line-height: 60px; display: block; margin: 20px;} .content-6 .object .iconic img{width: 70px;} .content-6 .object .ob-txt{text-align: center;border-top: 1px solid #eee;} .content-6 .object .ob-btn{border-top: 1px solid #eee;} .content-6 .object .ob-btn .btn-a{color: #515978; width: 50%;float: left;text-align: center;background: #f8fbfd;} .content-6 .object .ob-btn .btn-a +.btn-a{border-left: 1px solid #eee;} .content-6 .object .ob-btn .btn-a:first-child:last-child{width: 100%;} .para-para{padding: 35px 0;} /*//////////////////////////////////////////////*/ /*//////////////card-1///////////////////////*/ .price-content .card-1{border: 1px solid #528ff0;padding: 32px 40px;background: #f4f8ff;margin: 77px 0;} .price-content .card-1 .imgwrp{text-align: center;} .price-content .card-1 .imgwrp img{width: 100%;} .price-content .card-1 .cont-txt{text-align: center;} .price-content .card-1 .cont-txt .head-5{color: #528ff0;} /*///////////////card-2///////////////*/ .price-content .card-2{padding: 32px 40px;margin-top: 150px;background: white;} .price-content .card-2 .imgwrp{text-align: center;} .price-content .card-2 .imgwrp img{width: 60%;} .price-content .card-2 .cont-txt{text-align: center;} .price-content .card-2 .cont-txt .head-5{color: #528ff0;} .price-content .card-2 .cont-txt span:nth-child(3){display: block;margin-top: 50px;} .price-content .card-2 .cont-txt p{width: 75%; margin: 25px auto;} .price-content .card-2 .cont-txt .btnwrp{padding-bottom: 20px;} .price-content .card-2 .cont-txt .btnwrp .btn-0{color: #5590f0;border: 1px solid #5590f0; padding: 10px 15px; border-radius: 3px;} .price-content .card-2 .cont-txt .btnwrp .btn-0:hover{color: #1f66d6;} /*///////////////card-3///////////////*/ .price-content .card-3{padding: 32px 30px;margin: 110px -40px;border: 1px solid #5590f0;background-color: white;z-index: 9999;position: relative;} .price-content .card-3 .cont-txt{} .price-content .card-3 .cont-txt .head-5{font-size: 70px;display: inline-block;} .price-content .card-3 .cont-txt .head-5 span{font-size: 20px; vertical-align: text-top;} .price-content .card-3 .cont-txt p{line-height: 25px; border-left: 1px solid #5590f0; display: inline-block; width: 72%; padding-left: 20px; padding-top: 10px; margin-left: 45px;} .price-content .card-3 .cont-txt p:nth-child(3){border: none;display: inline-block;width: 100%;margin: 15px 0 0 0;padding: 0;font-size: 13px;line-height: 25px;} .one-time{font-size: 16px;margin-top: 20px;font-weight: 600;} .rate{font-size: 20px;margin-top: 15px;} .annual{font-size: 16px;margin-top: 20px;font-weight: 600;} .price{font-size: 20px;margin-top: 15px;} .mar-gin{margin-top: -410px} /*////////////////card-4//////////////////*/ .price-content .card-4 .cont-txt .head-5{color: #5f6c7d;font-size: 18px;} .price-content .card-4{border-top: 1px solid #e3eaf1;padding: 32px 64px; background-color: #fafbfc;position: relative;left: 0;z-index: -1;box-shadow: 1px 1px 6px 0px #00000038} .price-content .card-4 ul{} .price-content .card-4 ul li{list-style: disc;line-height: 35px;font-size: 16px;font-weight: 300;} .price-content .card-4 .cont-txt .head-5{color: #5f6c7d;;} /*/////////////////card-5/////////////////*/ .m-gin{margin-top: -389px;} .price-content .card-5 .cont-txt .head-5{color: #5f6c7d;font-size: 18px;} .price-content .card-5{border: 1px solid #9cc2fd;margin: 53px 0;border-top: none;background: #f4f8ff;padding: 35px 40px 60px;} .price-content .card-5 ul{} .price-content .card-5 ul li{list-style: disc;line-height: 35px;font-size: 16px;font-weight: 300;} .price-content .card-5 .head2{text-align: center;padding-top: 30px; font-size: 16px;font-weight: 500;} .price-content .card-5 .btnwrp{padding: 35px 0 0 0;text-align: center;font-size: 16px;} .price-content .card-5 .btnwrp .btn-1{color: #fff;padding: 13px 30px;} .price-content .card-5 .btnwrp .btn-1:hover{background-color: #0a6feb;transition: 0.3s;} .price-content .card-5 .btnwrp span{display: block;margin-top: 30px;} .product-card .pcard-1{transition: all 0.2s ease 0s; border-radius: 4px; border: 1px solid rgba(0,0,0,0.07);height: 230px; padding: 24px 32px;background: #fff;margin-top: 20px;box-shadow: 4px 4px 13px -10px #00000061;} .product-card .txtwrp{padding-bottom: 40px;} .product-card .pcard-1 .imgwrp{display: inline;} .product-card .pcard-1 .imgwrp img{width: 30px;vertical-align: text-bottom;} .product-card .pcard-1 .head-5{display: inline-block;width: 90%;margin-left: 5px; font-size: 18px;color: #528ff0;} .product-card .pcard-1 .para{font-size: 15px;width: 97%; line-height: 24px;} .product-card .pcard-1 a{color: #528ff0;font-size: 16px;} .product-card .pcard-1:hover{box-shadow: 18px 17px 15px -15px #00000061;transform: translateY(-4px);transition: all 0.4s ease 0s;} .price-content .txtwrp h2{color: #3ec08f;} .add-featurewrp::before{content: "";transform: rotateZ( 355deg) skewX( 316deg) scaleX(-1);background: #2173C6;position: absolute;top: 250px;width: 156%;bottom: 0%;height: 38%;left: 91%;transform-origin: 0 100%;z-index: -2;} .add-featurewrp{background-color: #fff;padding: 130px 0 10px;position: relative;z-index: 0;overflow: hidden;} /*//////////////////////////////////////////////////////////////*/ .home-bannerwrp.add-home .txtwrp{} .home-bannerwrp.add-home .txtwrp h1{color: #fff;font-size: 40px;line-height: 50px;} .home-bannerwrp.add-home .txtwrp .txt span{display: block; color: #50dce4;font-size: 40px;} /*///////////////////*/ .benefit-txt{height: 200px;margin-left: 120px;margin-top: 50px;} .benefit-txt .imgwrp img{width: 60px;} .benefit-txt h4{word-spacing: 2px; color: #0d2462; font-weight: 600; font-size: 20px;margin-top: 8px} .benefit-txt p{font-weight: 300; width: 67%; font-size: 16px; line-height: 24px;} /*//////////////////////////*/ .marketing{} .marketing .mark-video{background:url(../images/v-img.webp);margin-bottom: 30px; border: 1px solid #2eb8b8;cursor: pointer; background-size: cover;background-repeat: no-repeat;background-position: center;width: 90%;height: 300px;position: relative;} .marketing .mark-video .you-icon{position: relative; top: 45%; left: 45%;display: inline-block;z-index: 0;} .marketing .mark-video .you-icon img{width: 70px;filter: grayscale(1);opacity: 0.7;} .marketing .mark-video:hover .you-icon::before{content: ""; background: url(../images/v-logo.png); width: 70px; height: 50px; position: absolute; left: 0px; top: 0; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover;} .marketing .mark-video .watermark{} .marketing .mark-video .watermark img{width: 100px; position: absolute; right: 10px; bottom: -10px; filter: contrast(0.5);} .marketing span{color: white;font-size: 16px;} .marketing .btnwrp{display: inline-block;} .marketing .btnwrp .btn-1{color: white;margin-left: 60px;} .mark-cont .txt h4{font-size: 35px;color: white;margin-bottom: 70px;} .mark-cont .txt span{color: #4ad4c3;font-size: 24px;font-weight: bold;} .mark-cont .txt .list{} .mark-cont .txt .list ul{margin-top: 10px;margin-left: 23px;} .mark-cont .txt .list ul li{font-size: 16px;color: white;list-style: disc;line-height: 30px;} .mark-cont .txt .list ul li::marker{color: #326ece;} .img-sec{} .img-sec .txtwrp h1{font-size: 33px;color: #3ec08f;} .img-sec .imgwrp img{width: 70%;margin: 0 170px;} .home-bannerwrp.add-main{height: 800px;} .add-main::before;{content: ""; transform: rotateZ(6deg ) skewX(-50deg ) scaleX(-1); background: linear-gradient(45deg ,#3ec08f,#3ec08f 50%); position: absolute; height: 5000px; width: 5000px; top: auto; bottom: 0%; left: 93%; transform-origin: 0 100%; z-index: -2;} .my-hold .txtwrp h2{color: white;font-weight: 500;} .my-hold .all{margin: -10px 0 -15px; height: 473px; display: flex;border-top: 3px solid #4ad3c3;margin-top: 40px;border-left: 3px solid #4ad3c3;border-right: 3px solid #4ad3c3;border-bottom: 10px solid #4ad3c3;border-radius: 6px;} .my-hold .sec-1{padding: 50px 20px;} .my-hold .sec-1 h4{color: white;display: inline-block;width: 81%; color: #4ad3c3;} .my-hold .sec-1 .sec-icon{display: inline-block;width: 16%;text-align: end;} .my-hold .sec-1 p{color: white;font-size: 16px;width: 85%;margin-top: 30px;} .my-hold .sec-1 .list{margin-left: 18px;padding-bottom: 22px;} .my-hold .sec-1 ul{} .my-hold .sec-1 ul li{color: white;list-style: disc;line-height: 25px;} .my-hold .sec-1 ul li::marker{color: #326ece;} .my-hold .sec-1 h6{border-top: 1px solid #326ece;padding-top: 15px;color: #4ad3c3;font-size: 16px;} .my-hold .sec-1 span{display: inline-block;width: 90%;font-size: 12px;color: white;} .my-hold .sec-2{padding: 50px 20px;background: #171e89;} .my-hold .sec-2 h4{color: white;display: inline;color: #4ad3c3;} .my-hold .sec-2 .sec-icon{display: inline-block;width: 16%;text-align: end;} .my-hold .sec-2 p{color: white;font-size: 16px;width: 85%;margin-top: 30px;} .my-hold .sec-2 .list{margin-left: 18px;} .my-hold .sec-2 ul{} .my-hold .sec-2 ul li{color: white;list-style: disc;line-height: 25px;} .my-hold .sec-2 ul li::marker{color: #326ece;} .my-hold .sec-2 h6{border-top: 1px solid #326ece;padding-top: 15px;color: #4ad3c3;font-size: 16px;} .my-hold .sec-2 span{display: inline-block;width: 90%;font-size: 12px;color: white;} .my-hold .sec-3{padding: 50px 20px;} .my-hold .sec-3 h4{color: white;display: inline-block;width: 82%; color: #4ad3c3;} .my-hold .sec-3 .sec-icon{display: inline-block;width: 16%;text-align: end;} .my-hold .sec-3 p{color: white;font-size: 16px;width: 85%;margin-top: 30px;} .my-hold .sec-3 .list{margin-left: 18px;} .my-hold .sec-3 ul{} .my-hold .sec-3 ul li{color: white;list-style: disc;line-height: 25px;} .my-hold .sec-3 ul li::marker{color: #326ece;} .my-hold .sec-3 h6{border-top: 1px solid #326ece;padding-top: 15px;color: #4ad3c3;font-size: 16px;} .my-hold .sec-3 span{display: inline-block;width: 90%;font-size: 12px;color: white;} .my-hold .btn-txt{display: inline-block;text-align: center;width: 100%;padding: 25px 0;} .my-hold .btn-txt span{color: white;font-size: 16px;} .my-hold .btn-txt .btnwrp{display: inline-block;} .my-hold .btn-txt .btnwrp .btn-1{color: white;} .on-board{} .on-board .connect1{} .on-board .connect1 span{font-size: 50px;color: white;background-color: #8cc7fa;padding: 13px 27px;border-radius: 55px;} .on-board .connect1 span::after{content: "";background-color: #8cc7fa75;width: 100px;height: 94px;border-radius: 50px;position: absolute;left: 6px;top: 0;z-index: -2;margin-top: -10px;} .on-board .connect1 h5{margin-top: 20px;font-weight: 600;} .on-board .connect1 p{margin-top: 20px;line-height: 25px;} .on-board{} .on-board .connect2{} .on-board .connect2 span{font-size: 50px;color: white;background-color: #8cc7fa;border-radius: 55px;padding: 13px 27px;} .on-board .connect2 span::after{content: "";background-color: #8cc7fa75;width: 100px;height: 95px;border-radius: 50px;position: absolute;left: 6px;top: 0;z-index: -2;margin-top: -10px;} .on-board .connect2 h5{margin-top: 20px;font-weight: 600;} .on-board .connect2 p{margin-top: 20px;line-height: 25px;} .on-board{} .on-board .connect3{} .on-board .connect3 span{font-size: 50px;color: white;background-color: #8cc7fa;border-radius: 55px;padding: 13px 27px;} .on-board .connect3 span::after{content: "";background-color: #8cc7fa75;width: 100px;height: 95px;border-radius: 50px;position: absolute;left: 5px;top: 0;z-index: -2;margin-top: -10px;} .on-board .connect3 h5{margin-top: 20px;font-weight: 600;} .on-board .connect3 p{margin-top: 20px;line-height: 25px;} .on-board{} .on-board .txtwrp h2{margin-bottom: 50px;} .on-board .connect4{} .on-board .connect4 span{font-size: 50px;color: white;background-color: #8cc7fa;border-radius: 55px;padding: 13px 27px;} .on-board .connect4 span::after{content: "";background-color: #8cc7fa75;width: 100px;height: 95px;border-radius: 50px;position: absolute;left: 5px;top: 0;z-index: -2;margin-top: -10px;} .on-board .connect4 h5{margin-top: 20px;font-weight: 600;} .on-board .connect4 p{margin-top: 20px;line-height: 25px;} .on-board .btnwrp{display: inline-block;width: 100%;text-align: center;padding-top: 20px;} /*/////////////////////////////////////*/ .resourse{} .resourse .card-1{box-shadow: 4px 4px 10px -3px #0000006e;margin-top: 50px;height: 300px;} .resourse .card-img{position: relative;} .resourse .card-img img{width: 100%;} .resourse .card-img span{position: absolute;bottom: 0;left: 0;z-index: 0;background-color: white;padding: 10px 10px;margin: 10px 10px;border-radius: 6px;} .resourse .card-1 p{color: #3ec08f;padding: 15px 20px; font-size: 18px;font-weight: 600;width: 86%; line-height: 27px;margin: 10px 0;} /*====================bil css end======================================*/ /*///////////////////tab index//////////////////////*/ .tabs{display: none !important;} .tabs.current{display: block !important;text-align: left;} .onlinewrp .boxwrp ul .current{background-color:#f1f7ff63;} .header-white .header-main a{ color: #000; } .header-white .header-main .btn-1{ color: #fff; background: #5590f0; border: 1px solid #5590f0; } .header-white .header-main .btn-2{ color: #5590f0; } section.explorwrp.align { padding: 0px 0; } .header-main .logowrp a .logo-dark{ display: none; } .header-main .logowrp a .logo-white{ display: block; } .header-main.showmenu .logowrp a .logo-white{ display: none; } .header-main.showmenu .logowrp a .logo-dark{ display: block; } .header-white .header-main .logowrp a .logo-dark{ display: block; } .header-white .header-main .logowrp a .logo-white{ display: none; } footer .social{} footer .social ul{} footer .social ul li{ display: inline-block; padding: 0 10px 0 0px; } footer .social ul li a i{ font-size: 30px; color: #18a8e6; } .footer-form form{} .footer-form form span{ font-size: 20px; display: block; padding: 0 0 20px; } .footer-form form input{ width: 100%; padding: 15px; border-radius: 5px; border: transparent; background: #fff; position: relative;} .footer-form form button{ padding: 15px 18px; margin: 0px 0px; position: absolute; font-weight: bold; color: #528FF0; -webkit-transition: .2s; transition: .2s; right: 20px; border: none; background: none; } .footer-bottom{ padding: 20px 0 0 0; } .footer-bottom ul{ float: right; } .footer-bottom ul li{ display: inline-block; } .footer-bottom ul li a{ color: #777; } .footer-bottom .btm-foot{} footer.bg-ftr{ background: linear-gradient(to right,#ededed8a,#edf7ff); } .footer-bottom.bg-ftrbt{ background: #fff; } .custom .boxwrap .txtwrp p{ height: 110px; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; background: #4634e5; width: 16px; border-radius: 50%; height: 16px; font-family: "slick"; font-size: 12px; line-height: 20px; text-align: center; color: #333333; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .txtwrp.optp { margin: auto; } img.home-service { padding: 49px 30px 0 0; width: 200px !important; margin: 157px 0 0 178px !important; } .filter-img{ filter: invert(1);} .movement.dradiant{} .movement.dradiant:before{content: ""; transform: rotateZ( 355deg ) skewX( -50deg ) scaleX(-1); background: linear-gradient( 45deg , #0a1458, #2756c1); position: absolute; top: -1px; width: 175%; bottom: 0%; height: 83%; left: 104%; transform-origin: 0 100%; z-index: -2;} .paywrpr{ padding: 30px 0 70px; } .paywrpr .txtwrp{ display: block; text-align: center; padding: 0 0 50px; } .paywrpr .mainwrp{ display: none; text-align: center; padding: 0 0 60px; } .paywrpr .mainwrp h2{ color: #5590f0; font-size: 47px; padding: 0; } .paywrpr .mainwrp h2 span{ color: #5590f0;} .paywrpr .mainwrp h4{ font-size: 22px; color: #000; } .paywrpr .mainwrp p{} .paywrpr .txtdiv{ padding: 60px 80px 0 30px; } .paywrpr .txtdiv h2{ font-size: 42px; color: #1b50b1; } .paywrpr .maindiv{ padding: 40px 20px 40px; border: 3px solid #1b50b1; border-radius: 28px; height: 350px; } .paywrpr .maindiv img{ width: 80px; margin: 0 0 30px; } .paywrpr .maindiv h4{ color: #1b50b1; font-size: 20px; font-weight: 600; line-height: 20px; } .paywrpr .maindiv p{} .paywrpr .maindiv.clr-wrp{background: #4634e5;} .paywrpr .maindiv.clr-wrp img{} .paywrpr .maindiv.clr-wrp h4{ color: #Fff; } .paywrpr .maindiv.clr-wrp p{color: #Fff;} .clintwrp{background: #120818;padding: 40px 0 30px;} section.home_cta {box-shadow: 0px 0px 40px #00000026;-webkit-box-shadow: 0px 0px 40px #00000026;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026;padding-top: 20px;padding-bottom: 70px;margin-bottom: 0;position: relative;background: #003375 radial-gradient(closest-side at 40% 60%,#1292f8 -58%,#003375 100%) 0 0 no-repeat padding-box;z-index: 1;margin-top: 0;background-repeat: no-repeat;background-size: cover;} .home_cta_left h4 {font-size: 20px;color: #fff;margin-bottom: 10px;padding-top: 35px;-webkit-background-clip: text;display: block;} .cta_inner a.with_bg {background: white; color: #e5453e; } .cta_inner h1.custom_size {line-height: 46px;color: white;padding-top: 0;font-size: 34px;} .home_cta_left img {width: 100%; } section.home_cta .btn_hk_primary {margin-top: 50px; } section.home_cta p {color: white;font-size: 15px;width: 470px;margin-top: 10px;padding: 0 0 50px;} section.home_cta a.btn.btn-primary.hk_wth_bg_yellow {background: white; color: black; border: 1px solid #fff; } .home_cta_left.laps {background-image: url(../images/planing-laptop.png); background-repeat: no-repeat; background-size: cover; position: relative; height: 385px; } img.rotates {position: absolute;width: 56%;left: 0;top: 50px;right: 0;margin: 0 auto;} .filepond--progress-indicator svg {-webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite } .home_cta .imgwrp{position: relative; } .home_cta .imgwrp img{width: 105%;position: absolute;top: -25px;right: -93px;} .home_cta .btn-2{color: #000;} .accotwrpr.otherwrp{padding: 40px 0 0;} .accotwrpr.otherwrp .txtwrp{display: block; text-align: center; } .accotwrpr.otherwrp .txtwrp h2{color: #000; padding: 0px 0 20px; margin: 0 0 20px; } .accotwrpr.otherwrp .txtwrp p{color: #000; } .accotwrpr.otherwrp .mainwrp{padding: 30px 20px; } .accotwrpr.otherwrp .mainwrp img{margin: 0 0 15px;filter: invert(1);width: 50px;} .accotwrpr.otherwrp .mainwrp h4{color: #000; font-size: 22px; padding: 0 0 10px; } .accotwrpr.otherwrp .mainwrp p{color: #000; } .benefits.other .benefit-txt{height: 200px; margin-left: 0; margin-top: 50px;} .benefits.other .benefit-txt .imgwrp img{width: 60px;} .benefits.other .benefit-txt h4{word-spacing: 2px; color: #0d2462; font-weight: 600; font-size: 20px;margin-top: 8px} .benefits.other .benefit-txt p{font-weight: 300; width: 100%; font-size: 16px; line-height: 24px;} .product-card.other .pcard-1{border-radius: 25px; transition: all 0.2s ease 0s; border: 1px solid rgba(0,0,0,0.07);height: 230px; padding: 24px 32px;background: #fff;margin-top: 20px;box-shadow: 4px 4px 13px -10px #00000061;} .product-card.other .txtwrp{padding-bottom: 40px;} .product-card.other .pcard-1 .imgwrp{display: inline;} .product-card.other .pcard-1 .imgwrp img{width: 30px;vertical-align: text-bottom;} .product-card.other .pcard-1 .head-5{display: inline-block;width: 90%;margin-left: 5px;font-size: 18px;color: #1b50b1;} .product-card.other .pcard-1 .para{font-size: 15px;width: 97%; line-height: 24px;} .businesswrp.other{padding: 70px 0 10px;} .businesswrp.other .ducumentwrp ul{} .businesswrp.other .ducumentwrp ul li img{width: 100%;} .businesswrp.other .ducumentwrp ul li{display: flex; align-items: center; margin: 0px 0 10px; } .businesswrp.other .ducumentwrp ul li .txtwrp{} .businesswrp.other .ducumentwrp ul li .txtwrp span{ font-weight: 500;} .businesswrp.other .ducumentwrp ul li .txtwrp p{padding: 0; margin: 0 10px 0px; } .businesswrp.other .txtwrp h2:after{content: '';position: absolute;background: #4634e5;width: 40px;height: 4px;bottom: -5px;left: 0;right: 500px;margin: 0 auto;} .businesswrp.other .txtwrp p{margin: 10px 0 0; } .businesswrp.other .txtwrp ul{ padding: 30px 0 0; } .businesswrp.other .txtwrp ul li{ list-style: none; } .product-card.ach .pcard-1{border-radius: 25px; transition: all 0.2s ease 0s; border: 1px solid rgba(0,0,0,0.07);height: 300px; padding: 50px 32px;background: #fff;margin-top: 20px;box-shadow: 4px 4px 13px -10px #00000061;} .product-card.ach .txtwrp{padding-bottom: 40px;} .product-card.ach .pcard-1 .imgwrp{display: inline;} .product-card.ach .pcard-1 .imgwrp img{width: 30px;vertical-align: text-bottom;} .product-card.ach .pcard-1 .head-5{display: inline-block;width: 90%;margin-left: 5px; font-size: 18px;color: #528ff0;} .product-card.ach .pcard-1 .para{font-size: 15px;width: 100%; line-height: 24px;} .product-card.ach .pcard-1 ul li{ position: relative; margin: 0 0 10px 20px; } .product-card.ach .pcard-1 ul li:after{content: "\f054 ";font-family: 'FontAwesome';position: absolute;left: -20px;} .parawrp{padding: 0 0 60px;} .parawrp .txtwrp{} .parawrp .txtwrp h2{padding: 40px 0 20px;font-size: 32px;} .parawrp .txtwrp p{padding: 30px 0 0;} .parawrp .txtwrp ul li{color: #000;margin: 16px 0 0;} .processwrp .pcard-1{transition: all 0.2s ease 0s;border-radius: 4px;border: 1px solid rgba(0,0,0,0.07);height: 240px;padding: 24px 32px;background: #fff;margin-top: 20px;box-shadow: 4px 4px 13px -10px #00000061;} .processwrp .txtwrp{padding-bottom: 40px;} .processwrp .pcard-1 .imgwrp{display: inline;} .processwrp .pcard-1 .imgwrp img{width: 40px;vertical-align: text-bottom;} .processwrp .pcard-1 .head-5{display: inline-block;width: 70%;margin-left: 5px;font-size: 18px;color: #1b50b1;} .processwrp .pcard-1 .para{font-size: 15px;width: 97%; line-height: 24px;} .home-bannerwrp.clr ul li{position: relative;padding: 0 20px 0;display: inline-block;margin: 0 0 5px;color: #b4b4c0;width: 48%;} .product-card.virtualwrp .pcard-1{border-radius:0;transition: unset;border:none;height: 200px;padding: 50px 32px;background: #fff;margin-top: 0px;box-shadow:none;} .product-card.virtualwrp .txtwrp{padding-bottom: 40px;} .product-card.virtualwrp .pcard-1 .imgwrp{display: inline;} .product-card.virtualwrp .pcard-1 .imgwrp img{width: 30px;vertical-align: text-bottom;} .product-card.virtualwrp .pcard-1 .head-5{display: inline-block;width: 80%;margin-left: 5px;font-size: 18px;color: #1b50b1;} .product-card.virtualwrp .pcard-1 .para{font-size: 15px;width: 100%; line-height: 24px;} .product-card .pcard-1:hover{transform: none;} .product-card.hyt .pcard-1{border-radius: 25px; transition: all 0.2s ease 0s; border: 1px solid rgba(0,0,0,0.07);height: 160px; padding: 30px 32px;background: #fff;margin-top: 20px;box-shadow: 4px 4px 13px -10px #00000061;} .product-card.hyt .txtwrp{padding-bottom: 40px;} .product-card.hyt .pcard-1 .imgwrp{display: inline;} .product-card.hyt .pcard-1 .imgwrp img{width: 30px;vertical-align: text-bottom;} .product-card.hyt .pcard-1 .head-5{display: inline-block;width: 90%;margin-left: 5px; font-size: 18px;color: #528ff0;} .product-card.hyt .pcard-1 .para{font-size: 15px;width: 100%; line-height: 24px;} .aboutwrp{padding: 50px 0 50px;} .aboutwrp img{padding: 20px 0 0;} .aboutwrp .img2{border-radius: 0 80px 0 0;} .aboutwrp .img3{border-radius: 0 0 0 80px;} .secndwrp.missionwrp .tabswrp{width: 100%;margin: 0 0 130px;} .secndwrp.missionwrp .tabswrp ul li:after{display: none;} .secndwrp.missionwrp .tabswrp ul{border: 1px solid #ffffff;background: #ffffff;box-shadow: unset;border-radius: 8px;} .secndwrp.missionwrp .tabswrp ul li{margin: 0 0 0px;border-bottom: 1px solid #ffffff;padding: 18px 36px;cursor: pointer;position: relative;transition: all 0.3s ease;} .secndwrp.missionwrp .tabswrp ul li.current{background: #ffffff;padding: 30px 36px 12px;border-radius: 9px;transition: all 0.3s ease;} .secndwrp.missionwrp .tabswrp ul li.current .maindiv .undrbox{display: block;} .secndwrp.missionwrp .tabswrp ul li .maindiv{transition: all 0.3s ease; } .secndwrp.missionwrp .tabswrp ul li .maindiv h4{color: #fff; font-size: 18px; padding: 0 0 0 6px; } .secndwrp.missionwrp .tabswrp ul li .maindiv h4 img{margin: 0 12px 0 0; } .secndwrp.missionwrp .tabswrp ul li .maindiv .undrbox{border: unset; background: unset; box-shadow: unset; border-radius: unset; min-height: unset; display: none; } .secndwrp.missionwrp .tabswrp ul li .maindiv .undrbox li{color: rgb(0 0 0);margin: 0;font-size: 14px;border: unset;padding: 0 0 20px 40px;} .secndwrp.missionwrp .tabswrp ul li .maindiv .undrbox li strong{color: #fff; font-weight: bold; } .secndwrp.missionwrp .imgbox{} .secndwrp.missionwrp .imgbox ul{} .secndwrp.missionwrp .imgbox ul li{} .secndwrp.missionwrp .imgbox ul li:after{display: none;} .secndwrp.missionwrp .imgbox ul li img{width: 100%;} .navwrp .solution-li .drop-down{display: none;} .navwrp .solution-li:hover .drop-down{display: block;width: 250px;position: absolute;top: 46px;border: 1px solid #cbd6e2;border-radius: .1875rem;box-shadow: 0 1px 24px rgb(45 62 80 / 12%);left: 0;padding: 11px 16px;} .navwrp .solution-li .drop-down ul{} .navwrp .solution-li ul{position: absolute;top: 21px;left: 16px;z-index: 1;background: #fff;} .navwrp .solution-li ul li{padding: 10px 0 10px;text-align: left;margin: 0;} .navwrp .solution-li ul li a{padding: 0 0 5px;color: #000;} .navwrp .solution-li ul li a::nth-child(5){border-bottom: 0;} .navwrp .solution-li:hover .drop-down .hover{display: block;} .home-bannerwrp.clr ul li:after{content: "\f00c";position: absolute;left: 0px;top: 0px;color: #fff;font-family: FontAwesome;} .current-acc .secndwrp .txtwrp h2{color: #fff;} .marg:after{display:none;} marquee { height: 450px;} .guarantewrp .mainwrp img{filter: none !important;} ul.drop-down li a{color: #000 !important;text-align: start;font-weight: 500;text-decoration: none;display: block;padding: 19px 30px;} .movement.listing .list-1 ,.list-2 li{color: #fff;} .movement.listing ul li{ margin: 0 0 8px; font-size: 13px; position: relative; } .movement.listing ul li:after{content: "\f054 ";font-family: 'FontAwesome';left: -16px;position: absolute;top: 0;} .movement.benefitwrp .benefit-txt .imgwrp img{width: 60px;} .movement.benefitwrp .benefit-txt {margin: 0 0 0 0;} .movement.benefitwrp .benefit-txt p{width: 100%; color: #fff;} .movement.benefitwrp .benefit-txt h4{color: #fff;} .businesswrp.padwrp {padding: 50px 0 0px;} .product-card .pcard-1.hytwrp{height: 470px;} .sattlementwrp .benefit-txt.setwrp{margin: 0 0 0 0;} .sattlementwrp .benefit-txt.setwrp p{width: 100%;color: #000;} li.solution-li { position: relative;} ul.drop-down:after{position: absolute;top: -6px;right: auto;left: 11px;transform: translate(-50%);display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: "";position: absolute;content: "";top: -11px;left: 15px;z-index: 0;width: 20px;height: 20px;background: #fff;-webkit-transform: rotate( 45deg );transform: rotate( 44deg );border-radius: 5px;border-top: 1px solid #cbd6e2;border-left: 1px solid #cbd6e2;} .bg-ftr .logowrp .imgwrap img{margin: 20px 20px 0 0px;width: 125px;} .billing .businesswrp.other{ padding: 50px 0; } a:hover {color: unset;} .btn-1:hover{ transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} .high-riskwrp .movement:before{ top: -60px; height: 100%;} .pymt-gt .home-bannerwrp:after{ bottom: 10%;} .chk-grhnty .secndwrp{ background: #171b2f; padding: 40px 0;} .lending-pg .secndwrp ul li{color: #222;} .high-riskwrp .businesswrp{ padding: 180px 0 120px;} .bestform { padding: 50px 0px; } .bestform .txtwrp { display: block; text-align: center; padding: 0px 0px 40px; } .bestform .txtwrp h2 { } .bestform .txtdiv { } .bestform .txtdiv h4 { } .bestform .txtdiv p { font-size: 17px; } .bestform .txtdiv ul { } .bestform .txtdiv ul li i { color: rgb(43, 74, 253); padding: 0px 10px 0px 0px; } .bestform .txtdiv ul li { color: rgb(95, 103, 125); display: block; padding: 0px 0px 10px 30px; font-size: 16px; position: relative; } .bestform .txtdiv ul li::after { content: ""; position: absolute; font-family: FontAwesome; left: 1px; top: 0px; color: rgb(42, 73, 253); } .bnr-inpfild input, .bnr-inpfild textarea, .bnr-inpfild select { width: 100%; padding: 10px; outline: none; margin: 0px 0px 18px; border-radius: 6px; border: 1px solid rgb(218, 212, 212); color: rgb(51, 51, 51); height: 47px; background: rgb(255, 255, 255); font-size: 12px; appearance: auto; } .form-wrap { color: rgb(255, 255, 255); padding: 70px 20px; border-radius: 7px; width: 95%; box-shadow: rgba(126, 126, 126, 0.18) 0px 11px 60px 0px; position: relative; z-index: 9; float: right; background: rgb(43, 74, 253); } .bnr-inpfild [type="submit"] {border-radius: 3px;margin: 0px 0px 0px;font-size: 18px;font-weight: 500;text-transform: capitalize;border: 0px;outline: none;background: rgb(255, 255, 255);height: 50px;} .form-wrap h1 { font-size: 22px; text-align: right; margin: 0px 0px 24px; font-weight: 400; text-transform: capitalize; color: rgb(255, 255, 255); line-height: 1.4; padding: 0px 0px 10px; } .form-wrap h1 span { display: block; color: rgb(255, 255, 255); font-size: 22px; line-height: 1; padding: 10px 0px 0px; font-weight: 700; } .bnr-inpfild .intl-tel-input {margin-bottom: 18px;width: 100%;} .bnr-inpfild textarea { height: 100px; resize: none; color: rgb(0, 0, 0); } .mainfrm .imgform { position: absolute; top: 40px; left: 10px; } .circlewrp {padding: 50px 0px;background: #f5f4f49e;} .circlewrp .cilcleimg { padding: 0px; } .circlewrp .cilcleimg ul { padding: 0px; margin: 40px 0px 0px; } .circlewrp .cilcleimg ul li { height: 150px; width: 150px; background: rgb(255, 255, 255); border-radius: 50%; margin: 20px -20px 0px; box-shadow: rgba(0, 0, 0, 0.03) 0px 20px 40px; padding: 0px !important; } .circlewrp .cilcleimg ul li img {width: 50%;margin: 47px 0px 20px 39px;} .circlewrp .cilcleimg ul li:hover { border: 1px solid rgb(42, 73, 253); } .cilcleimg.crcl-1 { padding: 180px 90px 0px; } .cilcleimg.crcl-2 { padding: 90px 40px 0px; } .cilcleimg.crcl-4 { margin: -48px; padding: 136px 0px 0px; } .circlewrp .col-md-3 { margin: 0px; padding: 0px; } .cilcleimg.crcl-4.scnd { margin: 0px; padding: 0px 0px 0px 70px; } .cilcleimg.crcl-3.scnd { padding: 86px 20px 0px; } .cilcleimg.crcl-2.scnd { padding: 0px; margin: 0px 0px 0px -30px; } .cilcleimg.crcl-1.scnd { padding: 80px 0px 0px; margin: 0px 0px 0px -90px; } .cilcleimg.crcl-4.thrd { margin: 0px; padding: 76px 0px 0px 140px; } .cilcleimg.crcl-3.thrd { padding: 0px 100px; } .cilcleimg.crcl-2.thrd { padding: 90px 50px 0px; } .cilcleimg.crcl-1.thrd { padding: 180px 0px 0px; } .thnkyoywrp{text-align: center; display: block; padding: 220px 0 110px; } .thnkyoywrp a{} .formwrap .txtwrp h2{text-align: center;} .header-white .header-main a{ color: #000;} .header-white .header-main .btn-1{ color: #fff; background: #5590f0; border: 1px solid #5590f0;} .header-white .header-main .btn-2{ color: #5590f0;} .thank-pg .thnkyoywrp .txtwrp p{ padding: 20px 0 30px;} section.belowform {padding: 0px 0 50px;} .formwrap {border-radius: 25px;transition: all 0.2s ease 0s;border: 1px solid rgba(0,0,0,0.07);padding: 24px 32px;background: #fff;margin-top: 0px;box-shadow: 4px 4px 13px -10px #00000061;} .bnr-inpfild { text-align: center; } .formwrap .bnr-inpfild [type="submit"] {background: rgb(85 144 240);width: 160px;color: #fff;} .btn-1:hover{ color: #fff;} .footer-form form button i{ margin: 0 0px 0 6px;} section.explorwrp.benefits.other { padding: 0;} section.explorwrp.product-card.other { padding: 20px 0;} section.explorwrp.product-card.virtualwrp { padding: 0px 0;} section.explorwrp.solution .btnwrp{text-align:center;} .explorwrp.product-card.virtualwrp .imgwrp img{ width: 40px; vertical-align: bottom;} a.btn-3:hover{color: #fff;} .nmrwrp a{font-weight: bold;} .bg-ftr form .newsbtn{display:none;} /*floating strips css start */ .floatbutton.active{right: 0;z-index: 11;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;} .floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 16%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 9;} .floatbutton .clickbutton{border-radius: 7px 0px 0px 7px;background: #fff;width: 50px;z-index: 999;height: 148px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);display: inline-block;padding-top: 0;vertical-align: top;background: #4634e5;margin-top: 198px;color: #fff;font-size: 14px;font-weight: 700;position: relative;text-transform: uppercase;font-family: 'Poppins', sans-serif;} .floatbutton .banner-form img{ width: 180px; } .floatbutton .banner-form p{ color: #0d2462; font-size: 13px; padding: 10px 15px 20px 30px; } .floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;} .floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;} .floatbutton .clickbutton .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;font-size: 16px;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;left: -27px;white-space: pre;font-size: 13px;font-weight: bold;top: 76px;bottom: 120px;} .floatbutton .clickbutton .crossplus.rotate{/* transform: rotate(45deg); */-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;} .floatbutton .clickbutton .crossplus i {font-size: 18px;color: #f43535;margin: 17px 0 0 15px;} .banner-form{background: #fff;padding: 30px;position: relative;z-index: 9;border-radius: 5px 0 0 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;} .banform{} .ban-form{} .ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;} .banner-form .intl-tel-input{width: 100%;} .banner-form h3 {color: #333;font-size: 24px;margin-bottom: 20px;} .ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #f43535;border-radius: 3px;text-align: center;background: #4634e5;padding: 10px 15px;margin: 20px 0 0;border: transparent;} .ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;} .btns_wrap{position:fixed;right: -6px;} .btns_wrap a:hover{text-decoration: none!important;right: 0px;} .btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;background: #fff;top: 120px;padding: 0;border-radius: 50px 0px 0px 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .btns_wrap .call_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 20px 15px 15px;} .btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;padding: 0;background: #fff;top: 40px;border-radius: 0px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 50px 0px 0px 50px;} .btns_wrap .chat_wrap span.icoo, .btns_wrap .call_wrap span.icoo{color: #fff;background: #b10655;font-size: 18px;padding: 18px 20px 16px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 50px 0px 0px 50px;} .btns_wrap .chat_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 30px 15px 15px;} /*floating strips css end */ .support header{ background: #fff; box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 41%); } .support header .btnwrp ul li.nmrwrp a { color: #000;} .accountpage .businesswrp.other{ padding: 20px 0 20px;} .accountpage section.explorwrp.solution { padding: 20px 0;} .achpage section.explorwrp.product-card.ach{ padding: 0;} .chk-grhnty .paywrpr{ padding: 0px 0 70px;} .mer-cashpage .movement.add-size { height: 800px;} .mer-cashpage section.explorwrp.product-card.other{padding: 0px 0 20px;} .mer-cashpage .movement:before { top: -51px;} .shoppignpage .businesswrp.other{padding:0;} .shoppignpage .paywrpr { padding: 60px 0 70px;} .security-pg section.secndwrp.res{ padding: 0;} .recurring-pg .home-bannerwrp.capital{ height: 800px;} .supportwrp.bestform:after{display:none;} .about-bg .benefits.other{ padding: 70px 0 !important;} .about-bg .abtscndwrp{padding: 250px 0 210px;background-image: url(../images/be-a-boss-bg_opt-1536x914.png);background-repeat: no-repeat;background-size: cover;} .iconwrprrr{ padding: 70px 0; } .iconwrprrr .mianwrp{ display: block; text-align: center; } .iconwrprrr .mianwrp img{ width: 50px; } .iconwrprrr .mianwrp h4{ font-size: 20px; margin: 0 auto; width: 100%; } /*.ourform{*/ /* padding: 70px 0;*/ /* background-image: url(../images/blue-angles-2.png);*/ /* background-size: cover;*/ /* background-repeat: no-repeat;*/ /* background-position: bottom;*/ /*}*/ .ourform .mainformwrp{ width: 60%; margin: 0 auto; } .ourform .mainformwrp .bnr-inpfild{ text-align: unset; } .ourform h2{color:#fff;} .ourform p{color:#fff;} .ourform .mainformwrp .bnr-inpfild span{display: block;padding: 0 0 10px;color: #fff;} .ourform .mainformwrp .bnr-inpfild input{ border: 1px solid #003397; } .ourform .mainformwrp .bnr-inpfild input.msgwrp{ height: 140px; } .ourform .mainformwrp .bnr-inpfild input.btnwrprrr{ background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%); color: #fff; width: 30%; } .ourform .txtwrp{ display: block; text-align: center; padding: 0 0 50px; } .ourform .txtwrp p{ padding: 20px 0 10px; } .ourform .mainformwrp .bnr-inpfild.pmnt input{border-radius: unset; height: 40px;} section.explorwrp.benefits.other.mission { padding: 0px 0 50px !important; } .ourform.queryform{position: relative;padding: 70px 0; overflow: hidden;} .ourform.queryform:before{ content: ''; position: absolute; background: -webkit-linear-gradient(32.34deg,#184092 8.62%,#3a78c3 71.95%); -webkit-transform: skew( 30deg ) rotate( -3deg ); -ms-transform: skew(30deg) rotate(-3deg); transform: skew( 30deg ) rotate( -3deg ); height: calc(100% - -240px); width: 250%; z-index: -1; left: -18%; top: 0; } .abt .home-bannerwrp.capital{height: 750px;} .header-main .logowrp a .logo-white { filter: brightness(5); }