/* Theme Name: Theme URI: https://razencreationsllc.com/ Author: KP Author URI: https://razencreationsllc.com/ Description: WooCommerce Theme Version: 1.0.0 Text Domain: ThemeName License: http://themeforest.net/licenses License URI: http://themeforest.net/licenses */ /*@import url("../fonts/fonts.css");*/ *{ margin: 0; padding: 0; } html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; } table{ border-collapse: collapse; border-spacing: 0; } fieldset, img{ border: 0; } address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal; } ol, ul, li{ list-style: none; display:inline; } caption, th{ text-align: left; } q:before, q:after{ content: ""; } abbr, acronym{ border: 0; } article, aside, figure, footer, header, nav, section{ display:block; } a:hover, a:active, a:focus{ color:#fff; text-decoration:none; } img, a{ margin:0; padding:0; outline:none !important; max-width: 100%; height: auto; text-decoration:none !important; } img:hover{ /*opacity: 0.7;*/ } .img_holder{ height:auto; width:100%; border-radius: 0; overflow: hidden; } .no_pad{ padding-left: 0; padding-right: 0; } *:focus{ outline: none; } .page_wrap{ width:90%; margin:0 auto; } .sec{ width:100%; padding:70px 0; } .owl-carousel{ direction: ltr; } li:last-child{margin-bottom: 0;} ::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ color: #767676; } ::-moz-placeholder{ /* Firefox 19+ */ color: #767676; opacity: 1; } :-moz-placeholder{ /* Firefox 18- */ color: #767676; opacity: 1; } :-ms-input-placeholder{ /* IE 10+ */ color: #767676; } /* For Bootstrap */ .nav>li>a:focus, .nav>li>a:hover{background-color:transparent;} .navbar{border-radius:0; margin:0; border:0; background-color: transparent; z-index: 3;} .navbar .navbar-nav ul.dropdown-menu li a{color: #fff; padding: 5px 20px; background-color: #333;} .navbar-nav>li>.dropdown-menu{background-color: #333;} .navbar-toggle{background-color: #ccc;} .navbar .navbar-nav li.active a{color: #7aac3d; background-color: transparent;} .navbar .navbar-header .icon-bar{background-color: #fff;} .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #7aac3d; background-color: transparent;} .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a span{color: #fff;} /* END - For Bootstrap */ body{ font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; line-height:normal; font-family: 'Poppins', sans-serif !important; color: #333; background-color: #FFF; /* background: #FFF url("../images/bg.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/} h1{ font-size:32px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } h2{ font-size:30px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } h3{ font-size:24px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } h4{ font-size:18px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } h5{ font-size:16px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } h6{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } p{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } span{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif !important; color: #333; } li{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; } a{ font-size:16px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Poppins', sans-serif; color: #333; text-decoration:none; transition:all 1s ease 0s; cursor: pointer; } .btn1{border: none; background: none; background-image: none; text-align: center; border-radius: 5px; padding: 10px 30px; color: #fff; background-color: #13171f; transition: all 1s ease 0s; display: inline-block;} .btn1:hover{color: #fff; background-color: #00c3d0;} div.center{text-align: center;} /*Goto TOP*/ .go_to_top{position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:9; background-color:#837e7e; color:#FFF; width:50px; line-height:50px; right:30px; bottom:30px; border-radius:7px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; cursor:pointer;} .go_to_top.show{visibility:visible; opacity:0.5;} .go_to_top:hover{opacity:1; color:#FFF;} .go_to_top i.fa{line-height:inherit;} /*contact form css*/ .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 0px !important;} .wpb_gmaps_widget .wpb_wrapper{padding:0 !important;} .contact-from .wpcf7-form span{margin-bottom: 0px !important;} .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, span.wpcf7-not-valid-tip{display:none !important;} .wpcf7-not-valid{border-color:red !important;} div.wpcf7-validation-errors{border:0 !important;} div.wpcf7-mail-sent-ok{border:0 !important;} /*Search Overlay Css*/ .mk-search-trigger { display: inline-table; font-size: 24px; color: #e1e1e1; } .mk-search-trigger:hover{background: #111;border-color:#111;color:#fff;} .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: #ce000c; border: 0; right: 0; top: 0; color: #fff; } #searchform { position: relative; verticle-align: middle; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type="text"] { width: 800px; background-color: transparent; -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); border: 0; text-align: center; font-size: 35px; color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show { visibility: visible; opacity: 1; } .mk-fullscreen-search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .94); text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; } .mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .mk-fullscreen-search-overlay { z-index: 999999;} .mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited { color: #fff; } .mk-fullscreen-search-overlay .mk-fullscreen-close { position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(0deg); } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; width: 100%; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper form label{display:none;} .mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out } #mk-search-overlay .searchform { left: 0; position: absolute; right: 0; top: 120px; } #mk-search-overlay input[type="text"] { background: transparent none repeat scroll 0 0; border-color: grey; border-width: 0 0 1px; color: #fff; min-height: 60px; width: 70%; border-bottom: 1px solid; } #searchform > input[type="submit"] { background: #838383 none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #fff; font-size: 14px; padding: 10px 20px; vertical-align: bottom; transition: 0.35s; } #mk-search-overlay #searchform input[type="text"] { bottom: 0; clip: auto; left: auto; top: auto; } #mk-search-overlay .searchform::before { display: none; } .btnCenter{text-align:center !important;} /*Search overlay End*/ div.wpcf7-mail-sent-ng, div.wpcf7-aborted{border: 2px solid transparent !important; color:#fff;} /*Dropdown Css*/ /*.dropdown:hover > .dropdown-menu { display: block;} .dropdown-submenu { position: relative;} .dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu {display: block;} .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff;} .dropdown-submenu.pull-left {float: none;} .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }*/ /*./Dropdown Css*/ /*.sticky{z-index: 1000; position: fixed; top: 0; background: #fff; border-bottom: 1px solid #efefef; }*/ /*Woo-commerece Pages Setting css start*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .u-columns{/*padding:70px 0px;*/} .woocommerce form .form-row label{color:#000; text-transform: capitalize;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding: 10px; border: 1px solid #cb9e44;} .login input{padding: 5px; border: 1px solid #ccc;} .login .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;} .login .button:hover{background-color: #000 !important; color: #fff !important; } .woocommerce form .form-row label.inline{display: block; padding: 10px 0px;} .woocommerce form .form-row label.inline span{font-size: 14px; font-weight: bold;} .register label{ } .register input{padding: 5px; border: 1px solid #ccc;} .register .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;} .register .button:hover{background-color: #000 !important; color: #fff !important; } #yith-wcwl-form{padding:70px 0px;} .checkout{/*padding-top: 70px;*/} .woocommerce-MyAccount-navigation{/*padding:70px 0px;*/} .woocommerce-MyAccount-content{/*padding:70px 0px;*/} .woocommerce-cart-form{/*padding-top:70px;*/} .cart-collaterals{/*padding-bottom:50px;*/} .wsmsb_title{color:#000; padding-bottom: 30px;} .woocommerce div.product .woocommerce-product-rating{margin-bottom: 0; width: 70%; float: right; margin: 12px 0px;} .product-page .star-rating{display:none !important;} .checkout_coupon .button{background-color: #cb9e44 !important; color: #fff !important;} .woocommerce-error{display:none;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{padding:0px 15px;} /*.select2-results{overflow-y: scroll;} .select2-results__option[aria-selected], .select2-results__option[data-selected]{display:block;}*/ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{/*height:320px;*/} .woocommerce form.register .woocommerce-privacy-policy-text p{padding: 30px 0px;} #customer_login{} #customer_login h2{text-transform: uppercase; font-weight: bold;} .yith-wcwl-add-to-wishlist .show a{font-weight: bold; color: #cb9e44;} .related{float: left; padding: 30px 0px; text-align: center;} .related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;} .related h2 span{font-size:28px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{border: 0; width: 100%; font-weight:bold;} .related .add_to_cart_button{background: transparent !important; text-decoration: underline !important; text-transform: capitalize;} .cart-empty{/*padding: 70px 0px 0px 0px;*/ text-align: center; font-size: 16px; text-transform: capitalize; font-weight: bold;} .return-to-shop{padding: 30px 0px 0px 0px; text-align: center;} .return-to-shop a{background-color: #cb9e44 !important; color: #fff !important; border-radius: 0 !important;} .woocommerce .cart .button, .woocommerce .cart input.button{background-color: #cb9e44 !important; color: #000 !important; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #cb9e44 !important; color:#000 !important;} .woocommerce .quantity, .woocommerce-page .quantity{width: 100%;} .product-detail{padding: 70px 0px;} .woocommerce .woocommerce-breadcrumb{display:none;} .product-detail .product_title{ text-transform: uppercase;} .product-detail .price{padding:10px 0px;} .product-detail .price .amount{font-weight: bold; color: #cb9e44; font-size: 24px;} .product-detail .price .woocommerce-Price-currencySymbol{font-weight: bold; color: #cb9e44; font-size: 24px; } .product-detail .posted_in{display:none;} .woocommerce div.product form.cart div.quantity{width: 100%;} .entry-summary .cart{} .entry-summary .cart h2{font-size: 18px; font-weight: bold; color: #252525; text-transform: uppercase; padding-bottom: 20px;} .entry-summary .cart .quantity{float:none !important; margin-bottom: 30px !important;} .entry-summary .cart .quantity input{border: 1px solid #cb9e44; color: #000; height: 30px;} .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover{background-color: #cb9e44; color: #fff;} .entry-summary .cart button{background-color: #cb9e44 !important; text-transform: uppercase; border-radius: 0; padding: 15px;} .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{width: 4.1em !important; left: 30px; position: relative; background-color: #cb9e44;} .woocommerce .quantity .minus, .woocommerce-page .quantity .minus{position: absolute; left: 0px; top: 0px; height: 29px; background: transparent; width: 31px;} .woocommerce .quantity .plus, .woocommerce-page .quantity .plus{position: absolute; width: 31px; height: 29px; background: transparent; left: 87px !important; border-bottom: 1px solid #e1e1e1;} .entry-summary .yith-wcwl-add-to-wishlist{margin-top: 10px; float: left; top: -163px; position: relative; left: 148px;} .entry-summary .yith-wcwl-add-button a:before{content: "\f08a"; font-family: fontawesome; padding-right: 10px;} .entry-summary .yith-wcwl-add-button a{border: 1px solid #000; border-radius: 0; padding: 11px; font-weight: bold; text-transform:uppercase;} .entry-summary .yith-wcwl-add-button a:hover{background-color: #cb9e44; color: #fff; border: 1px solid #cb9e44;} .woocommerce-product-details__short-description{padding:30px 0px;} .woocommerce-product-details__short-description p{line-height:25px; font-size: 16px; padding: 0;} .woocommerce div.product .woocommerce-tabs ul.tabs{display: block; float: left; width: 20%; vertical-align: middle; margin:0;} .woocommerce div.product .woocommerce-tabs .panel{margin: 0 0 2em; width: 78%; float: right; border: 1px solid #cb9e44; border-radius: 0; padding: 10px 30px;} .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:block !important; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; background-color: transparent;} .woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;} .woocommerce div.product .woocommerce-tabs ul.tabs li a{display: block; font-weight: 600; text-decoration: none; color: #000 !important; padding: 10px 30px; text-align: left; font-size: 16px;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li::before{display:none; left: -6px; border-bottom-right-radius: 0 !important; border-width: 0 !important; -webkit-box-shadow: none; box-shadow: none;} .woocommerce-Tabs-panel .yikes-custom-woo-tab-title{display:none; font-size:18px; color:#cb9e44; padding-bottom: 20px;} .woocommerce-Tabs-panel p{font-size: 15px; line-height: 20px; padding-bottom: 20px;} .woocommerce-Reviews .comments{} .woocommerce #reviews #comments h2{font-size:18px !important; color:#7aac3d !important; padding-bottom: 20px;} .woocommerce #review_form #respond .form-submit input{left: auto; background-color: #7aac3d; color: #fff; text-transform: uppercase;} .select2-container--default .select2-results>.select2-results__options{display:grid !important;} /*Dropdown Css*/ .dropdown:hover > .dropdown-menu { display: block;} .dropdown-submenu { position: relative;} .dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu {display: block;} .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff;} .dropdown-submenu.pull-left {float: none;} .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*./Dropdown Css*/ /*Wocommerece Admin bar Start*/ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background-color: #cb9e44 !important; color: #000 !important; text-transform: uppercase; border-radius: 0 !important; padding: 15px 30px !important; font-weight: 600 !important;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background-color: #000 !important; color: #fff !important;} .woocommerce .myAccountHeading{padding: 30px 0px; margin: 0; text-transform: uppercase; text-align: center; font-weight: 500; color: #cb9e44;} .woocommerce-MyAccount-content{padding-bottom:15px;} .woocommerce-MyAccount-content strong{color: #cb9e44; text-transform: capitalize;} .woocommerce-MyAccount-content p a{color: #cb9e44; text-transform: capitalize;} .woocommerce-MyAccount-content .woocommerce-Input{padding: 5px;} .woocommerce-MyAccount-content .button{background-color: #e54408; padding: 10px; text-transform: uppercase;} .woocommerce-MyAccount-content .button:hover{background-color: #14106e;} .woocommerce-MyAccount-content fieldset{padding: 0; background: transparent;} .woocommerce-MyAccount-content fieldset legend{background: transparent; color: #cb9e44;} .woocommerce-MyAccount-content .woocommerce-info{background-color: #ddd; color: #000;} .woocommerce-MyAccount-content .sliced-client-snapshot{text-align:right;} .woocommerce-MyAccount-content .sliced-address{background-color: #ddd; padding: 7px !important;} .woocommerce-MyAccount-content .woocommerce-address-fields input{padding:5px;} .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection{border: 0; background-color: #f2f2f2; border-radius: 0;} .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection .select2-selection__rendered{color:#000;} .woocommerce-MyAccount-content .acc-quote{padding: 50px 30px; background-color: #eeecec; margin: 30px 0px; text-align:center;} .woocommerce-MyAccount-content .acc-quote p{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold;} .woocommerce-MyAccount-content .acc-quote span{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold; font-size: 13px;} .woocommerce-MyAccount-content .acc-quote:hover{background-color:#e34308;-webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;} .woocommerce-MyAccount-content .acc-quote:hover p{color:#fff;} .woocommerce-MyAccount-content .acc-quote:hover span{color:#fff;} .woocommerce-MyAccount-navigation{/*margin-bottom: 90px !important;*/ text-align: left; border: 1px solid #ddd; /*margin-top: 70px;*/} .woocommerce-MyAccount-navigation ul li{display:block;} .woocommerce-MyAccount-navigation ul li a{padding: 20px 15px !important;} .woocommerce-MyAccount-navigation ul li a, .lost_password a{padding: 15px 10px; color: #000; display:block; font-size: 16px;} .woocommerce-MyAccount-navigation ul li a:hover{background:#cb9e44;color:#fff; -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;} .woocommerce-MyAccount-navigation ul li.is-active a{background:#cb9e44;color:#fff;} .woocomerce-form.woocommerce-form-login.login, .register{border: 1px solid #ececec;padding: 20px;min-height: 360px;} .woocommerce-MyAccount-navigation ul li a:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f0f6"; line-height: 1.618; margin-left: 0.5407911001em; width: 1.41575em; text-align: right; float: right; opacity: .25;} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{content: "\f0e4";} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before{content: "\f291";} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before{content: "\f019";} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before{content: "\f015";} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{content: "\f007";} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{content: "\f08b";} /*Wocommerece Admin bar End*/ .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{padding-bottom:20px;} .woocommerce .woocommerce-result-count{font-size: 16px; text-transform: capitalize; width: 100%; background-color: #000; padding: 20px; color: #fff; margin-bottom: 50px;} .woocommerce .woocommerce-ordering{position: absolute; right: 22px; padding: 0; margin: 0; top: 79px;} .container .woocommerce {padding:70px 0px; position: relative; display: inline-block;} .woocommerce .woocommerce-ordering select{padding: 10px 15px; border: 1px solid #cb9e44;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center;} .woocommerce div.product div.summary{/*top: 120px; position: relative;*/} .woocommerce div.product div.summary .single-pro-title{} .woocommerce div.product div.summary .single-pro-title h3{} .woocommerce div.product div.summary .single-pro-title h3 a{font-size: 25px; color: #000;} .woocommerce div.product div.summary .single-pro-title h3 a:hover{color: #7cfc00;} .woocommerce-checkout #payment ul.payment_methods li{display: block;} .woocommerce-MyAccount-navigation-link--downloads{display: none !important;} .woocommerce-page div.product .woocommerce-tabs .woocommerce-Tabs-panel h2{font-size: 18px; font-weight: bold; padding-bottom: 20px;} /*Woo-commerece Pages Setting css End*/ /*Single Product Page Start*/ .woocommerce-page .single-title{position:relative; padding: 0;} .woocommerce-page .single-title h3{position: absolute; left: 585px; top: 0;} .woocommerce-page .single-title h3 a{font-size: 32px;} .woocommerce-page .product{} .woocommerce-page .product .price{margin: 20px 0px;} .woocommerce-page .product .price span{font-size: 30px; color: #cb9e44; font-weight: 600;} .woocommerce button.button.alt{padding: 16px 26px !important; background-color: #cb9e44 !important; color: #000 !important; font-weight: 500 !important;} .woocommerce button.button.alt:hover{background-color:#000 !important; color: #fff !important;} .entry-summary .yith-wcwl-add-button a{border: 1px solid #2d2e2e; border-radius: 0; font-weight: bold; text-transform: uppercase; padding: 12px 27px !important; color: #2d2e2e !important;} .entry-summary .yith-wcwl-add-button a:hover{border: 1px solid #cd2027; color: #fff !important; background-color: #cd2027 !important;} .woocommerce .posted_in{display:none;} .woocommerce-tabs{} .woocommerce div.product .woocommerce-tabs ul.tabs{width: 100%; margin-top: 50px;} .woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{box-shadow: none;} .woocommerce div.product .woocommerce-tabs ul.tabs li{display: inline-block !important; border: 0; width: auto; border: 1px solid #cb9e44; margin: 0;} .woocommerce div.product .woocommerce-tabs .panel{width: 100%; padding: 50px 30px;} .woocommerce div.product .woocommerce-tabs .panel ul{} .woocommerce div.product .woocommerce-tabs .panel ul li{display: block; padding: 5px 0px;} .woocommerce div.product .woocommerce-tabs .panel ul li:before{content: "\f105"; font-family: "fontawesome"; padding-right: 10px; color: #cd2027;} .woocommerce-cart table.cart td.actions .coupon .input-text{width:50%; margin: 0;} .related{float: left; padding: 0; text-align: center; width: 100%;} .related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;} .related h2 span{font-size:28px; } .woocommerce div.product p.price{margin: 0; padding: 0;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: #cb9e44; z-index: 2; border-bottom-color: #cb9e44;} .woocommerce ul.products li.product:before{content:"";} .woocommerce div.product div.images img{border: 1px solid #cb9e44;} .post-details .single-content .woocommerce{padding:0;} .post-details .single-content .woocommerce .products li{margin-bottom: 0;} /*Single Product Page End*/ /*Cart Page Start*/ .woocommerce table.cart td.actions .coupon .button{padding: 10px 30px !important;} .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{} .woocommerce-page .cart-collaterals .cart_totals{margin-top: 15px;} .woocommerce-page .cart-collaterals .cart_totals h2{font-size: 32px; text-transform: capitalize; font-weight: 500; padding-bottom: 20px;} /*Cart Page End*/ /*Check out Page Start*/ .checkout{} .checkout .woocommerce-billing-fields{padding-bottom: 40px;} .checkout .woocommerce-billing-fields h3 ,.woocommerce-additional-fields h3{padding-bottom: 30px; text-transform: capitalize; color: #000;} .checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{} .checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper label{} .checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper input{border: 1px solid #cb9e44 !important; padding: 10px !important;} .checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .select2-selection{border-radius: 0; border: 1px solid #cb9e44;} .woocommerce-additional-fields textarea{border: 1px solid #cb9e44 !important; padding: 10px !important;} #order_review_heading{padding-bottom: 30px; text-transform: capitalize; color: #000;} /*Check out Page End*/ /*Lost Password Start*/ .lost_reset_password{} .lost_reset_password p{font-size: 16px; font-weight: 500; padding-bottom: 30px;} .lost_reset_password .woocommerce-form-row{} .lost_reset_password .woocommerce-form-row label{text-transform: capitalize;} .woocommerce-info, .woocommerce-message{border-top-color: #cb9e44 !important;} .woocommerce-info::before, .woocommerce-message::before{color: #cb9e44 !important;} .woocommerce-info a{color: #cb9e44 !important;} .lost_password a{color: #cb9e44; text-decoration: underline; text-transform: capitalize;} .lost_password a:hover{color:#000;} .post-details { padding: 60px 0px; } .woocommerce .post-details .single-title{display:none;} .wp-caption{} .wp-caption-text{} .screen-reader-text{} .gallery-caption{} .bypostauthor{} .alignright {} .alignleft {} .aligncenter {} /*Lost Password End*/ /* header css start */ /* header.sticky-top{ display: flex !important; padding-top: 10px; height: 90px !important; background-color: #ffffffa8; } */ html, body{ overflow-x: hidden !important; } .vc_section{padding-left:8vw !important;padding-right:8vw !important;} .container-fluid{ width: 100% !important; } header .container-fluid{ height: 90px !important; display: flex; align-items: center; padding: 0 8vw !important; background-color: #ffffff; border-bottom: 1px solid #D9D9D9; } .mobile-header{display:none !important;} .desktop-header{display:block !important;} /* header animation */ header {position: absolute; width: 100%; z-index: 99;} /* full screen naviation */ header.mobile-header .row{display:flex; align-items:center;} header.mobile-header .main { position: relative; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } header .main .bars { position: absolute; height: 30px; width: 50px; top: 28%; right: 5%; display: flex; flex-direction: column; align-items: center; z-index: 9999999999; cursor: pointer; } header.mobile-header .main::before{content: 'Get Started'; position: relative; right: 107px; color: #fff; font-size: 20px; display: flex; justify-content: end; bottom:0px;} header.mobile-header .side-space{padding:0px 20px;} header.mobile-header.mobile-header .row { display: flex; align-items: center; width: inherit; justify-content: space-between; } header.mobile-header .main .bars::before {position: absolute; content: ""; height: 3.2px; width: 70%; background: #34337E; transition: 0.3s linear; border-radius: 30px; } header.mobile-header .main .bars.active::before { transform: rotate(45deg); width: 50%; top: 5%; background: #fff; } header.mobile-header .main .bars::after { position: absolute; content: ""; height: 3px; width: 70%; background: #34337E; top: 35%; transition: 0.3s linear; border-radius:30px;} header.mobile-header .main .bars.active::after { transform: rotate(-45deg); width: 50%; top: 5%; background: #fff; } header.mobile-header .menu-mob {position: fixed; top: 0; right: 0; width: 100%; height: 100vh; z-index: 999999999; overflow: hidden; display:none;} header.mobile-header .menu-mob .navBefore { position: absolute; margin-left: 100%; width: 100%; height: 100%; background: #09daf5; } header.mobile-header .menu-mob .nav { position: relative; margin-left: 100%; width: 100%; height: 100%; background: #232459; z-index: 1; display: flex; align-items: center; justify-content: left; padding-left: 30px; overflow: auto;} header.mobile-header .menu-mob .nav ul {opacity: 0; padding-left: 100px; width: 100%; padding-top: 0px; padding-bottom: 0px;transition:all 0.5s;height: 0;} header.mobile-header .menu-mob .nav ul li {list-style: none; line-height: 0; display: block; text-align: left; position: relative; padding: 10px 0px;} header.mobile-header .menu-mob .nav ul li a { position: relative; font-size: 2.5rem; text-decoration: none; text-align: center; color: #fff; text-transform: uppercase; font-weight:600;} header.mobile-header .menu-mob .nav ul li a:hover{color:#fff !important;} /* header.mobile-header .menu-mob .nav ul li a:hover, */ /* header.mobile-header .menu-mob .nav ul li.active a {color: #000;} */ header.mobile-header .font-li a{font-weight:700;} header.mobile-header{padding-top:0px !important;} /* submenu */ /* .menu > li { } */ header.mobile-header .menu-header-mobile-menu-container{width:96% !important;} header.mobile-header .menu-mob .nav ul li.active .sub-menu{opacity: 100% !important; z-index: 1 !important; padding-top: 25px; padding-bottom: 10px; height: auto;margin: 10px 0px;} header.mobile-header .menu-mob .nav ul li.menu-item-has-children.active:nth-child(2) .sub-menu{height:405px !important;} header.mobile-header .menu-mob .nav ul li.menu-item-has-children.active:nth-child(3) .sub-menu{height:255px !important;} header.mobile-header .menu-mob .nav ul li.menu-item-has-children.active:nth-child(4) .sub-menu{height:295px !important;} header.mobile-header .menu-mob .nav ul li.menu-item-has-children.active:nth-child(5) .sub-menu{height:330px !important;} header.mobile-header .menu-mob .nav ul li .sub-menu a{font-size:16px !important; text-align:left !important; display: inline-block; line-height: 24px; max-width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } header.mobile-header .menu-mob .nav ul li.first::after{display:none;} header.mobile-header .menu-mob .nav ul li.menu-item-has-children,header.mobile-header .menu-mob .nav ul li.menu-item-home{border-top: 1px solid #fff;} header.mobile-header .menu-mob .nav ul li.menu-item-has-children.last{border-bottom:1px solid #fff;} header.mobile-header .menu-mob .nav ul li.menu-item-has-children::after{content: "\f054"; font-family: fontawesome; color: #fff; font-size: 16px; position: absolute; top: 21px;right: 15px;transition:all 0.5s;transform:rotate(0deg);} header.mobile-header .menu-mob .nav ul li.menu-item-has-children.active::after{transform:rotate(90deg);} header.mobile-header .menu-mob .nav ul li .sub-menu li{text-align: left !important; line-height: 0px !important; padding: 7px 0px;} .dropbtn:hover .sub-menu{display: block; opacity: 100% !important; z-index: 1;} .sub-menu { display: block; opacity:0; position: relative; min-width: 160px; box-shadow: rgb(255 255 255 / 8%) 0px 54px 55px, rgb(255 255 255 / 12%) 0px -12px 30px, rgb(255 255 255 / -35%) 0px 4px 6px, rgb(255 255 255 / -54%) 0px 12px 13px, rgb(255 255 255 / 15%) 0px -1px 2px; z-index: -1; background: #09daf5; width: 100% !important; transition:0.5s;padding-top: 18px; padding-left:10px !important; } .sub-menu li{text-align:center !important;} /* submenu */ header div.col-6{ display: flex; justify-content: end !important; } header .navbar-nav{ column-gap: 1.5vw; } header .menu li a{ font-family: 'Poppins'; font-size: 15px; font-weight: 400; color: #000; text-decoration:none !important; padding: 0px 10px; } header div.col-4{ display: flex !important; justify-content: flex-end !important; } button.header-btn{ animation: pulse 1s infinite; font-size: 14px; width: 170px !important; height: 50px !important; border-radius: 50px !important; background-color: #232459 !important; color: #fff !important; border: none !important; } /* button.world-btn{ border: 1px solid #d7d7d7 !important; width: 52px; height: 52px; background-color: transparent; border-radius: 50px; margin-left: 1vw; transition:all 0.3s; } */ button.world-btn{border: 1px solid #d7d7d700 !important;height: 52px;background-color: transparent;margin-left: 1vw;transition: all 0.3s;} button.world-btn span{color: #232459; font-weight: 500; padding-left: 7px;transition: all 0.3s;} button.world-btn i{color: #232459; font-size: 22px; transition: all 0.3s; position: relative; top: 3px;} button.world-btn:hover{transform:scale(0.97);} button.world-btn:hover i{color:#09daf5;} button.world-btn:hover span{color:#09daf5;} header .fixed-top .designBtn{background-color:#232459 !important;padding: 13px 40px 12px 20px !important;margin: 0;} /* header .fixed-top .designBtn:hover {box-shadow: 0 4px 20px #fff; color: #fff; } */ header .fixed-top .designBtn:active { box-shadow: 0 5px 10px #09daf5; } header .fixed-top .designBtn::after { background-color: transparent !important; } header .fixed-top .designBtn::before { background-color: #09daf5 !important; } /* #wpadminbar{display:none !important;} */ header .dropdown li{color:#000 !important;display:block !important;} header .header-menu{align-items:center;} header .header-menu .dropdown{padding: 0px 12px !important;} header .header-menu .dropdown-menu{width: 170px; border: 1px solid #dbdbdb; border-top: 4px solid #09daf5 !important;} header .header-menu .dropdown-menu.solutionMenu {width: 210px;} header .header-menu .dropdown-menu li{padding: 0px 0px !important;} header .header-menu .dropdown-menu li a{padding: 8px 15px !important;} header .header-menu .dropdown-menu li a:hover{background-color:#f1f1f1;} /* header css end */ /* home page css start */ .box { display: flex; overflow: hidden; width: 480px; /* Adjust as needed */ } .box .inner { background-color: #09daf5; display: flex; justify-content: center; align-items: center; width: 605px; height: 138px; white-space: nowrap; overflow: hidden; position: relative; border: 1px solid #ccc; border-radius: 100px; /* For visualization */ } /* .box .inner:first-child { background-color: #09daf5; color: darkred; } .box .inner:last-child { background-color: lightcoral; color: antiquewhite; } */ .main-banner .box .inner span{top: -113px; left: 20px;} .box .inner span {color: var(--White, #FFF); display: flex; text-align: center; font-family: Poppins; font-size: 85px; font-style: normal; font-weight: 500; line-height: 135px; position: absolute; width: 100%; animation: marquee 10s linear infinite; white-space: nowrap; border-radius: 50px; } .firstLine .box .inner span { width: 115% !important; animation: marquee 12s linear infinite !important;color: var(--White, #FFF); display: flex; text-align: center; font-family: Poppins; font-size: 85px; font-style: normal; font-weight: 500; line-height: 115px !important; /* 115% */ position: absolute !important; white-space: nowrap; border-radius: 50px;top:6px;left:0;} .lastLine .box .inner span{top:0;left:0;} .box .inner:first-child span { /* animation-delay: 2.68s; */ /* transform: translateX(500px); */ } .logo-anim{ animation: logo infinite 5s; animation-delay: 2s; } .rotatingbtn{ border: 1px solid #000 !important; border-radius: 100%; animation: clockwiseRotate infinite 2s !important; transform-origin: 50% 50%; } .rotatingbtn svg{ animation: anticlockwiseRotate infinite 5s; } @keyframes marquee { 0% { transform: translateX(90%); } 100% { transform: translateX(-320%); } } @keyframes logo { 0%{ transform: rotate(0deg); } 15%{ transform: rotate(360deg); } 30%{ transform: rotate(0deg); } 45%{ transform: rotate(360deg); } 60%{ transform: rotate(0deg); } 70%{ transform: rotate(30deg); } 80%{ transform: rotate(-30deg); } 90%{ transform: rotate(0deg); } 100%{ transform: rotate(0deg); } } @keyframes clockwiseRotate{ 100%{ transform: rotate(360deg); } } @keyframes anticlockwiseRotate{ 100%{ transform: rotate(-360deg); } } @keyframes yearsOfExperience{ 0% { counter-increment: count 0; } 4%{ counter-increment: count 1; } 8%{ counter-increment: count 2; } 12%{ counter-increment: count 3; } 16%{ counter-increment: count 4; } 20%{ counter-increment: count 5; } 24%{ counter-increment: count 6; } 28%{ counter-increment: count 7; } 32%{ counter-increment: count 8; } 36%{ counter-increment: count 9; } 40%{ counter-increment: count 10; } 44%{ counter-increment: count 11; } 48%{ counter-increment: count 12; } 52%{ counter-increment: count 13; } 56%{ counter-increment: count 14; } 60%{ counter-increment: count 15; } 64%{ counter-increment: count 16; } 68%{ counter-increment: count 17; } 72%{ counter-increment: count 18; } 76%{ counter-increment: count 19; } 80%{ counter-increment: count 20; } 84%{ counter-increment: count 21; } 88%{ counter-increment: count 22; } 92%{ counter-increment: count 23; } 96%{ counter-increment: count 24; } 100%{ counter-increment: count 25; counter-reset: 25; } } @keyframes projectsCounter{ 0%{ counter-increment: count 0; } 33%{ counter-increment: count 1; } 66%{ counter-increment: count 2; } 100%{ counter-increment: count 3; } } @keyframes teamMembers{ 0%{ counter-increment: count 0; } 2%{ counter-increment: count 1; } 4%{ counter-increment: count 2; } 6%{ counter-increment: count 3; } 8%{ counter-increment: count 4; } 10%{ counter-increment: count 5; } 12%{ counter-increment: count 6; } 14%{ counter-increment: count 8; } 16%{ counter-increment: count 10; } 18%{ counter-increment: count 11; } 20%{ counter-increment: count 12; } 22%{ counter-increment: count 13; } 24%{ counter-increment: count 14; } 26%{ counter-increment: count 15; } 28%{ counter-increment: count 16; } 30%{ counter-increment: count 17; } 32%{ counter-increment: count 18; } 34%{ counter-increment: count 19; } 36%{ counter-increment: count 20; } 38%{ counter-increment: count 21; } 40%{ counter-increment: count 22; } 42%{ counter-increment: count 23; } 44%{ counter-increment: count 24; } 46%{ counter-increment: count 25; } 46%{ counter-increment: count 26; } 48%{ counter-increment: count 27; } 50%{ counter-increment: count 28; } 52%{ counter-increment: count 29; } 54%{ counter-increment: count 30; } 56%{ counter-increment: count 31; } 58%{ counter-increment: count 32; } 60%{ counter-increment: count 33; } 62%{ counter-increment: count 34; } 64%{ counter-increment: count 35; } 66%{ counter-increment: count 36; } 68%{ counter-increment: count 37; } 70%{ counter-increment: count 38; } 72%{ counter-increment: count 39; } 74%{ counter-increment: count 40; } 76%{ counter-increment: count 41; } 78%{ counter-increment: count 42; } 80%{ counter-increment: count 43; } 82%{ counter-increment: count 44; } 84%{ counter-increment: count 45; } 88%{ counter-increment: count 46; } 92%{ counter-increment: count 47; } 100%{ counter-increment: count 48; } } @keyframes awardWinning{ 0%{ counter-increment: count 0; } 2%{ counter-increment: count 1; } 4%{ counter-increment: count 2; } 6%{ counter-increment: count 3; } 8%{ counter-increment: count 4; } 10%{ counter-increment: count 5; } 12%{ counter-increment: count 6; } 14%{ counter-increment: count 8; } 16%{ counter-increment: count 10; } 18%{ counter-increment: count 11; } 20%{ counter-increment: count 12; } 22%{ counter-increment: count 13; } 24%{ counter-increment: count 14; } 26%{ counter-increment: count 15; } 28%{ counter-increment: count 16; } 30%{ counter-increment: count 17; } 32%{ counter-increment: count 18; } 34%{ counter-increment: count 19; } 36%{ counter-increment: count 20; } 38%{ counter-increment: count 21; } 40%{ counter-increment: count 22; } 42%{ counter-increment: count 23; } 44%{ counter-increment: count 24; } 46%{ counter-increment: count 25; } 46%{ counter-increment: count 26; } 48%{ counter-increment: count 27; } 50%{ counter-increment: count 28; } 52%{ counter-increment: count 29; } 54%{ counter-increment: count 30; } 56%{ counter-increment: count 31; } 58%{ counter-increment: count 32; } 60%{ counter-increment: count 33; } 62%{ counter-increment: count 34; } 64%{ counter-increment: count 35; } 66%{ counter-increment: count 36; } 68%{ counter-increment: count 37; } 70%{ counter-increment: count 38; } 72%{ counter-increment: count 39; } 74%{ counter-increment: count 40; } 76%{ counter-increment: count 41; } 78%{ counter-increment: count 42; } 80%{ counter-increment: count 43; } 82%{ counter-increment: count 44; } 84%{ counter-increment: count 45; } 88%{ counter-increment: count 46; } 90%{ counter-increment: count 47; } 92%{ counter-increment: count 48; } 94%{ counter-increment: count 49; } 100%{ counter-increment: count 50; } } @keyframes object{ 0% { transform: translate(0, 0px); } 65% { transform: translate(0, 15px); } 100% { transform: translate(0, 0px); } } /* Your CSS styles here */ /* For HTML and Body */ /* Link styles */ .link { width: 10rem; height: 10rem; display: inline-block; font: 300 1.55rem/1.4 "Josefin Sans"; text-transform: uppercase; letter-spacing: 0.1175em; word-spacing: 0.3em; text-decoration: none; } path.link__path{ background-color: #000 !important; } /* Other styles and animations */ .link__svg { width: 100%; height: auto; fill: #2B3338; stroke: #2B3338; stroke-width: 0.05em; stroke-linecap: round; stroke-linejoin: round; } .link__cloud { transform-origin: 50% 50%; animation: rotate normal infinite 3s linear; fill: rgba(255, 255, 255, 0.15); } .link__face, .link__arrow { transform-origin: 50% 50%; transition: transform 0.15s cubic-bezier(0.33, 1, 0.68, 1); } .link:hover .link__face, .link:hover .link__arrow { transform: scale(1.1); transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0); } .link__arrow { stroke-width: 0.075em; } .link__text { animation: rotate normal infinite 5s linear; transform-origin: 50% 50%; } .link:hover .link__text { animation-play-state: paused; } @keyframes rotate { to { transform: rotate(360deg); } } @keyframes rotateReverse { to { transform: rotate(-360deg); } } @keyframes up-down{ 0%{ transform: translate(20px, 110px); } 25%{ transform: translate(20px, 110px); } 30%{ transform: translate(20px, -20px); } 65%{ transform: translate(20px, -20px); } 70%{ transform: translate(20px, -155px); } 95%{ transform: translate(20px, -155px); } 100%{ transform: translate(20px, 110px); } } @keyframes wordslider{ 0%{ transform: translateX(150px); } 25%{ transform: translateX(150px); } 30%{ transform: translateX(-450px); } 65%{ transform: translateX(-450px); } 70%{ transform: translateX(-1140px); } 95%{ transform: translateX(-1140px); } 100%{ transform: translateX(150px); } } @keyframes commonwordslider{ 0%{ transform: translateX(0px); } 25%{ transform: translateX(0px); } 30%{ transform: translateX(-350px); } 65%{ transform: translateX(-350px); } 70%{ transform: translateX(-840px); } 95%{ transform: translateX(-840px); } 100%{ transform: translateX(60px); } } @keyframes common-up-down-2{ 0%{ transform: translate(0px, 32px); } 55%{ transform: translate(0px, 32px); } 70%{ transform: translate(0px, -42px); } 90%{ transform: translate(0px, -42px); } 100%{ transform: translate(0px, 32px); } } @keyframes common-up-down{ 0%{ transform: translate(0px, 70px); } 25%{ transform: translate(0px, 70px); } 30%{ transform: translate(0px, 0px); } 65%{ transform: translate(0px, 0px); } 70%{ transform: translate(0px, -70px); } 95%{ transform: translate(0px, -70px); } 100%{ transform: translate(0px, 70px); } } @keyframes awards-anim{ 0%{ transform: translateX(0px); } 50%{ transform: translateX(-200px); } 100%{ transform: translateX(0px); } } @keyframes icon-bounce{ 0%{ transform: translateY(0px); } 15%{ transform: translateY(-50px); } 30%{ transform: translateY(0px); } 45%{ transform: translateY(-30px); } 60%{ transform: translateY(0px); } 75%{ transform: translateY(-10px); } 90%{ transform: translateY(0px); } 100%{ transform: translateY(0px); } } @keyframes hoverRowColor{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes imgDisplay{ 0%{ transform: scale(0.8); opacity:0; } 100%{ transform: scale(1, 1); opacity:1; } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 #232459, 0 0 0 0 #232459; } 40% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 4px #232459; } 80% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 8px rgba(35, 36, 89, 0); } 100% { box-shadow: 0 0 0 0 #232459, 0 0 0 12px rgba(35, 36, 89, 0); } } /* @keyframes pulse2 { 0% { box-shadow: 0 0 0 0 #09daf5, 0 0 0 0 #09daf5; } 40% {  box-shadow: 0 0 0 0 #09daf569, 0 0 0 8px #09daf569; } 80% {  box-shadow: 0 0 0 0 #09daf569, 0 0 0 12px #09daf569; } 100% { box-shadow: 0 0 0 0 #09daf5, 0 0 0 12px #09daf569; } } @keyframes pulse3 { 0% { box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff; } 40% { box-shadow: 0 0 0 0 #fff, 0 0 0 4px #fff; } 80% { box-shadow: 0 0 0 0 #fff, 0 0 0 8px #fff; } 100% { box-shadow: 0 0 0 0 #fff, 0 0 0 12px #fff; } } */ .main-banner{ /* background-image: url('assets/images/Group-17326-1.png'); */ height: 710px; padding: 0 8vw !important; display: flex; flex-direction: column; justify-content: center !important; align-items: center !important; row-gap: 0px; } .fir-mhead{ display: flex !important; justify-content: center !important; align-items: center !important; /* padding-top: 20px; */ } .mb-heading{ color: #232459; text-align: center; font-family: Poppins; font-size: 85px; font-style: normal; font-weight: 600; line-height: 70px; /* 70% */ } .mheadingsec{ display: flex; justify-content: center; align-items: center; } .mheadingsec-end{ display: flex; justify-content: flex-start; align-items: center; padding-left: 2vw !important; } h1.mb-mobile-heading{ display:none !important; } .sec-mhead{ display: flex !important; justify-content: center !important; align-items: center !important; /* padding-top: 20px; */ } .last-mhead{ display: flex !important; justify-content: center !important; align-items: center !important; padding-top: 20px; } .last-mhead .mb-desc-div{ display: flex; justify-content: flex-end !important; } .last-mhead .mheadingsec{ justify-content:start !important; padding-left: 50px; } .last-mhead .box .inner{ background-color: #232459; } .main-banner .header-btn{ display: none; } .up-down .box{ display: flex; overflow: hidden; width: 480px; } .up-down .box .inner{ background-color: #7A79B7; display: flex; justify-content: center; align-items: center; width: 430px; height: 138px; white-space: nowrap; overflow: hidden; position: relative; border: 1px solid #ccc; border-radius: 100px; /* transform: translateX(-40px); */ } .up-down .box .inner span{ animation: up-down 10s infinite; } .box.slide-box{ width: 605px !important; height: 138px; position: relative; left: -60px; } .box.slide-box .inner span{ transform: translateX(60px); animation: wordslider 10s infinite; animation-delay: 0s; left: 0px; } .mb-button{ position: relative; display: flex; justify-content: flex-end; /* transform: translateX(-40px); */ } .mb-button .button-outer{ animation: rotate infinite 5s; background-color: #34337E; border-radius: 100px !important; display: flex; justify-content: center; align-items: center; /* padding: 8px 8px 5px; */ width: 150px; height: 150px; } .mb-button:hover .button-outer{ animation-play-state: paused !important; } .mb-button .button-inner{ background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; border-radius: 50%; } .mb-button:hover .button-inner svg{ animation-play-state: paused !important; } .mb-button .button-inner svg{ animation: rotateReverse infinite 5s; } .mb-desc{ color: #1E1E1E; text-align: center; font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 300; line-height: 59px; /* 184.375% */ padding-top: 25px; padding-right: 30px; } .mb-desc span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 300; line-height: 59px; } /* second section css start */ .second-sec .col-7 .col-7{ width:max-content !important; } section.second-sec{ /* background-image: url('assets/images/Group-17327-1.png') !important; */ padding: 96px 8vw 110px; /* display: flex; */ background-color: #232459; } .up-down-before{ color: var(--White, #FFF); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ width: max-content; } .common-up-down{ /* transform: translateX(0px); */ } .common-up-down .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; } .common-up-down .box .inner{ background-color:transparent; display: flex; justify-content: start; align-items: center; /* width: 100% !important; */ height: 75px; white-space: nowrap; overflow: hidden; position: relative; border: none !important; border-radius: 0px; /* transform: translateX(-40px); */ } .second-sec .col-12.common-up-down{ display: flex; } .second-sec .row.mobile-center{ overflow-wrap: break-word; } .common-up-down .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ animation: common-up-down-2 5s infinite; text-align:left !important; width: max-content !important; } .second-sec-desc{ color: #FFF; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 300; line-height: 30px; /* 187.5% */ padding-top: 10px; } .awards-sec{ padding-top: 85px; } .awards-sec .container-fluid .row{ display: flex; animation: awards-anim 10s infinite !important; width: 100vw; /* overflow-x: scroll !important; */ } .awards-sec .container-fluid .row .col{ margin-right: 30px; } .awards-sec .container-fluid .row .award{ display: flex; justify-content: center; align-items: center; width: 154px; height: 254px !important; border-radius: 20px; background: #34337E; } .awards-sec .container-fluid .row .award img{ width: 152px !important; height: 201px !important; object-fit: contain; margin: 41px 32px; } .awards-sec .container-fluid .row .award:hover{ background-color: #fff;; } .awards-sec .container-fluid .row .award:hover img{ filter: invert(1); } /* second section css end */ /* third section css start */ .third-sec{ padding: 107px 8vw 50px; } .third-sec h2.up-down-before:first-child{ width:100% !important; } .third-sec .up-down-before{ color: #232459; width:max-content !important; } .third-sec .common-up-down{ width:max-content !important; transform: translate(0px, -2px); } .third-sec .common-up-down .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; } .third-sec .common-up-down .box .inner{ background-color: transparent; display: flex; justify-content: start; align-items: center; width: 200px !important; height: 75px; white-space: nowrap; overflow: visible; position: relative; border: none !important; border-radius: 0px; transform: translateX(5px) !important; padding-top: 10px; } .third-sec .common-up-down .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 75px; /* 116.667% */ animation: common-up-down-2 5s infinite; text-align:left !important; width: max-content !important; } .third-sec-desc{ color: #000; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 300; line-height: 32px; /* 200% */ } .third-sec-desc a{ color: #09daf5; font-family: Poppins; font-size: 16px; font-weight: 500; } .third-sec-desc a:hover{text-decoration:underline !important;} /* third section css end */ /* fourth section css start */ .fourth-sec{ padding: 0 8vw; margin-bottom: 75px; } .fourth-sec .row{ column-gap: 0px; } .fourth-sec .col-8{ margin: 0; padding: 0; } .fourth-sec .mobile-tabs-dropdown{ display:none; } .fourth-sec .tab-pane{ padding: 0px 0px 0px 70px !important; color: #000 !important; border: 1px solid #cfcfcf; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .fourth-sec .nav-link{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; /* 166.667% */ border: none !important; } /* .fourth-sec .nav-link:first-child{ border-bottom: 11px solid #09daf5; } */ .fourth-sec .nav-tabs .nav-item.active { border-bottom: 11px solid #09daf5 !important; } .fourth-sec .nav-link:has(.active){ color: var(--Dark-Purple, #232459); } .fourth-sec .nav-link:hover{color:#09daf5 !important;} .fourth-sec .nav-tabs{ margin-left: 20px; } .fourth-sec .tab-pane-heading{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 700; line-height: 30px; /* 93.75% */ padding-top:60px; } .fourth-sec .tab-pane-heading span a{ padding: 5px 5px 5px !important; border: 1px solid #cfcfcf; } .fourth-sec .tab-pane-heading span{ display: inline-flex; transform: translateY(-5px) !important; } .fourth-sec .tab-pane p{ padding: 25px 0; color: #000; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 300; line-height: 30px; /* 214.286% */ } .fourth-sec .tab-pane p a{ color: #09daf5; font-family: Poppins; font-size: 14px; font-weight: 500; } .fourth-sec .tab-pane p a:hover{text-decoration:underline !important;} .fourth-sec .col-4{ padding: 45px 0 0px 45px !important; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-left:1px solid #cfcfcf; background: linear-gradient(326deg, #09daf5 0%, rgb(35, 36, 89) 50%); } .fourth-sec .col-4 ul{ display: flex; flex-direction: column; } .fourth-sec .col-4 ul li{ padding-bottom: 45px; } .fourth-sec .col-4 ul li a{ color: var(--White, #FFF); font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; } .fourth-sec .header-btn{ margin-bottom:60px; } .fourth-sec .col-4 ul li a:hover, .fourth-sec .col-4 ul li a:focus{ border-bottom: 1px solid #fff !important; } .fourth-sec .col-4 ul li a svg{ transition-duration: 0.5s; transform: rotate(-45deg); } .fourth-sec .col-4 ul li a:hover svg{ transform: rotate(0deg); transition-duration: 0.5s; } .fourth-sec .col-4 ul li a:hover svg path{ fill: #09daf5 !important; } /* fourth section css end */ /* fifth section css start */ .fifth-sec{ padding: 81px 8vw 88px; background-color: #F6F6F6; } .fifth-sec div.mobile-hover-row{ display: none !important; } .fifth-sec h2{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ } .fifth-sec .common-up-down{ transform: translate(0px, 0px) !important; } .fifth-sec .common-up-down .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; } .fifth-sec .common-up-down .box .inner{ background-color: transparent; display: flex; justify-content: start; align-items: center; width: 350px !important; height: 75px; white-space: nowrap; overflow: hidden; position: relative; border: none !important; border-radius: 0px; padding-top: 10px; } .fifth-sec .common-up-down .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 75px; /* 116.667% */ animation: common-up-down-2 5s infinite; text-align:left !important; width: max-content !important; left: 0px; } .fifth-sec .fifth-anim-sec.row{ margin-bottom: 90px !important; } .fifth-sec *{ text-decoration: none !important; } .fifth-sec .hover-row{ transition-duration: 1s; height: 180px; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; display: flex; justify-content: center; align-items: center; } .fifth-sec .hover-row h3{ transition-duration: 1s; color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 700; line-height: 70px; /* 218.75% */ text-transform: uppercase !important; } .fifth-sec .hover-row .category{ transition-duration: 1s; width: fit-content; padding: 15px 20px; border: 1px solid #34337E; color: #34337E; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin-right: 10px; border-radius: 50px; } .fifth-sec .hover-row .hidden-row{ transition-duration: 1s; display: none; /* display: flex; */ align-items: center; } .fifth-sec .hover-row:hover{ transition-duration: 1s; position: relative; cursor: none; display: flex; justify-content: space-between !important; align-items: center !important; transition-timing-function: ease-in-out; border-radius: 20px; border: none !important; } .fifth-sec .hover-row:hover::before{ content: ''; position: relative; height: 180px; width: 100%; display: flex; align-self: flex-end; background: linear-gradient(-90deg, #09daf5 0%, rgb(35, 36, 89) 80%); animation: hoverRowColor 0.5s linear; transform-origin:left !important; border-radius: 20px; } .fifth-sec .hover-row .hover-text{ display: none; transition-duration: 1s; color: #FFF; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 300; line-height: 22px; width: 700px; padding-left: 15px; } .fifth-sec .hover-row:hover .hover-text{ display: flex; } .fifth-sec .hover-row:hover .hidden-row{ transition-duration: 1s; position: absolute; top: -10%; right: 0; width: fit-content !important; display: flex !important; justify-content: center !important; align-items: center !important; transform: translateY(-20px); } .fifth-sec .hover-row:hover .hidden-row img{ transition-duration: 1s; width: 1000px; height: 260px; animation: imgDisplay 0.5s linear; } .fifth-sec .hover-row:hover .tobehide{ transition-duration: 1s; display: none !important; } .fifth-sec .hover-row:hover h3{ transition-duration: 1s; color: var(--White, #FFF); font-family: Poppins; font-size: 42px; font-style: normal; font-weight: 900; text-transform: uppercase !important; line-height: 70px; /* 109.375% */ padding-left: 15px; } .fifth-sec .hover-row:hover .hover-row-heading{ transition-duration: 1s; position: absolute; top: 32% !important; /* left: -20%; */ /* display: flex; */ /* flex-direction: row !important; */ transform: translateY(-40px); width: max-content !important; text-align: left; transition: transform 1s; /* align-self: flex-start; */ } .cursor{ position: fixed; top: 0; left: 0; width: 110px !important; display: flex; justify-content: center; height: 96px; border-radius: 50%; pointer-events: none; z-index: 1000; background-color: transparent !important; /* color: #FFF !important; */ /* color: rgba(0, 0, 0, 0.397); mix-blend-mode: difference !important; filter: invert(100%) !important; backdrop-filter: invert(100%) !important; */ } .cursor svg{ /* mix-blend-mode: difference !important; */ /* filter: invert(1); */ backdrop-filter: invert(80%); border-radius: 50%; width: 96px !important; height: 96px !important; } .cursor svg circle{ opacity: 0%; } .cursor::before { color: #FFF !important; content: 'View Work'; display: flex; justify-content: center; align-items: center; position: absolute; width: 96px; height: 96px; border-radius: 50%; /* background-color: transparent !important; */ font-family: Poppins; font-size: 13px; font-style: normal; font-weight: 800; line-height: 26px; /* 200% */ /* color: transparent !important; */ /* background-color: rgba(0, 0, 0, 0.2) !important; */ /* mix-blend-mode: difference !important; */ } .fifth-sec .cs-button-sec{ display: flex; justify-content: center; } .fifth-sec .cs-button{ margin-top: 72px; font-size: 14px; width: 170px !important; height: 50px !important; border-radius: 50px !important; background-color: #232459 !important; color: #fff !important; border: none !important; text-align: center; } .fifth-sec .btnBox .designBtn{margin-top:40px;} /* fifth section css end */ /* sixth section css start */ .sixth-sec{ padding: 80px 8vw 290px; background-color: #232459; } .sixth-sec .common-up-down{ transform: translate(10px, 2px); } .sixth-sec .common-up-down .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; } .sixth-sec .common-up-down .box .inner{ background-color: transparent; display: flex; justify-content: start; align-items: center; width: 350px !important; height: 75px; white-space: nowrap; overflow: hidden; position: relative; border: none !important; border-radius: 0px; transform: translateX(5px); padding-top: 10px; } .sixth-sec .common-up-down .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 75px; /* 116.667% */ animation: common-up-down-2 5s infinite; text-align:left !important; width: max-content !important; left:10px; } .sixth-sec .third-sec-desc{ color: #fff; } .sixth-sec .expertise-sec{ margin-top: 60px; } .sixth-sec .expertise-sec .expertise-row{ display: flex; justify-content: center !important; align-items: center; margin-bottom: 35px; } .sixth-sec .expertise-sec .expertise-card{ display: flex; flex-direction: column; position: relative; padding-top: 35px; padding-left: 15px; padding-right: 15px; background-color: #484790; width: 22%; border-radius: 20px; height: 539px; margin-right: 30px !important; } .sixth-sec .expertise-sec .expertise-card .icon{ position: relative; top:-22px; display: flex !important; width: 60px !important; height: 60px !important; justify-content: center; align-items: center; border-radius: 50px !important; background-color: #09daf5; padding: 10px; z-index: 10;transition:all 0.5s;left:12px; } .sixth-sec .expertise-sec .expertise-card::before{ content: ''; position: absolute; height: 50px; width: 57px; background-color: #232459; top: 0; left: 10%; border-radius: 0px 0px 50px 50px; transition:all 0.5s; } .sixth-sec .expertise-sec .expertise-card:hover::before{ background-color: #832929; height: 80px; } .sixth-sec .expertise-sec .expertise-card .expertise-heading{ color: var(--White, #FFF); font-family: Poppins !important; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; margin: 10px 0px; } .sixth-sec .expertise-sec .expertise-card .expertise-description p{color: var(--White, #FFF);font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 300;line-height: 24px; /* 200%text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal; */ } .expertise-arrow{ display: flex; justify-content: flex-end; transform: translateY(10px); position: relative; } .sixth-sec .expertise-sec .expertise-card .expertise-arrow a img{ position: absolute; top: 0; right: 8%; display: none; transition-duration: 1s; } .sixth-sec .expertise-sec .expertise-card .expertise-arrow svg{ /* display: flex; */ /* align-self: flex-end; */ transition-duration: 1s; position: absolute; top: 0; right: 8%; } .sixth-sec .expertise-sec .expertise-card:hover .icon{ /*animation: icon-bounce 1.5s linear;*/ top:0px; } .sixth-sec .expertise-sec .expertise-card:hover .expertise-arrow svg{ transition-duration: 1s; display: none !important; } .sixth-sec .expertise-sec .expertise-card:hover .expertise-arrow img{ transition-duration: 1s; display: block !important; position: absolute; z-index: 10; /* top: -10% !important; */ /* transform: translateY(-20px); */ } .sixth-sec .expertise-sec .expertise-card:hover{ transition-duration: 1s; background: linear-gradient(136deg, #09daf5 -60%, #34337E 60%); } .expertise-explore{ display: flex; justify-content: center; margin-top: 70px; } .expertise-explore p{ color: var(--White, #FFF); font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } .expertise-explore span a{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-transform: capitalize; } /* sixth section css end */ /* seventh section css start */ .seventh-sec{ margin: 0 8vw; padding: 30px; height: 500px; filter: drop-shadow(0px 7px 25px rgba(0, 0, 0, 0.07)); background-color: #fff; border-radius: 20px; position: relative; z-index: 2; margin-top: -225px; margin-bottom: 70px; } .seventh-sec .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; } .seventh-sec .box .inner{ background-color:transparent; display: flex; justify-content: center; align-items: center; width: 272px !important; height: 60px; white-space: nowrap; overflow: hidden; position: relative; border: none !important; border-radius: 0px; /* transform: translateX(-40px); */ } .seventh-sec .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 42px; font-style: normal; font-weight: 700; text-transform: capitalize; line-height: 70px; /* 116.667% */ animation: common-up-down 10s infinite; text-align:left !important; width: max-content !important; } .seventh-sec .blue-sec{ height: 460px; border-radius: 10px; padding: 50px 0px 50px 40px; background: linear-gradient(320deg, #09daf5 -60%, rgba(35, 36, 89, 0.945) 60%); } .seventh-sec .blue-sec h2{ color: var(--White, #FFF); font-family: Poppins; font-size: 40px; font-style: normal; font-weight: 700; line-height: 51px; /* 133.333% */ width: max-content; } .seventh-sec .blue-sec h2 span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 42px; font-style: normal; font-weight: 700; line-height: 56px; } .seventh-sec .blue-sec p{color: var(--White, #FFF); font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 300; line-height: 28px; padding-bottom: 20px;} .seventh-sec .started-row .logo-anim{ display: none !important; } .seventh-sec .blue-sec .contact-info .designBtn{margin-top:20px !important;} .seventh-sec .blue-sec .contact-info .designBtn::before{background-color:#34337E !important;} .seventh-sec .blue-sec .contact-info .designBtn:hover{box-shadow: 0px 4px 20px #fff !important;} .seventh-sec .blue-sec .contact-info .designBtn::after{top: 15px;} .seventh-sec .blue-sec .contact-info { padding-left: 50px; align-items: center; padding-bottom: 35px; } .seventh-sec .blue-sec .contact-info a{ text-decoration: none !important; } .seventh-sec .blue-sec .contact-info h2{ color: var(--White, #FFF); font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; } .seventh-sec .blue-sec .contact-info h2 span{ color: var(--White, #FFF); font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 300; line-height: 36px; } .seventh-sec .cs-button{ margin-left: 50px; font-size: 14px; width: 170px !important; height: 50px !important; border-radius: 50px !important; background-color: #fff !important; color: #232459 !important; border: none !important; text-align: center; transition:all 0.5s; } .seventh-sec .cs-button:hover{} .seventh-sec .cs-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px #fff; color: #fff; } .seventh-sec .cs-button:active { transform: translateY(-1px); box-shadow: 0 5px 10px #fff; } .seventh-sec .cs-button::after { content: ""; display: inline-block; height: 100%; width: 100%; border-radius: 100px; position: absolute; top: 0; left: 0; z-index: -1; transition: all .4s; } .seventh-sec .cs-button::after { background-color: #fff; } .seventh-sec .cs-button:hover::after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } .seventh-sec .designBtn::before{background-color:#09daf5 !important;} .seventh-sec .designBtn:hover{box-shadow: 0 10px 20px #09daf5 !important;} /* .seventh-sec .cs-button::before{content:"\f061";font-family:fontawesome;position: absolute; right: 17px; top: 16px;} */ /* seventh section css end */ /* eighth section css start */ @keyframes face-anim{ 0% { transform: translate3d(15px, 15px, 0); } 25% { transform: rotate3d(0, 0, 1, 5deg); } 50% { transform: translate3d(-15px, -15px, 0); } 75% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: translate3d(15px, 15px, 0); } } .page-id-1001 .eighth-sec{padding: 80px 8vw 0px !important;} .eighth-sec{ padding: 0 8vw; } .eighth-sec .accordion-sec h2{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ padding-bottom: 50px; } .eighth-sec .accordion-sec h2 span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 70px; } .eighth-sec .accordion-sec *{ border: none ; } .eighth-sec .mobile-accordion{ display: none; } .eighth-sec .accordion-button:focus{box-shadow:none !important;} .accordion-item{ border-radius: 20px !important; border: 1px solid #D9D9D9 !important; margin-bottom: 30px; } .accordion-header{ padding: 0; margin: 0; height: 100px; /* border: none !important; */ border-radius: 20px !important; } .accordion-button{ border: none !important; display: flex; background-color: transparent !important; align-items: center; } .accordion-button h2{ display: flex; height: 32px; align-items: center !important; color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 24px !important; font-style: normal; font-weight: 700; line-height: normal; padding-left: 20px; margin-bottom: -50px; } .accordion-button span{ display: flex; justify-content: center; align-items: center; color: var(--light-red, #09daf5); font-family: Poppins; font-size: 24px !important; font-style: normal; font-weight: 700; line-height: normal; background-color: #F6F6F6; /* padding: 23px; */ border-radius: 100px; height: 80px !important; width: 80px !important; } .accordion-body{ padding: 30px 50px !important; border: none !important; } .accordion-body p{ color: var(--Black, #000); font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 300; line-height: 24px; /* 200% */ } .face-row{ margin-bottom: 50px; } .face-div{ display: flex; justify-content: center; } .face-sec{ display: flex; /* flex-direction: row; */ align-self: center; align-items: center; justify-content: center; height: 780px; width: 570px !important; border-radius: 20px; background-color: #34337E; position: relative; } .face-sec img{ position: absolute; width: 665px; height: 579px; animation: face-anim 10s linear infinite; } .eighth-sec .counter-row{ margin-bottom: 70px; } .eighth-sec .counter-card .counter-col{ display: flex !important; justify-content: center !important; } .eighth-sec .counter-card{ width: 300px; height: 350px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #F6F6F6; border-radius: 20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .experience-counter::after{ content: counter(count); animation: yearsOfExperience 3s linear; counter-reset: count 0; animation-fill-mode: forwards; } .projects-counter::before{ content: counter(count); animation: projectsCounter 3s linear; counter-reset: count 0; animation-fill-mode: forwards; } .team-members::after{ content: counter(count); animation: teamMembers 3s linear; counter-reset: count 0; animation-fill-mode: forwards; } .award-winning::after{ content: counter(count); animation: awardWinning 3s linear; counter-reset: count 0; animation-fill-mode: forwards; } .eighth-sec .counter-card h2{ color: #232459; font-family: Poppins; font-size: 100px; font-style: normal; font-weight: 700; line-height: normal; } .eighth-sec .counter-card .timer{ color: #232459; font-family: Poppins; font-size: 100px; font-style: normal; font-weight: 700; line-height: normal; } .eighth-sec .counter-card p{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .eighth-sec .cs-button-sec{ display: flex; justify-content: center; margin-bottom: 88px; } .eighth-sec .cs-button{ margin-left: 50px; font-size: 14px; font-family: Poppins; width: 213px !important; height: 50px !important; border-radius: 50px !important; background-color: #232459 !important; color: #fff !important; border: none !important; text-align: center; animation: pulse 1s infinite; } /* eighth section css end */ /* ninth section css start */ .ninth-sec{ background-color: #232459; padding: 110px 8vw; } .ninth-sec .row-1 .row{ align-items: center; } .ninth-sec .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; margin: 0; padding: 0; transform: translateY(-2px); } .ninth-sec .box .inner{ background-color:transparent; display: flex; justify-content: center; align-items: center; width: 350px !important; height: 60px; white-space: nowrap; overflow: hidden; position: relative; border: none !important; border-radius: 0px; padding: 0; /* transform: translateX(-40px); */ } .ninth-sec .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 50px; font-style: normal; font-weight: 700; text-transform: capitalize; line-height: 70px; /* 116.667% */ animation: common-up-down 10s infinite; text-align:left !important; width: max-content !important; } .ninth-sec .col-6 h2{ color: var(--White, #FFF); font-family: Poppins; font-size: 50px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ text-transform: capitalize; width: max-content; } .ninth-sec .col-6 h2 span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; text-transform: capitalize; } .ninth-sec .col-6 h6{ padding-top: 10px; color: var(--White, #FFF); font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 300; line-height: 37px; /* 154.167% */ } .ninth-sec .row-1{ margin-bottom: 50px; } /* .reviews-sec .container-fluid #reviews-slider{ display: flex; flex-direction: row; width: 100vw; animation: awards-anim 10s linear infinite !important; } */ .reviews-sec .swiper-slide{ /* cursor: grab;s */ display: flex; flex-direction: column; justify-content: flex-start !important; align-items: flex-start !important; width: 154px; height: 525px !important; border-radius: 20px; background: #34337E; margin-right: 30px; padding: 25px 15px 25px 15px; text-align: left !important; position: relative; } .review-card *{ text-align: left !important; display: flex; justify-content: flex-start; /* user-select: none !important; */ } .review-card .title{ color: var(--White, #FFF); font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px; /* 144.444% */ height:50px; } .review-card .rating{ margin-top: 5px; } .review-card .review p{ color: #FFF; font-family: Poppins; font-size: 11px; font-style: normal; font-weight: 300; line-height: 19px; /* 200% */ margin: 10px 0px 15px; } .review-card .client{ color: var(--White, #FFF); font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 700; line-height: 10px; /* 185.714% */ } .review-card .designation{ color: rgba(255, 255, 255, 0.90); font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 400; line-height: 26px; /* 216.667% */ margin:0 !important; } .review-card .platform{ width: fit-content !important; margin-top: 10px; } .review-card .platform-link{ width: max-content; } .review-card .mergeBox{position: absolute; bottom: 15px; display: block;} /* .review-card img{width: 125px; height: 30px; object-fit: contain;} */ /* ninth section css end */ /* tenth section css start */ .tenth-sec{ padding: 80px 8vw 80px !important; background-color: #F6F6F6; } .tenth-sec .col-6.full-width .row{ align-items: center; } .tenth-sec .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; margin: 0; padding: 0; transform: translateY(0px); } .tenth-sec .box .inner{ background-color:transparent; display: flex; justify-content: center; align-items: center; width: 400px !important; height: 60px; white-space: nowrap; overflow: hidden; position: relative; border: none !important; border-radius: 0px; padding: 0; /* transform: translateX(-40px); */ } .tenth-sec .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 60px; font-style: normal; font-weight: 700; text-transform: capitalize; line-height: 70px; /* 116.667% */ animation: common-up-down-2 5s infinite; text-align:left !important; width: max-content !important; } .tenth-sec h2{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ text-transform: capitalize; width: max-content; } .tenth-sec h2 span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; text-transform: capitalize; } .tenth-sec p{ color: var(--Black, #000); font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 300; line-height: 32px; /* 200% */ } .tenth-sec .nav-tabs{ display: flex; background-color: #fff; width: fit-content; border-radius: 50px; } .tenth-sec .nav-tabs .nav-item .nav-link{ background-color: transparent; border: none; color: var(--Dark-Purple, #232459) !important; font-family: Poppins !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 30px; } .tenth-sec .nav-tabs .nav-item.active .nav-link{ border-radius: 50px; background-color: #232459 !important; color: var(--White, #FFF) !important; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } /* .nav-tabs */ .tenth-sec .tab-pane{ display: flex; } .tenth-sec .tab-pane .row-1{ margin-top: 60px; } .tenth-sec .tab-pane .row-2{ margin-top: 22px !important; } /* .tenth-sec .tab-content{ display: flex; justify-content: center; align-items: center; } */ .tenth-sec .tab-content .col-sm-3 {padding:8px;} .tenth-sec .tab-content .col-sm-3 .vc_column-inner{ width: 18.4vw; background-color: #fff; border-radius: 20px; display: flex; justify-content: center; align-items: center; height: 230px;} .tenth-sec .tab-content .col-sm-3 img{ padding: 45px 30px; filter: grayscale(200%); opacity: 60%; transition-duration: .5s; } .tenth-sec .tab-content .col-sm-3 .vc_column-inner:hover{ transition-duration: .5s !important; background-color: #34337e; } .tenth-sec .tab-content .col-sm-3 .vc_column-inner:hover img{ opacity: 100%; filter: grayscale(0%); transition-duration: .5s !important; } /* tenth section css end */ /* blog section css start */ .blog-sec{ padding: 60px 8vw 90px; /* margin-bottom: 90vh; */ } .blog-sec h2{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ text-transform: capitalize; } .blog-sec h2 span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 46px; font-style: normal; font-weight: 700; line-height: 70px; text-transform: capitalize; } .blog-sec p{ color: var(--Black, #000); font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 300; line-height: 32px; /* 200% */ } .blog-sec .blog-row-1{ display: flex; justify-content: center; margin-top: 60px; } .blog-sec .blog-row-1 .col-4{ padding:8px; } .blog-sec .blog-row-1 .col-4 .vc_column-inner{ transition-duration: .5s; padding: 30px 35px; display: flex; flex-direction: column; align-items:stretch; justify-content: space-between; margin-right: 30px; margin-bottom: 20px; border: 1px solid #D9D9D9; border-radius: 20px; height: 287px; } .blog-sec .blog-row-1 .col-4 h3{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 400; line-height: 32px; /* 133.333% */ } .blog-sec .blog-row-1 .col-4 .row .col{ display: flex; align-items: center; } .blog-sec .blog-row-1 .col-4 .row .col p{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 400; line-height: 26px; /* 216.667% */ } .blog-sec .blog-row-1 .col-4 .blog-link{ display: flex; justify-content: flex-end; align-items: center; } .blog-sec .blog-row-1 .col-4:hover .vc_column-inner{ background-color: #232459; border-color: #232459 !important; transition-duration: .5s; } .blog-sec .blog-row-1 .col-4:hover h3{ color: #fff; transition-duration: .5s; } .blog-sec .blog-row-2{ margin-top: 33px !important; } .blog-sec .cs-button-sec{ display: flex; justify-content: center; } .blog-sec .cs-button{ margin-top: 72px; font-size: 14px; width: 170px !important; height: 50px !important; border-radius: 50px !important; background-color: #232459 !important; color: #fff !important; border: none !important; text-align: center; animation: pulse 1s infinite; } /* blog section css end */ /* home page css end */ /* footer css start */ footer{ padding: 85px 0vw 0px; background-color: #232459; position: sticky; bottom: 0; } /*footer .befo-foo{*/ /* padding: 0 8vw;*/ /* margin-bottom: 70px;*/ /*}*/ footer .befo-head{ color: #fff; font-family: Poppins; font-size: 50px; font-style: normal; font-weight: 700; line-height: 59px; /* 113.462% */ text-transform: capitalize; } footer .befo-foo input,footer .befo-foo textarea{font-size: 16px !important; padding: 16px 25px !important; border-radius: 30px; font-family: 'Poppins'; color: #000;} footer .befo-foo input::placeholder,footer .befo-foo textarea::placeholder{padding:0px !important;margin:0 !important; font-family: 'Poppins';color:#8f8f8f !important;font-size: 16px !important;} footer .gform_wrapper.gravity-theme .gfield textarea::placeholder{padding:0px !important;margin:0 !important; font-family: 'Poppins' !important;color:#8f8f8f !important;font-size: 16px !important;} footer form .gform_body label{color:#fff;font-size: 18px !important; margin-left: 10px; font-family: 'Poppins';} footer form .gform_body label span{display:none !important;} footer .gform_wrapper.gravity-theme .gform_footer input{background-color:#09daf5;color:#fff;font-weight:500;transition:all 0.5s;border: 1px solid #09daf5; padding: 15px 30px !important;} footer .gform_wrapper.gravity-theme .gform_footer input:hover{background-color:#34337E;border:1px solid #fff;transform: translateY(-2px); } form .validation_message{display:none !important;} .gform_confirmation_message{color: #fff; font-size: 16px; font-family: 'Poppins';} footer .befo-head span{ color: #09daf5; font-size: 50px; font-style: normal; font-weight: 700; line-height: 59px; text-transform: capitalize; } footer .befo-para{ padding-top: 15px; padding-bottom: 30px; color: #FFF; font-size: 17px; font-style: normal; font-weight: 400; line-height: 38px; /* 158.333% */ } .contact-foo{ display: flex; justify-content:flex-start; align-content: center; align-items: center; } .phone{ margin-bottom: 24px; } .contact-foo p{ margin-bottom: 0; color: #fff; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; } .contact-foo h5{ color: #fff; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; } .contact-foo a{ text-decoration: none; } .contact-foo svg{fill: #09daf5; height: 30px; width: 30px;} /* footer form css start */ form .row{ margin-bottom: 32px; } .basic-input{ width: 275px; height: 55px; border-radius: 50px !important; border: 1px solid #34337E; background: #FFF; } input.basic-input::placeholder, textarea::placeholder{ padding-left: 10px; color: #34337E !important; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } textarea::placeholder{ padding-top: 10px; } .basic-label{ color: #fff; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 20px; } textarea.form-control{ border-radius: 20px; border: 1px solid #34337E; background: #FFF; } .emailBtn{margin-top: 30px;padding:10px 50px 10px 30px !important;} .emailBtn::after{ top: 10px !important;} /* footer form css end */ .foo-pages-sec{ /* padding: 0 8vw !important; */ border-bottom: 1px solid #34337E; border-top: 1px solid #34337E; } .gform_wrapper .gfield_error [aria-invalid=true]{border-color: #ff0000 !important;} .foo-pages-sec h6{ padding-top: 70px; padding-left: 20px; color: var(--White, #FFF); font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px; } .foo-pages-sec .nav-link{padding-left: 20px;} .foo-pages-sec ul li{display:block;} .foo-pages-sec ul li a{ padding-left: 20px; color: var(--White, #FFF); font-family: Poppins; font-size: 13px; font-style: normal; font-weight: 400; line-height: 36px; display:inline-block; } .foo-pages-sec ul li a:hover{ color: #09daf5; } .foo-pages-sec .col-2, .foo-pages-sec .col-3{ border-right: 1px solid #34337E; } .foo-pages-sec .location-links{ border: none !important; } .services-links{ padding-bottom: 50px; } .copyright-sec{ display: flex; /* align-items: center; */ /* justify-content: space-between; */ /* padding: 0 8vw !important; */ height: 110px; } .copyright-sec .row{ margin: 0 !important; padding: 0 !important; width: 100% !important; display: flex !important; flex-direction: row !important; } .copyright-sec p, .copyright-sec .nav-link{ color: var(--White, #FFF); font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 36px; } .copyright-sec .copyright-para{ display: flex; width: 40vw; align-items: center; } .copyright-sec .last-links{ width: 40vw !important; display: flex; justify-content: flex-end; align-items: center; flex-direction: row !important; flex-wrap: nowrap !important; } .copyright-sec .last-links li{ padding-left: 20px; } .copyright-sec .last-links a{ color: var(--White, #FFF); font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 36px; /* 257.143% */ text-decoration: none; } .copyright-sec .last-links a:hover{ color: #09daf5; } footer .col-2 img{ width:105px; MARGIN-TOP: 20PX; } footer .col-3 img{ width: 160PX; MARGIN-TOP: 20PX; } footer .mergeBox{display:flex;} footer .mergeBox img{width:105px;margin-bottom: 20px;} footer .location-links img{ width: 180px; height: 37px; } /* footer css end */ /* Custom Button Here */ .designBtn{position: relative; display: inline-block; padding: 12px 40px 12px 20px; !important; font-size: 16px !important; color: #fff; border:1px solid transparent; cursor: pointer; position: relative; background-color: #09daf5; text-decoration: none; overflow: hidden; z-index: 1; font-family: inherit;border-radius:30px;font-weight: 500;transition:all 0.3s !important;margin-top:15px;} .designBtn::before { content: ""; position: absolute; left: 0; top: 0 !important; width: 100%; height: 100%; background-color: #34337E; transform: translateX(-102%); transition: all .5s; z-index: -1; } .designBtn:hover{color:#fff;box-shadow: 0 4px 20px #fff;border:1px solid #fff;transform: translateY(-2px);} .designBtn:hover::before { transform: translateX(0); } .designBtn::after{content:"\f061";font-family:fontawesome;position: absolute; right: 17px; top: 16px;} /* Inner Pages Starts */ .innerBanner{padding-top: 60px !important; padding-bottom: 0px !important;background-size: 100% 100%; background-repeat: no-repeat;} .innerBanner h1{font-size: 48px; font-weight: 700; line-height: 65px; color: #fff;text-transform:capitalize;} .innerBanner h1 strong{font-weight: 700;color:#09daf5;} .innerBanner h3{font-size: 29px; font-weight: 700; line-height: 50px; color: #fff;text-transform:capitalize;} .innerBanner h3 strong{font-weight: 700;color:#09daf5;} .innerBanner p:nth-child(2){color: #FFF; font-size: 16px;line-height:26px;padding:25px 0px;} .innerBanner .vc_col-sm-5:nth-child(2) img,.innerBanner .vc_col-sm-6:nth-child(2) img{animation-name: object; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;height: 480px; object-fit: contain;} /* .innerBanner .vc_col-sm-6:nth-child(2) .vc_single_image-wrapper:hover img{transform:scale(1.1) !important;} */ .innerBanner .vc_row:nth-child(1){height:77vh !important;} .innerBanner .innerBanner2Row{background-image:url(../assets/images/Group-235.png);background-repeat: no-repeat; background-size: 100% 100%;margin-top:50px;overflow:visible !important;} .innerBanner .innerBanner2Row h2{color: #FFF; font-size: 38px; font-weight: 600; line-height: normal; position: relative; bottom: 20px; } .innerBanner .innerBanner2Row img{transition:all 0.5s;} .innerBanner .innerBanner2Row .vc_col-sm-3 .vc_column-inner{position: relative; top: -26px;} .innerBanner .innerBanner2Row .vc_col-sm-3:hover img{transform:scale(1.15);} .innerBanner .innerBanner2Row .starImage img{position: relative; bottom: 20px;transform:scale(1) !important;} .healthBanner h1{line-height: 57px;} .healthBanner .vc_row:nth-child(1) img{height: 480px !important;object-fit: contain;} .locationBanner{padding-bottom:0px !important;padding-top:50px !important;} .locationBanner .vc_row:nth-child(1) {height: 75vh !important;} .locationBanner p:nth-child(2){padding-right:40px !important;} .locationBanner .submitBtn{text-align:center;} .locationBanner .vc_col-sm-5 .vc_column-inner{background-color:#34337E;border-radius:15px;padding: 18px 20px !important; margin: 0px 30px 30px !important;} .locationBanner input{width:100%;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #5d5c95;padding:10px;position:relative;margin-bottom: 15px !important;} .locationBanner .wpcf7-form-control-wrap{padding:12px 0px;position:relative;} .locationBanner .wpcf7-form-control-wrap::after{content:"";height:1px;width:20%;display:block;background-color:#09daf5;position:absolute;bottom:0;} .locationBanner .vc_col-sm-5 .col-md-12:nth-child(5) .wpcf7-form-control-wrap::after{top:1px;} .locationBanner textarea{width:100%;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #5d5c95;padding:10px 0px 0px;margin-bottom: 25px !important;} .locationBanner input::placeholder{color:#fff;} .locationBanner textarea::placeholder{color:#fff !important;} .locationBanner input[type=submit]{width: 40%; background-color: #09daf5; border-radius: 30px; margin-top: 15px; border: 1px solid #09daf5;transition:all 0.5s;} .locationBanner input[type=submit]:hover{transform: translateY(-2px);box-shadow: 0 10px 20px #09daf5;} .locationBanner .wpcf7 form.invalid .wpcf7-response-output{border-color:transparent !important;color:#fff !important;} .locationBanner .wpcf7-spinner{display:none;} .locationBanner .innerBanner2Row{background-image:url(../../uploads/2024/01/Group-235-3-1.png);background-color: #2324596b;} .locationBanner input[type=checkbox]{width:auto !important;margin-bottom: 0 !important;position: relative; left: -4px;} .locationBanner .checkBox .wpcf7-form-control-wrap{padding: 0px 0px 5px !important; display: flex; align-items: center;} .locationBanner .checkBox .wpcf7-list-item{display: flex;align-items: center;} .locationBanner .checkBox .wpcf7-form-control-wrap::after{display:none;} .locationBanner .checkBox .wpcf7-list-item-label{color: #fff; padding: 4px 5px 0px; display: inline-block;} .page-id-500 .innerBanner h1 { font-size: 48px; } .mobileFuture{padding-top: 80px !important; padding-bottom: 80px !important;} .mobileFuture h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px;text-transform:capitalize;} .mobileFuture h2 strong{font-weight: 700;color: #09daf5;} .mobileFuture .vc_col-sm-6 p{color: #000; font-size: 16px;line-height:30px;padding:20px 0px;} .mobileFuture .vc_col-sm-3{border: 1px solid #D9D9D9; padding: 20px 0px; height: 410px; transition: all 0.5s;} .mobileFuture .vc_col-sm-3 p:nth-child(2){color: #7C7C7C; font-size: 13px; line-height: 21px; padding: 10px 0px; height: 215px; transition: all 0.5s;} .mobileFuture .vc_col-sm-3 h3{color:#232459;font-size: 18px; font-style: normal; font-weight: 600; line-height: 25px;padding-top: 10px;transition:all 0.5s;} .mobileFuture .vc_col-sm-3 a{color: #fff; background-color: #34337E; text-decoration: none; padding: 10px 14px; border-radius: 50%;transition:all 0.5s;display: inline-block;} .mobileFuture .vc_col-sm-3:hover {border: 1px solid #232459;background-color:#232459;} .mobileFuture .vc_col-sm-3:hover p{color: #fff; } .mobileFuture .vc_col-sm-3:hover h3{color:#fff;} .mobileFuture .vc_col-sm-3:hover a{color: #fff; background-color: #09daf5;transform: translateX(10px);} .mobileFuture .vc_col-sm-3:hover svg{fill:#fff !important;} .mobileFuture .vc_col-sm-3:hover svg path{fill:#fff !important;} .mobileFuture .vc_col-sm-3:hover img{filter: brightness(10);} .mobileFuture .vc_col-sm-3.colStart{border-top-left-radius:15px;} .mobileFuture .vc_col-sm-3.colEnd{border-top-right-radius:15px;} .mobileFuture .vc_col-sm-3.colBottomStart{border-bottom-left-radius:15px;} .mobileFuture .vc_col-sm-3.colBottomEnd{border-bottom-right-radius:15px;} .mobileCaseStudy{padding-top: 80px !important; padding-bottom: 80px !important;} .mobileCaseStudy h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px;text-transform:capitalize;text-transform:capitalize;} .mobileCaseStudy h2 strong{font-weight: 700;color: #09daf5;} .mobileCaseStudy p{color: #000; font-size: 16px;line-height:30px;padding:0px 0px;} .mobileCaseStudy .swiper-slide{text-align:start !important;height: 355px; border-radius: 15px; padding: 10px 15px 0px;display:flex !important;align-items:center !important;overflow:hidden !important;} .mobileCaseStudy .swiper-slide .mainBox .col-md-7{display: flex; flex-direction: column; align-items: baseline; justify-content: center;} .mobileCaseStudy .mainBox .title{font-size: 17px; color: #fff; line-height: 22px;font-weight: 600;} .mobileCaseStudy .mainBox .desc p{font-size: 12px; line-height: 20px; color: #fff; padding: 5px 0px; margin: 0; } .mobileCaseStudy .mainBox .desc ul{display:block !important;} .mobileCaseStudy .mainBox .desc li{font-size: 12px; color: #fff; padding: 3px 0px; display: block;position:relative;} .mobileCaseStudy .mainBox .desc li::before{content: ""; background-color: #fff; border-radius: 50%; height: 6px; width: 6px; display: block; position: absolute; top: 9px; left: -12px;} .mobileCaseStudy .mainBox .desc h5{font-size: 15px; line-height: 20px; color: #fff; padding: 5px 0px; margin: 0; font-weight: 700;} /* .mobileCaseStudy .mainBox .mainImage{width: 210px; height: 250px; object-fit: contain;} */ .mobileCaseStudy .mainBox .mainImage { width: auto; height: auto; object-fit: contain; position: relative; top: 60px; } .mobileCaseStudy .mainBox .designBtn{font-size: 12px !important; padding: 8px 35px 8px 15px !important; font-weight: 400 !important;background-color: #414042 !important;} .mobileCaseStudy .mainBox .designBtn:hover{box-shadow: 0 4px 20px #fff; color: #000;} .mobileCaseStudy .mainBox .designBtn::after{background-color: transparent !important;top:11px !important;} .mobileCaseStudy .mainBox .designBtn::before { right: 16px; top: 11px;background-color:#fff !important; } .mobileCaseStudy .designBtn{margin-top:10px !important; } .reviewHeading{color: #fff !important;font-size: 42px !important; font-weight: 700 !important; line-height: 50px !important;} .reviewHeading strong{font-weight: 700 !important;color: #09daf5 !important; } .reviewHeading2{color: #232459 !important;font-size: 42px !important; font-weight: 700 !important; line-height: 50px !important;} .reviewHeading2 strong{font-weight: 700 !important;color: #09daf5 !important; } .caseStudy-container { width: 100%; height: 100%;margin-top:60px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display:block; display: -ms-flexbox; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .mobileSolution{padding-top: 80px !important; padding-bottom: 290px !important;} .mobileSolution h2{color: #fff;font-size: 36px; font-weight: 700; line-height: 50px;text-transform:capitalize;} .mobileSolution h2 strong{font-weight: 700;color: #09daf5;} .mobileSolution p{color: #fff; font-size: 16px;line-height:30px;padding:20px 15px 20px 0px;} .mobileSolution .counterColumn{position:relative;} .mobileSolution .vc_inner .vc_col-sm-6{border: 1px solid #34337E; padding: 50px 0px;transition:all 0.5s;} .mobileSolution h3{color:#34337E;font-size: 100px; font-weight: 700;transition:all 0.5s;line-height: 120px; text-align: center;} .mobileSolution .timer{color:#34337E;font-size: 100px; font-weight: 700;transition:all 0.5s;line-height: 125px; text-align: center;} .combineCount{display:flex;justify-content:center;align-items:center;} .mobileSolution h6{color:#34337E;font-size: 16px;font-weight: 400;transition:all 0.5s;} .mobileSolution .counterColumn img{position: absolute; top: 42%; left: 45%;animation: logo infinite 5s;animation-delay: 1s;} .colStart{border-top-left-radius:15px;} .colEnd{border-top-right-radius:15px;} .colBottomStart{border-bottom-left-radius:15px;} .colBottomEnd{border-bottom-right-radius:15px;} .mobileSolution .vc_inner .vc_col-sm-6:hover{border-color:#fff;} .mobileSolution .vc_inner .vc_col-sm-6:hover h3{color:#fff;} .mobileSolution .vc_inner .vc_col-sm-6:hover h6,.mobileSolution .vc_inner .vc_col-sm-6:hover .timer{color:#fff;} .mobileLooking{padding: 0px !important; height: 450px; filter: drop-shadow(0px 7px 25px rgba(0, 0, 0, 0.07)); background-color: transparent !important; border-radius: 20px; position: relative !important; z-index: 2; margin: -225px auto 0px auto !important;display: flex; justify-content: center;} .mobileLooking .blue-sec { height: 450px !important; border-radius: 10px; padding: 35px 0px 50px 40px; background: linear-gradient(320deg, #09daf5 -60%, #34337E 60%); width: 1200px; border: 25px solid #fff;} .seventh-sec .blue-sec h2 strong{font-weight: 700 !important;color: #09daf5 !important;} .mobileLooking .blue-sec h3{color: #fff; font-size: 18px; font-weight: 300;} .mobileLooking .blue-sec a{color: #fff; text-decoration: none; font-size: 24px; font-weight: 700; margin-top: 5px; display: inline-block;} .mobileLooking .blue-sec .logoImage img{animation: logo infinite 5s;animation-delay: 1s;} .mobileLooking .blue-sec .designBtn{color: #040404 !important; background-color: #ffffff !important; font-weight: 400 !important;padding: 10px 42px 10px 20px !important; } .mobileLooking .blue-sec .designBtn:hover { box-shadow: 0 10px 20px #fff !important; color: #fff !important; } .mobileLooking .blue-sec .designBtn:active { box-shadow: 0 5px 10px #09daf5 !important; } /* .mobileLooking .blue-sec .designBtn::after { background-color: #fff !important; } */ .mobileLooking .blue-sec .designBtn::before{color:#09daf5 !important;background-color:#34337E !important;} .mobileLooking .blue-sec .designBtn::after{top:14px !important;} .mobileTabs{padding-top: 80px !important; padding-bottom: 50px !important;} .mobileTabs h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px;text-transform:capitalize;} .mobileTabs h2 strong{font-weight: 700;color: #09daf5;} .mobileTabs h3{color: #232459; font-size: 28px; font-weight: 700; line-height: 35px;} .mobileTabs p{color: #000; font-size: 16px;line-height:30px;padding:0px 0px;} .mobileTabs .vc_tta-container{margin-top:60px !important;} .mobileTabs .vc_tta-container p{padding:20px 0px;} .mobileTabs .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container { flex: 3 !important;} .mobileTabs .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container { flex: 1 0 auto !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {background-color:transparent !important;border:none;border-top:1px solid #D9D9D9;padding: 25px 0px !important;border-radius:0 !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {background-color:transparent !important;border-top:3px solid #34337E; } .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a span{color: #232459 !important; font-size: 24px !important; font-weight: 400 !important; line-height: 25px !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a span{color: #09daf5 !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body,.mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { border-color: transparent !important; background-color: #fff !important;padding-left: 40px !important; } .page-id-1847 .mobileTabs .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container { flex: 0 0 auto !important; } .noVisible{display:none;} .web-industries{padding-top:80px !important;padding-bottom:60px !important;} .web-industries h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .web-industries h2 strong{font-weight: 700;color: #09daf5 ;} .web-industries p{color: #000; font-size: 14px; line-height: 30px; padding: 0px 0px 25px; } .web-industries .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list{text-align: center;} .web-industries .vc_tta-panel-body .vc_row.vc_inner{display:flex;align-items:center;} .web-industries .vc_tta-tabs-list{border-bottom: 1px solid #D9D9D9; padding-top: 20px;} .web-industries .vc_tta-panels-container{padding-top:60px; } .web-industries .vc_tta-panels-container .designBtn{margin-top:0px;} .web-industries .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{ border-color: white; background-color: white; } .web-industries span.vc_tta-title-text { height: 28px !important; } .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(1) a .vc_tta-title-text::before{content:url(../../assets/images/web-development.png) !important; position: absolute; top: 24px; left: 82px;} .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(2) a .vc_tta-title-text::before{content:url(../../assets/images/e-commerce-development.png) !important; position: absolute; top: 24px; left: 82px;} .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(3) a .vc_tta-title-text::before{content:url(../../assets/images/logo-design.png) !important; position: absolute; top: 24px; left: 87px;} .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(4) a .vc_tta-title-text::before{content:url(../../assets/images/seo-optimization.png) !important; position: absolute; top: 24px; left: 85px;} .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(5) a .vc_tta-title-text::before{content:url(../../assets/images/video-animation.png) !important; position: absolute; top: 24px; left: 83px;} .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(6) a .vc_tta-title-text::before{content:url(../../assets/images/branding.png) !important; position: absolute; top: 24px; left: 88px;} .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(7) a .vc_tta-title-text::before{content:url(../../assets/images/006-truck-1.svg) !important; position: absolute; top: 24px; left: 80px;} .web-industries .vc_tta-tabs-list .vc_tta-tab:nth-child(8) a .vc_tta-title-text::before{content:url(../../assets/images/008-online-store-1.svg) !important; position: absolute; top: 24px; left: 37px;} .web-industries .vc_tta-tabs-list .vc_tta-tab a{padding: 0 0 20px 0 !important; height: 115px; width: 115px; border-radius: 15px !important; justify-content: center; align-items: end; display: flex !important; border: 0px solid #919191 !important; position: relative; background-color: #fff !important; color: #000 !important; transition: all 0.5s; overflow: visible !important;} .web-industries .vc_tta-tabs-list .vc_tta-taba .vc_tta-title-text{color:#232459;} .web-industries .vc_tta-tabs-list .vc_tta-tab{margin-right:0px !important;} .web-industries .vc_tta-tabs-list .vc_tta-tab.vc_active{border-bottom:3px solid #34337E;} .web-industries .vc_tta-tabs-list .vc_tta-tab.vc_active .vc_tta-title-text{color:#09daf5 !important;} .web-industries .next-tab{display: flex; float: right; right: 40%; top: 9px; position: absolute; width: fit-content; font-size: 0; background-image: url(../../uploads/2024/01/basil_arrow-up-outline.svg); background-repeat: no-repeat; text-align: center; background-position-x: center; background-position-y: center; border: 1px solid #D9D9D9; padding: 17px 20px; border-radius: 5px; } .gameIndustryTabs{padding-top:80px !important;padding-bottom:60px !important;} .gameIndustryTabs h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .gameIndustryTabs h2 strong{font-weight: 700;color: #09daf5 ;} .gameIndustryTabs p{color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px 25px; } .gameIndustryTabs .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list{text-align: center;} .gameIndustryTabs .vc_tta-panel-body .vc_row.vc_inner{display:flex;align-items:center;} .gameIndustryTabs .vc_tta-tabs-list{border-bottom: 1px solid #D9D9D9; padding-top: 20px;} .gameIndustryTabs .vc_tta-panels-container{padding-top:60px; } .gameIndustryTabs .vc_tta-panels-container .designBtn{margin-top:0px;} .gameIndustryTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{ border-color: white; background-color: white; } .gameIndustryTabs span.vc_tta-title-text { height: 28px !important; } .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(1) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Group-419.png) !important; position: absolute; top: 24px; left: 37px;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab a{padding: 0 0 20px 0 !important; height: 115px; width: 115px; border-radius: 15px !important; justify-content: center; align-items: end; display: flex !important; border: 0px solid #919191 !important; position: relative; background-color: #fff !important; color: #000 !important; transition: all 0.5s; overflow: visible !important;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-taba .vc_tta-title-text{color:#232459;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab{margin-right:15px !important;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab.vc_active{border-bottom:3px solid #34337E;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab.vc_active .vc_tta-title-text{color:#09daf5 !important;} .gameIndustryTabs .next-tab{display: flex; float: right; right: 40%; top: 9px; position: absolute; width: fit-content; font-size: 0; background-image: url(../../uploads/2024/01/basil_arrow-up-outline.svg); background-repeat: no-repeat; text-align: center; background-position-x: center; background-position-y: center; border: 1px solid #D9D9D9; padding: 17px 20px; border-radius: 5px; } .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(2) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Outline.png) !important; position: absolute; top: 24px; left: 41px;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(3) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Group-420.png) !important; position: absolute; top: 24px; left: 41px;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(4) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Group-421.png) !important; position: absolute; top: 24px; left: 37px;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(5) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Group-422.png) !important; position: absolute; top: 24px; left: 37px;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(6) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Group-423.png) !important; position: absolute; top: 24px; left: 37px;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(7) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Group-424.png) !important; position: absolute; top: 24px; left: 37px;} .gameIndustryTabs .vc_tta-tabs-list .vc_tta-tab:nth-child(8) a .vc_tta-title-text::before{content:url(../../uploads/2024/03/Group-425.png)!important; position: absolute; top: 24px; left: 37px;} /* development-process */ .development-process{padding-top:80px !important; padding-bottom:80px !important;} .development-process h2{color: #fff;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .development-process h2 strong{font-weight: 700;color: #09daf5 ;} .development-process p{color: #fff; font-size: 16px; line-height: 30px;padding: 0px 0px 40px 0px; } .healthcare-development-process p{line-height: 24px !important;} .development-process h3{-webkit-text-stroke-width: calc(1px + 0 * ((106vw - 324px) / 1122)); -webkit-text-stroke-color: #34337E; color: #34337E; font-size: 80px !important; line-height: 1.25; letter-spacing: 0.1em; font-weight: 900;position:relative;transition:all 0.5s;position:relative;bottom:0px;} .development-process h4{color: #ffff;font-size: 20px; font-weight: 700; line-height: 30px; padding-bottom: 20px;} .development-process h4 strong{font-weight: 700;color: #09daf5 ;} .development-process h3::after{content: ''; background: #232459; height: 20px !important; width: 140px; display: block; position: absolute; top: 67px; left: 26%;transition:all 0.5s;} .development-process .web-plans-row{padding-top:40px; background-repeat: no-repeat; background-size: 112%; background-position: top;} .development-process .web-plans-row p{font-size:14px !important;} .development-process .vc_col-sm-3:hover h3{bottom:20px;} .development-process .vc_col-sm-3:hover h3::after{top: 87px;} .mobileNotch{padding-top:80px !important; padding-bottom:80px !important;} .mobileNotch h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .mobileNotch h2 strong{font-weight: 700;color: #09daf5 ;} .mobileNotch p{color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px; } .mobileNotch .languageSlider-container{ width: 100%; height: 100%;margin-top:60px; overflow:hidden;} .mobileNotch .languageSlider-container .swiper-slide{text-align: start !important;padding-right: 10px; border-right: 1px solid #F6F6F6;} .mobileNotch .languageSlider-container .slideLogo img{width: 60px; height: 55px; object-fit: contain;} .mobileNotch .languageSlider-container h3{color: #232459; font-size: 24px; font-weight: 600; line-height: 25px; padding: 25px 0px;} .mobileNotch .languageSlider-container p{color: #7C7C7C; font-size: 14px; font-weight: 300; line-height: 24px;padding-bottom: 20px;height: 210px;} .mobileNotch .languageSlider-container h6{color: #09daf5;font-size: 18px; font-weight: 400; line-height: 25px} .mobileNotch .languageSlider-container .separator{} .mobileNotch .languageSlider-container .swiper-button-prev:after{ content: 'prev'; font-size: 16px !important; color: #fff !important; background-color: #34337e !important; padding: 10px 14px !important; border-radius: 50%; } .mobileNotch .languageSlider-container .swiper-button-next:after{ content: 'next'; font-size: 16px !important; color: #fff !important; background-color: #34337e !important; padding: 10px 14px !important; border-radius: 50%; } .mobileNotch .languageSlider-container .swiper-button-prev{ left: -50px !important; } .mobileNotch .languageSlider-container .swiper-button-next{ right: -50px !important; } .mobileBuisness{} .mobileBuisness{padding-top:80px !important; padding-bottom:0px !important;} .mobileBuisness h2{color: #fff;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .mobileBuisness h2 strong{font-weight: 700;color: #09daf5 ;} .mobileBuisness p{color: #fff; font-size: 16px; line-height: 30px; padding: 0px 0px; } .mobileBuisness .secondRow{margin-top:80px;} .mobileBuisness .vc_col-sm-3{padding: 0px 15px;} .mobileBuisness .vc_col-sm-3:hover .vc_column-inner{transform:scale(1.1);} .mobileBuisness .blueCol .vc_column-inner:hover,.mobileBuisness .redCol .vc_column-inner:hover{background-color:#09daf5 !important;} .mobileBuisness .blueCol .vc_column-inner{background-color:#34337E;border-top-left-radius: 15px; border-top-right-radius: 15px;padding: 0px 10px 50px 10px;transition:all 0.5s;} .mobileBuisness .redCol .vc_column-inner{background-color:#34337E;border-top-left-radius: 15px; border-top-right-radius: 15px;padding: 0px 10px 50px 10px;transition:all 0.5s;} .mobileBuisness .vc_col-sm-3 img{position: relative; bottom: 30px;} .mobileBuisness .vc_col-sm-3 h3{color:#FFF; font-size: 18px;font-weight: 700; line-height: 26px;} .mobileBuisness .vc_col-sm-3 p{color: #FFF; height: 140px; font-size: 12px; font-weight: 300; line-height: 24px;padding-top: 15px;} .why-choose-web{padding-top:80px !important; padding-bottom:80px !important;} .why-choose-web h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .why-choose-web h2 strong{font-weight: 700;color: #09daf5 ;} .why-choose-web p{color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px; } .why-choose-web .collapsed i.fa-plus::before{content:'\f054 ' !important; font-family:fontawesome; color:#232459 !important;} .why-choose-web .ea-header i.fa-minus::before{content:'\f054 ' !important; font-family:fontawesome; color:#232459 !important;} .why-choose-web .ea-header i.fa-minus{transform: rotate(90deg);} .why-choose-web .ea-header{background:#fff !important; position: relative;} .why-choose-web .ea-header a{color: #232459 !important; font-size: 24px; font-family: 'Poppins' !important; margin-left: 75px;} .why-choose-web .sp-ea-single{padding: 28px; background: #fff !important; border-radius: 30px !important;} .why-choose-web .ea-card:nth-last-child(1) h3::before{content: '03'; position: absolute; top: -4px; color: #09daf5; font-size: 22px; background: #F6F6F6; padding: 23px 24px; border-radius: 50%; font-family: 'Poppins';} .why-choose-web .ea-card:nth-last-child(2) h3::before{content: '02'; position: absolute; top: -4px; color: #09daf5; font-size: 22px; background: #F6F6F6; padding: 23px 25px; border-radius: 50%; font-family: 'Poppins';} .why-choose-web .ea-card:nth-last-child(3) h3::before{content: '01'; position: absolute; top: -6px; color: #09daf5; font-size: 22px; background: #F6F6F6; padding: 23px 27px; border-radius: 50%; font-family: 'Poppins';} .why-choose-web .ea-body p{padding-top:15px !important;} .why-choose-web .designBtn{margin-top:15px !important;} .mobilelogos-sec{padding-top:80px !important; padding-bottom:80px !important;} .mobilelogos-sec .swiper-slide{background:#34337E; padding:60px 15px; border-radius:20px; transition:0.5s;} .mobilelogos-sec .swiper-slide img{height: 130px !important; transition: 0.5s; filter: grayscale(1);object-fit: contain;} .mobilelogos-sec .swiper-wrapper{left:140px !important;} .mobilelogos-sec .swiper-slide:hover img{filter: grayscale(0);} .mobilelogos-sec .swiper-slide:hover{background:#7a79b7;} .mobilelogos-sec h2{color: #fff;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 0px;} .mobilelogos-sec h2 strong{font-weight: 700;color: #09daf5 ;} .mobilelogos-sec p{color: #fff; font-size: 16px; line-height: 30px; padding: 0px 0px; } .mobilelogos-sec .logo-container{margin-top:80px !important;} /* .logo-potential-section .tab-content .col-2{width: 14.2% !important;} */ .logo-potential-section .tab-content .row {justify-content:center !important;} /* .logo-potential-section .tab-content .col-2:nth-last-child(){margin-right:0px !important;} */ .ihone-android-faqs{} .ihone-android-faqs .ea-card{background: #fff !important; padding: 10px 15px; border-radius: 20px; margin-bottom: 20px !important;} .ihone-android-faqs .sp-easy-accordion>.sp-ea-single>.ea-header a { color: #232459 !important; font-size: 18px !important; font-weight: 400; } .ihone-android-faqs .vc_tta-panel-body{background: #fff !important; border: 0px !important;} .ihone-android-faqs .ea-expand-icon{font-weight: 400 !important; color: #09daf5 !important; border: 2px solid #09daf5; padding: 0px 4px; border-radius: 50%;} .ihone-android-faqs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active>a::after{background: #fff !important; border: 1px solid #fff !important;} .ihone-android-faqs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active>a::before{ background: #fff !important; border: 1px solid #fff !important; } .ihone-android-faqs{padding-top:80px !important; padding-bottom:80px !important;} .ihone-android-faqs .vc_row-fluid:nth-child(2){padding-top:20px !important;} .ihone-android-faqs h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .ihone-android-faqs h2 strong{font-weight: 700;color: #09daf5 ;} .ihone-android-faqs .vc_tta-tabs-list li.vc_active a{border-color: #34337E !important; background-color: #34337E !important;} .ihone-android-faqs .vc_tta-tabs-list li.vc_active a span{color:#fff !important;} .ihone-android-faqs .vc_tta-tabs-list li a{border-radius: 15px !important; padding: 25px 29px !important; margin-bottom: 20px; background:#F6F6F6 !important; border:1px solid #F6F6F6 !important;} .ihone-android-faqs .vc_tta-tabs-list li a span{color:#000 !important; font-family: Poppins; font-size:16px !important;} .ihone-android-faqs p{color: #000; font-size: 16px; line-height: 28px;} .ihone-android-faqs p a{color: #09daf5; font-size: 16px; line-height: 28px;} .ihone-android-faqs p a:hover{text-decoration:underline !important;} .ihone-android-faqs p b{color: #34337e; font-size: 16px; line-height: 28px;} .ihone-android-faqs li{color: #000; font-size: 15px; line-height: 25px; display: block;} .ihone-android-faqs li::before{content: "."; font-size: 54px; position: relative; bottom: 2px; padding-right: 10px;color: #ce3132; } .ihone-android-faqs .ea-card{border-radius: 20px !important;} .ihone-android-faqs .vc_tta-tabs-list{margin-top:14px !important;} .mobileProof{padding-top:80px !important; padding-bottom:80px !important;} .mobileProof h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .mobileProof h2 strong{font-weight: 700;color: #09daf5 ;} .mobileProof h3{color: #fff;font-size: 32px; font-weight: 700; line-height: 40px; padding-bottom: 20px;} .mobileProof h3 strong{font-weight: 700;color: #09daf5 ;} .mobileProof p:nth-child(1){color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px; } .mobileProof .futureRow2{padding-top:30px;display: flex;} .mobileProof .bigCol3{padding: 0px 10px } .mobileProof .bigCol3 .vc_column-inner{background-color: #232459; padding: 40px 15px; border-radius: 10px; height: 100%;} .mobileProof .bigCol3 .vc_column-inner p{color: #fff; font-size: 15px; line-height: 26px; padding: 0px 0px 20px 0px; font-weight: 300; height: 100px;} .mobileProof .bigCol3 img{animation: logo infinite 5s; animation-delay: 1s;width: 40px; margin-right: 15px;} .mobileProof .vc_inner:nth-child(1){margin-bottom:20px;} .mobileProof .vc_inner .vc_col-sm-3{padding: 0px 5px;} .mobileProof .vc_inner .vc_col-sm-3 .vc_column-inner{border:1px solid #D9D9D9;border-radius:10px;padding:10px 5px !important;transition:all 0.5s ;height: 340px;} .mobileProof .vc_inner .vc_col-sm-3 .vc_column-inner h4{color: #232459; font-size: 16px; font-weight: 600; line-height: 22px;padding: 5px 0px;transition:all 0.5s ;} .mobileProof .vc_inner .vc_col-sm-3 .vc_column-inner h5{color: #09daf5; font-size: 14px; font-weight: 600; line-height: 25px;transition:all 0.5s ;margin-bottom: 0;} .mobileProof .vc_inner .vc_col-sm-3 .vc_column-inner p{color: #7C7C7C; font-size: 12px; font-weight: 300; line-height: 19px; transition: all 0.5s;} .mobileProof .vc_inner .vc_col-sm-3:hover .vc_column-inner{background-color:#232459;transform:scale(1.05);} .mobileProof .vc_inner .vc_col-sm-3:hover .vc_column-inner h4{color: #fff; } .mobileProof .vc_inner .vc_col-sm-3:hover .vc_column-inner p{color: #fff; } .mobileDevCost{padding:0px !important;} .mobileDevCost h2{color: #fff;font-size: 40px; font-weight: 700; line-height: 50px; padding-bottom:20px;text-transform:capitalize;} .mobileDevCost h2 strong{font-weight: 700;color: #09daf5 ;} .mobileDevCost .vc_col-sm-5{background-color:#232459;} .mobileDevCost .vc_col-sm-5 .vc_column-inner{padding: 100px 65px 100px 60px;} .mobileDevCost .vc_col-sm-5 p{color: #fff; font-size: 16px; line-height: 32px; padding: 0px 0px 20px 0px;font-weight:300; } .mobileDevCost .costInnerRow{position: relative; left: -60px;} .mobileDevCost .vc_inner .vc_col-sm-4{padding: 0px 10px;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner{padding: 75px 15px; border-radius: 15px;transition:all 0.5s ;} .mobileDevCost .vc_inner .costRedCol .vc_column-inner h5{color: #FFF; font-size: 14px; font-weight: 600; line-height: normal;margin: 0px !important;} .mobileDevCost .vc_inner .costBlueCol .vc_column-inner h5{color: #09daf5; font-size: 14px; font-weight: 600; line-height: normal;margin: 0px !important;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner h3{color: #FFF; font-size: 62px;font-weight: 700; line-height: 50px;padding-bottom:30px;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner p{color: #FFF; font-size: 14px; font-weight: 300; line-height: 23px; height: 135px;} .mobileDevCost .vc_inner .costRedCol .vc_column-inner{background-color:#09daf5;height:400px !important;} .mobileDevCost .vc_inner .costBlueCol .vc_column-inner{background-color:#34337E;height:400px !important;} .mobileDevCost .vc_inner .vc_col-sm-4:hover .vc_column-inner{transform:scale(1.05);} .locationAccordions .vc_row:nth-child(2){padding-top:60px;} .locationAccordions .collapsed i.fa-plus::before{content:'\f054 ' !important; font-family:fontawesome; color:#232459 !important;} .locationAccordions .ea-header i.fa-minus::before{content:'\f054 ' !important; font-family:fontawesome; color:#232459 !important;} .locationAccordions .ea-header i.fa-minus{transform: rotate(90deg);} .locationAccordions .ea-header{background:#fff !important; position: relative;} .locationAccordions .ea-header a{color: #232459 !important; font-size: 24px; font-family: 'Poppins' !important; margin-left: 75px;} .locationAccordions .sp-ea-single{padding: 28px; background: #fff !important; border-radius: 30px !important;} .locationAccordions .firstCol .ea-card:nth-last-child(1) h3::before{content: url(../../uploads/2024/01/003-artificial-intelligence-1.png);position: absolute; top: 4px; left: 10px;} .locationAccordions .firstCol .ea-card:nth-last-child(2) h3::before{content: url(../../uploads/2024/01/002-internet-of-things-1.png);position: absolute; top: 4px; left: 10px;} .locationAccordions .firstCol .ea-card:nth-last-child(3) h3::before{content: url(../../uploads/2024/01/001-blockchain-1.png);position: absolute; top: 4px; left: 10px;} .locationAccordions .secondCol .ea-card:nth-last-child(1) h3::before{content: url(../../uploads/2024/01/Union.png);position: absolute; top: 4px; left: 10px;} .locationAccordions .secondCol .ea-card:nth-last-child(2) h3::before{content: url(../../uploads/2024/01/005-virtual-tour-1.png);position: absolute; top: 4px; left: 10px;} .locationAccordions .secondCol .ea-card:nth-last-child(3) h3::before{content: url(../../uploads/2024/01/004-augmented-reality-1.png);position: absolute; top: 4px; left: 10px;} .locationAccordions .ea-body p{padding-top:15px !important;} .locationAccordions .designBtn{margin-top:15px !important;} .bestMobDeveloper{padding-top:80px !important; padding-bottom:80px !important;background-size:100% 100%; background-repeat:no-repeat;} .bestMobDeveloper h2{color: #fff;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .bestMobDeveloper h2 strong{font-weight: 700;color: #09daf5 ;} .bestMobDeveloper .vc_col-sm-6:nth-child(1) p{color: #fff; font-size: 16px; line-height: 30px; padding: 0px 0px 40px; } .bestMobDeveloper .secondCol{} .bestMobDeveloper .secondCol .vc_inner{margin-bottom:40px;display: flex; align-items: center;} .bestMobDeveloper .secondCol .vc_inner:hover .vc_single_image-wrapper{background-color:#09daf5;} .bestMobDeveloper .secondCol h3{color: #FFF; font-size: 24px; font-weight: 700;} .bestMobDeveloper .secondCol p{color: #fff; font-size: 12px; line-height: 24px;} .bestMobDeveloper .secondCol .vc_single_image-wrapper{background-color: #34337e;padding: 20px;border-radius: 15px;transition:all 0.5s;} .bestMobDeveloper .secondCol .vc_single_image-wrapper img{object-fit: contain; height: 68px; width: 100%;} .bestMobDeveloper .secondCol .vc_col-sm-9 .vc_column-inner{padding-left:0px !important;} .bestMobDeveloper .secondCol .vc_col-sm-3 .vc_column-inner{padding-right:0px !important;} .locationMall{padding-top:0px !important;} .locationMall .firstCol .vc_column-inner{padding-left:8vw !important;} .locationMall .vc_col-sm-10 .vc_column-inner,.locationMall .vc_col-sm-2 .vc_column-inner{padding-left:15px !important;} .locationMall .secondCol .vc_column-inner{padding-right:0px !important;} .locationMall h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;text-transform:capitalize;} .locationMall h2 strong{font-weight: 700;color: #09daf5 ;} .locationMall p:nth-child(2){color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px 10px; } .locationMall p{color: #000; font-size: 16px; line-height: 30px; } .locationMall .designBtn{margin-bottom:30px !important;} .locationMall iframe{height: 530px !important; width: 100% !important;} body{cursor:none !important;} body .cursor-slider{ opacity:0; } .swiper-horizontal{position: relative !important; box-sizing: content-box;} .cursor-slider { position: absolute; z-index: 1; top: -72px; left: -106px; width: 80px; height: 80px; border-radius: 100%; background: red; pointer-events: none; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; text-transform: uppercase; opacity: 100% !important;display:none; } .caseStudy-container .cursor-slider{top: -77px !important; left: -122px !important;} .reviewSlider-container .cursor-slider{top: -75px !important; left: -93px !important;} .logo-container .cursor-slider{top: -132px !important;} .custom-cursor {position: fixed; opacity: 0; pointer-events: none; mix-blend-mode: normal; width: 50px; height: 50px; border-radius: 50%; background-color: #534de7; transition: transform 350ms ease; transform: translate(-50%, -50%) scale(.6); z-index: 100000; color: beige;} .custom-cursor--link {transform: translate(-50%, -50%) scale(1.5); } .custom-cursor span{opacity:0;} .custom-cursor.custom-cursor--link span{opacity:100% !important; color:#fff; font-size:14px; padding:15px 0px; display:flex; justify-content:center; align-items:center; text-transform:uppercase;} .custom-cursor.no-cursor{opacity:0 !important;} .custom-cursor .viewMore{visibility: hidden; position: absolute; top: 5px; font-size: 8px !important; font-weight: 600; left: 0px; width: 100%;} .custom-cursor .drag{visibility: visible;} .showViewMore .viewMore{visibility: visible; } .showViewMore .drag{visibility: hidden;} .showViewMore {transform: scale(2) !important; } /* health care */ .helth-care-mob{} .helth-care-mob h2{padding-bottom:20px;} .helth-care-mob h3{color: #232459; font-size: 32px; font-weight: 700; padding-bottom: 15px;} .helth-care-mob .second-row p{color: #7C7C7C; font-size:16px; line-height:30px; margin-bottom: 15px; padding:0px !important;} .helth-care-mob .second-row .vc_col-sm-7{border: 1px solid #DBDBDB; margin-top: 70px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding-left: 20px; padding-right: 20px;} .helth-care-mob .second-row .vc_col-sm-5 .vc_column-inner{padding-right:0px !important; } .helth-care-mob{padding-top: 80px !important; padding-bottom: 80px !important;} .helth-care-mob h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px;} .helth-care-mob h2 strong{font-weight: 700;color: #09daf5;} .helth-care-mob p{color: #000; font-size: 16px;line-height:30px;padding:20px 0px;} .helth-care-mob .forth-row{padding-top:40px;} .helth-care-mob .forth-row h4{color: #232459; font-size: 24px; font-weight: 600; padding-top: 15px;} .helth-care-mob .forth-row h4 strong{color: #09daf5; font-size: 24px; font-weight: 600; line-height: 32px;} .helth-care-mob .forth-row p{font-size: 14px; line-height:23px; padding:15px 0px !important;} .helth-care-mob .forth-row .vc_col-sm-3:hover .vc_column-inner::before{background:#09daf5; content:'';} .helth-care-mob .forth-row .vc_col-sm-3 .vc_column-inner::before{content: ''; background: #D9D9D9; margin-top: 10px; width: 100%; border-radius: 10px; height: 4px; transition:0.7s;} .helthcare-solution{padding-top:80px !important; padding-bottom:80px !important;} .helthcare-solution h2{color:#fff; font-size:42px;font-weight: 700;} .helthcare-solution h2 strong{color:#09daf5;font-weight: 700;} .helthcare-solution h4{color:#fff; font-weight: 700; line-height:26px;} .helthcare-solution .health-second-row p{font-size:14px; line-height: 25px;} .helthcare-solution p{color:#fff; line-height: 30px; font-size: 16px;} .helthcare-solution .health-second-row {padding-top:20px; display: flex; justify-content: space-between;} .helthcare-solution .health-second-row .vc_col-sm-2 {background: #09daf5; padding: 12px 0; border-radius: 5px; transition:0.5s;} .helthcare-solution .healt-dev-row{padding-bottom:40px;} .helthcare-solution .health-second-row .vc_col-sm-2 .vc_column-inner{display: flex; justify-content: center;} /* .helthcare-solution .health-second-row .vc_col-sm-2 {} */ .helthcare-solution .health-second-row .vc_col-sm-4{transition:0.5s; background: #34337E; padding: 30px 10px; border-radius: 20px; width:32% !important;} .helthcare-solution .health-second-row .vc_col-sm-4:hover .inner-content-row .vc_col-sm-2{ background:#232459; } .helthcare-solution .health-second-row .vc_col-sm-4:hover{background:#09daf5; } .helthcare-solution .health-second-row .inner-content-row{padding-left:15px; padding-right:15px; display:flex; align-items:center; padding-bottom:20px;} .health-busniess-core{} .health-busniess-core h4{font-size: 24px; color: #232459; font-weight: 600; padding-bottom: 5px;} .health-busniess-core p a{margin-top: 15px !important;} .health-busniess-core .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active>a{background-color:#232459 !important; border:1px solid #232459 !important; color:#fff;} .health-busniess-core .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active>a span{color:#fff !important;} .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{font-size: 12px !important; border-radius: 10px !important; border: 1px solid #F6F6F6; background: #FFF; box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.05); padding: 20px 30px !important;} .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a span{color:#232459 !important; font-size:18px !important;} .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover{background-color:#232459 !important; border:1px solid #232459 !important; } .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover span{color:#fff !important;} .health-busniess-core .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab{margin-bottom:20px !important;} .health-busniess-core .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active>a::after{border:0px !important;} .health-busniess-core .vc_tta-panel-body{background:#fff !important;} .health-busniess-core .heath-core-row{padding-top:60px !important;} .health-busniess-core .vc_tta-controls-align-left{align-items:center !important;} .health-busniess-core .icon-row .vc_col-sm-2{background: white; height: 62px;width: 62px; align-items: center; display: flex; border-radius: 50%; padding: 1px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition:0.5s;} .health-busniess-core .heath-core-row .icon-row:hover .vc_col-sm-2{background:#34337E;} .health-busniess-core .heath-core-row .icon-row:hover .vc_col-sm-2 img{filter: brightness(15.1);} .health-busniess-core .heath-core-row .icon-row .vc_col-sm-2 img{transition:0.5s;} .health-busniess-core .heath-core-row .icon-row p{color:#7C7C7C !important; font-size:12px !important;line-height: 20px;} .health-busniess-core .heath-core-row .icon-row {padding-bottom:20px !important;} .health-busniess-core .heath-core-row .icon-row h4{font-size:18px !important;} .health-busniess-core .vc_tta-style-classic{background-image:url(../../uploads/2024/01/Rectangle-385.png); background-size: 37% 100%; background-position: left; background-repeat: no-repeat; padding:40px 0px; padding-left:20px !important;} .health-busniess-core .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active>a::before{border:0px !important;} .health-busniess-core .column-4-too{background-image:url(../../uploads/2024/01/Rectangle-385.png); background-size: 92% 100%; background-repeat: no-repeat; background-position: right; padding:40px 0px;} .healthcare-packages .vc_col-sm-5{background:#fff !important;} .healthcare-packages h2{color:#232459 !important;} .healthcare-packages .cost-time p{color:#232459 !important;} .datingDevelopment{} /* submenu */ .header-menu a{font-size:14px !important;} /* .header-menu .submenu li.last{margin-bottom:20px;} */ nav ul.megamenu ul li a svg{margin-right:10px;} nav ul.megamenu ul li a img{margin-right:10px;} /* header menu */ /* first stage */ nav > ul {display: flex;justify-content: center;width: max-content;margin: 0 auto;padding: 0;} nav a {display: block;color: #fff;text-decoration: none;} nav ul li {color: #fff;list-style: none;transition: 0.5s;padding:20px 0px;} nav ul.megamenu ul li{width: 46%; margin-right: 22px; display: inline-block;} .submenu h3{color: #fff; font-size: 24px; position: relative; top: 30px; font-weight: 600;} .submenu ul li{padding:0px 0px !important;} .web-development{width:20%; transition:0.7s;background: #232459;padding:10px 15px;} .web-development.hover{background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .ios-development.hover{background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .graphics-design.hover{background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .woocommerce-development.hover{background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .web-development:hover + .web-development {background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .ios-development{width:20%; transition:0.7s;background: #232459;padding:10px 15px;} .graphics-design{width:15%; transition:0.7s;} .woocommerce-development{width:15%; transition:0.7s;} .nav-link:focus{color:#09daf5 !important;} nav ul.megamenu ul li.last{padding-bottom:20px;} nav > ul > li > a {padding: 15px 15px;color:#000 !important;} nav ul > li.submenu > a:after {position: relative;float: right;content: '';margin-left: 10px;margin-top: 8px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;border-bottom: 5px solid transparent;} nav ul > li.submenu:hover > a:after {margin-top: 2px;border-top: 5px solid transparent;border-bottom: 5px solid #000;} .custom-tabs{background: #edecec;} /* second stage (the mega-menu) */ nav ul.megamenu {position: absolute;flex-wrap: wrap; width: -webkit-fill-available;top: -9999px;left: 0;padding: 0px 0px 0 0px !important;background: #fff;text-align: left;border-top: 5px solid #09daf5;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);z-index: 1;} nav ul li:hover ul.megamenu {top: 100%; display:flex;justify-content: center;} /* third stage (child-menus in the mega-menu) */ nav ul.megamenu ul.custom-tabs {width: 50%;margin-bottom: 40px;color: #000;box-shadow: none;} /* nav ul.megamenu h4 {margin-bottom: 15px;text-transform: uppercase;} */ nav ul.megamenu ul.menu li a {margin-bottom: 5px; color: #000; padding: 18px 5px 18px 30px; background: transparent; border-radius: 10px;transition:all 0.3s;position:relative;} nav ul.megamenu ul.menu li a:hover {color: #fff;background: linear-gradient(136deg, #09daf5 -60%, #34337E 60%) !important;} .custom-tabs{background: #ffffff; margin-bottom: 0px !important; padding-left:0px !important; } .custom-tabs a{padding:15px ; transition:0.5s;} .custom-tabs a:hover{background:#fff;} .custom-tabs .menu{padding: 30px 10px 30px 40px; display: flex; width: 100%; min-height: 300px !important; flex-direction: column; flex-wrap: wrap; max-height: 300px;} /* .custom-tabs #menu-solution{min-height: 370px !important;} .custom-tabs #menu-location{min-height: 370px !important;} .custom-tabs #menu-industries{min-height: 370px !important;} */ .sideContentDiv{width:20%; transition:0.7s;background: #232459;padding:10px 15px;position:relative;} .sideContentDiv h2{color: #fff; font-size: 30px; position: relative; top: 30px; font-weight: 700; text-transform: capitalize;} .sideContentDiv h2 strong{color: #09daf5; font-weight: 700;} .sideContentDiv h3{color: #fff; font-size: 24px; position: relative; top: 30px; font-weight: 600;} .sideContentDiv .bottomDiv{position:absolute !important;bottom: 15px; width: -webkit-fill-available;} .sideContentDiv h4{color: #fff; font-size: 15px; font-weight: 300;} .sideContentDiv a.contactBtn{color: #fff; font-size: 14px !important; font-weight: 500; margin-bottom: 15px;transition:all 0.4s; } .sideContentDiv a.contactBtn:hover{color: #09daf5;} .sideContentDiv a.designBtn{background-color:#fff !important;color:#232459;} .sideContentDiv a.designBtn:hover{color:#fff !important;} .sideContentDiv a.designBtn::after{color: #09daf5 !important;} .sideContentDiv a.designBtn:hover::after{color:#fff !important;} nav ul.megamenu ul.menu li a::before{content: ""; display: block; position: absolute; left: -7px; top: 22px; height: 13px; width: 13px; border-radius: 50%; background-color: #09daf5; transition: all 0s;} nav ul.megamenu ul.menu li a:hover::after{content: url(../../asset/images/Group.svg); display: block; position: absolute; left: -7px; top: 22px;background-color:transparent;height:auto;width:auto;border-radius:0px;} nav ul.megamenu ul.menu li a::after{content: ""; display: block; position: absolute; left: -7px; top: 22px;height:13px;width:13px;border-radius:50%;background-color:#09daf5;transition:all 0s;} /* header-menu */ /* about-us */ .about-banner{padding-top:80px !important; padding-bottom:80px !important; background-size: contain; background-repeat: no-repeat;background-position: center;} .about-banner h1{font-size: 72px; line-height: 85px; font-weight: 600; padding-top: 40px; color: #232459; } .about-banner h1 strong{font-weight: 600 !important; color: #09daf5 !important;} .about-inner .vc_col-sm-3{display: flex; justify-content: center; height: 120px; align-items: center; border-radius: 20px; background: #34337E; transition:0.5s;} .about-second-sec{padding-top:80px !important; padding-bottom:120px !important;} .about-second-sec h2{font-size: 42px; color: #232459; margin-bottom: 20px;font-weight: 700;} .about-second-sec h2 strong{ color: #09daf5 !important; font-weight:700;} .about-second-sec p{font-size: 16px; line-height: 32px; color: #000; padding-bottom: 40px;} .about-second-sec h4{font-size: 18px; color: #09daf5;} .about-second-sec h4 strong{ color: #09daf5 !important; font-weight:600;} .about-inner:hover .vc_col-sm-3{ background: #09daf5; transform: scale(1.1);} .about-second-sec .rest-image img{border-radius:20px;} .award-wining-engine {position: absolute; width: 100%; left: 0; margin-top: -11%; margin-left: -14% !important;} .award-wining-engine h4{color:#fff; padding-top: 15px; font-size:14px;} .award-wining-engine .vc_col-sm-4 .vc_column-inner{background: #09daf5; width: 57%; border-radius: 30px; padding: 40px 15px; transition:0.5s;} .award-wining-engine .vc_col-sm-4 .vc_column-inner:hover{background:#232459; transform: scale(1.1);} .about-third-section{padding-top:80px !important; padding-bottom:120px !important;} .about-third-section{} .about-third-section .rest-image img{border-radius:20px;} .about-third-section h2{font-size: 42px; color: #fff; margin-bottom: 40px !important;font-weight: 700;} .about-third-section h2 strong{ color: #09daf5 !important; font-weight:700;} .about-third-section p{font-size: 16px; line-height: 32px; color: #fff; padding-bottom: 40px;} .about-third-section h4{font-size: 18px; color: #09daf5;} .about-third-section h4 strong{ color: #09daf5 !important; font-weight:600;} .about-design p{font-size: 16px; line-height: 32px; color: #fff; padding-bottom: 10px; padding-top: 20px;} /* .about-design p:nth-child(1){padding-top:0px !important;} */ .about-angelina-pretty .vc_col-sm-4 .vc_column-inner{padding:40px 40px !important; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition:0.5s;} .about-angelina-pretty .vc_col-sm-4 .vc_column-inner:hover{transform:scale(1.05);} .about-angelina-pretty .vc_col-sm-4 .vc_column-inner h5{color:#fff; font-size:18px; line-height:30px;} .about-angelina-pretty .vc_col-sm-4 .vc_column-inner p{padding-bottom: 15px !important;} .about-angelina-pretty{position:absolute;} .about-angelina-pretty .vc_col-sm-4 {margin-top: -22%; margin-left: 13%;} .about-25years-of-experience{padding-top:60px;} /* Contact US Page Starts */ .contactBanner p{font-size: 18px; color: #000; line-height: 30px; padding-top: 30px;} .fa-twitter:before {content: "\e61b" !important;} .contactLinks{} .contactLinks .vc_col-sm-3{padding:0px 8px;} .contactLinks .vc_col-sm-3 .vc_column-inner{background-color: #F6F6F6; padding: 0px 15px; border-radius: 20px; transition: all 0.5s; height: 175px; display: flex; justify-content: center; align-items: center;} .contactLinks .vc_col-sm-3 .vc_column-inner .wpb_text_column{display: flex; justify-content: center;} .contactLinks .vc_col-sm-3 .vc_column-inner:hover{background-color: #34337E;transform:scale(1.03);} .contactLinks .vc_col-sm-3 .vc_column-inner:hover h3{color: #fff;} .contactLinks .vc_col-sm-3 .vc_column-inner:hover p{color: #fff;} .contactLinks .vc_col-sm-3 .vc_column-inner:hover p a{color: #fff;} .contactLinks h3{color: #DE253A; font-size: 18px; font-weight: 500;letter-spacing: 1.8px; text-transform: uppercase;transition:all 0.5s;} .contactLinks p{color: #000; font-size: 16px; font-weight: 400; text-transform: capitalize;transition:all 0.5s;} .contactLinks p a{color: #000; font-size: 16px; font-weight: 400; text-transform: capitalize;transition:all 0.5s;text-decoration:none;} .contactPageForm{padding-top:80px !important;padding-bottom:80px !important;} .contactPageForm img{} .contactPageForm .gfield_required{display:none !important;} .contactPageForm label{color: #34337E; font-family: "Poppins" !important; font-weight: 500 !important; line-height: 31px; font-size: 17px !important;} .contactPageForm input{border-radius: 15px; background: #F6F6F6 !important; border: none; padding: 20px 15px !important; color: #000; font-family: 'Poppins';margin-bottom: 30px !important;} .contactPageForm textarea{border-radius: 15px; background: #F6F6F6 !important; border: none; padding: 20px 15px !important; color: #000; font-family: 'Poppins';margin-bottom: 30px !important;} .contactPageForm input::placeholder,.contactPageForm textarea::placeholder{color: #7C7C7C !important; font-family: "Poppins"; font-size: 16px;} .contactPageForm input[type=submit]{font-size: 16px; padding: 15px 30px !important; color: #fff; background-color: #09daf5 !important; border-radius: 30px !important;transition:all 0.5s !important;} .contactPageForm input[type=submit]:hover{transform: translateY(-2px); box-shadow: 0 10px 20px #09daf5; color: #fff;} .contactPageForm input[type=submit]:active { transform: translateY(-1px); box-shadow: 0 5px 10px #09daf5; } .contactPageForm .gform_footer{text-align:end !important;} .contactLocation{padding-top:80px !important;padding-bottom:80px !important;} .contactLocation .merge{display:flex;justify-content:space-between;align-items:center;} .contactLocation .vc_col-sm-4:nth-child(1) .vc_column-inner{background-color: #fff; border-radius: 20px; box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.10);padding: 5px 15px 20px !important;transition:all 0.5s; } .contactLocation .vc_col-sm-4:nth-child(1) .vc_column-inner:hover{transform:scale(1.03);} .contactLocation img{} .contactLocation h3{color: #34337E; font-size: 24px; font-weight: 700; line-height: 65px;} .contactLocation .merge p{color: #000; font-size: 14px; font-weight: 400; text-transform: capitalize;} .contactLocation .merge p::before{content:url(../../uploads/2024/01/fe_target.svg);position: relative; top: 3px; right: 3px;} .contactLocation h4{color: #09daf5; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; text-transform: uppercase;} .contactLocation a{color: #7C7C7C; font-size: 14px; font-weight: 400; text-transform: capitalize;text-decoration:none;margin-bottom: 25px !important; display: block;transition:all 0.5s;margin-top: 10px !important;} .contactLocation a:hover{color: #34337E;} /* .contactLocation h4:nth-child(4){padding-top:20px;} .contactLocation a:nth-child(4){padding-bottom:20px;} */ /* Contact US Page Ends */ /* Dating App Page Starts */ .datingDevelopment{padding-top:80px !important;padding-bottom:40px !important;} .datingDevelopment h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;} .datingDevelopment h2 strong{font-weight: 700;color: #09daf5 ;} .datingDevelopment p:nth-child(2){color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px 40px; } .datingDevelopment .vc_col-sm-4{padding:8px;transition:all 0.5s;} .datingDevelopment .vc_col-sm-4:hover{transform:scale(0.97);} .datingDevelopment .vc_col-sm-4:hover .mainBox{background: #09daf5;} .datingDevelopment .mainBox{background: #34337E; padding: 20px 10px 70px 10px; border-top-left-radius: 15px; border-top-right-radius: 15px;transition:all 0.5s;} .datingDevelopment .mainBox h6{color: #fff; font-size: 16px; line-height: 22px;} .datingDevelopment .mainBox img{} .datingDevelopment .colDesc{box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; padding: 20px 20px 30px; border-radius: 15px; position: relative; bottom: 50px; background-color: #fff;height: 260px; display: flex; align-items: center;} .datingDevelopment .colDesc p{color: #000;line-height: 24px;} .datingClone{padding-top:80px !important;padding-bottom:80px !important;background-color:#232459;} .datingClone .vc_row:first-child{padding-bottom:40px;} .datingClone h2{color: #fff;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;} .datingClone h2 strong{font-weight: 700;color: #09daf5 ;} .datingClone p:nth-child(1){color: #fff; font-size: 16px; line-height: 30px; padding: 0px 0px 40px;font-weight:400; } .datingClone h3{color: #fff; font-size: 42px; font-weight: 600;} .datingClone p{color: #fff; font-size: 16px; line-height: 32px; padding: 25px 25px 0px 0px;font-weight:200;} .datingClone img{position: absolute; right: -28px; top: 0px; z-index: 99999; height: 349px !important; object-fit: contain;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container{flex: 1; background: #34337E; border-radius: 15px; padding: 20px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul{} .page-id-1122 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(1) a span::before{content:url(../../uploads/2024/02/tinder-2.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1122 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(2) a span::before{content:url(../../uploads/2024/02/bumble-network-communication-conversation-internet-svgrepo-com-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1122 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(3) a span::before{content:url(../../uploads/2024/02/hinge-svgrepo-com-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1122 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(4) a span::before{content:url(../../uploads/2024/02/badoo-svgrepo-com-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1122 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(5) a span::before{content:url(../../uploads/2024/02/Frame-2.png);position: absolute; left: 25px; bottom: 5px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li a{background-color: #232459; text-align: center; border-radius: 15px !important; padding: 20px; border: none; margin: 21px 0px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li.vc_active a{background-color: #09daf5;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li a span{color: #fff;font-size: 18px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container{flex: 3;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panel.vc_active{padding-top: 40px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels {background: linear-gradient(0deg, #232459 15.3%, #34337E 100%),linear-gradient(139.82deg, #09daf5 3.52%, rgb(154 52 52 / 50%) 35.24%); border-radius: 20px !important; margin-left: 30px; border: none;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body{padding:0px 40px 0px !important;} .page-id-1929 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(1) a span::before{content:url(../../uploads/2024/05/g6.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1929 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(2) a span::before{content:url(../../uploads/2024/05/bookingcom-1-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1929 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(3) a span::before{content:url(../../uploads/2024/05/Group-376-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1929 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(4) a span::before{content:url(../../uploads/2024/05/Vector-3.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1929 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(5) a span::before{content:url(../../uploads/2024/05/Vector-4.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1920 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(1) a span::before{content:url(../../uploads/2024/05/Vector-5.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1920 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(2) a span::before{content:url(../../uploads/2024/05/Layer_2.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1920 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(3) a span::before{content:url(../../uploads/2024/05/Group-376-1-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1920 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(4) a span::before{content:url(../../uploads/2024/05/Group-377.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1920 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(5) a span::before{content:url(../../uploads/2024/05/Frame-4.png);position: absolute; left: 25px; bottom: 5px;} .page-id-1920 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li a span,.page-id-1929 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li a span {margin-left: 25px; } .page-id-2188 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(1) a span::before{content:url(../../uploads/2024/05/Group-382-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-2188 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(2) a span::before{content:url(../../uploads/2024/05/image-22-1.png);position: absolute; left: 25px; bottom: 5px;} .page-id-2188 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(3) a span::before{content:url(../../uploads/2024/05/Mask-group.png);position: absolute; left: 60px; bottom: 7px;} .page-id-2188 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(4) a span::before{content:url(../../uploads/2024/05/image-21.png);position: absolute; left: 38px; bottom: 14px;} .page-id-2188 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:nth-child(3) a span{font-size:0 !important;} .page-id-2188 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:nth-child(4) a span{font-size:0 !important;} .page-id-2173 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(1) a span::before{content:url(../../uploads/2024/05/Mask-group-1.png);position: absolute; left: 64px; bottom: 17px;} .page-id-2173 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(2) a span::before{content:url(../../uploads/2024/05/image-17.png);position: absolute; left: 25px; bottom: 5px;} .page-id-2173 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(3) a span::before{content:url(../../uploads/2024/05/image-17-1.png);position: absolute; left: 17px; bottom: 1px;} .page-id-2173 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(4) a span::before{content:url(../../uploads/2024/05/image-17-2.png);position: absolute; left: 48px; bottom: 7px;} .page-id-2173 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(5) a span::before{content:url(../../uploads/2024/05/image-17-3.png);position: absolute; left: 10px; bottom: 0px;} .page-id-2173 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:nth-child(1) a span{font-size:0 !important;} .page-id-2173 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:nth-child(4) a span{font-size:0 !important;} .page-id-2183 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(1) a span::before{content:url(../../uploads/2024/05/Group-385.png);position: absolute; left: 25px; bottom: 5px;} .page-id-2183 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(2) a span::before{content:url(../../uploads/2024/05/image-3.png);position: absolute; left: 25px; bottom: 10px;} .page-id-2183 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(3) a span::before{content:url(../../uploads/2024/05/image-4.png);position: absolute; left: 25px; bottom: 5px;} .page-id-2183 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(4) a span::before{content:url(../../uploads/2024/05/image-5-1.png);position: absolute; left: 25px; bottom: 8px;} .page-id-2183 .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li:nth-child(5) a span::before{content:url(../../uploads/2024/05/image-6-1.png);position: absolute; left: 25px; bottom: 16px;} .datingSolutions{padding-top:80px !important;padding-bottom:80px !important;} .datingSolutions h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;} .datingSolutions h2 strong{font-weight: 700;color: #09daf5 ;} .datingSolutions p:nth-child(1){color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px 40px; } .datingSolutions h3{font-size: 40px; font-weight: 700; color: #fff;padding-bottom: 25px;} .datingSolutions h3 strong{ font-weight: 700; color: #09daf5;} .datingSolutions h4{font-size: 18px; font-weight: 700; color: #34337E; padding-bottom: 10px;transition:all 0.5s;} .datingSolutions p{line-height: 24px;transition:all 0.5s;} .datingSolutions .vc_col-sm-8 .descBox{padding:10px;} .datingSolutions .vc_col-sm-8 .descBox .vc_column-inner{background-color: #fff; padding: 30px 15px 30px 15px;border-radius:20px;transition:all 0.5s;} .datingSolutions .vc_col-sm-4 .vc_column-inner{background: #34337E; padding: 40px;border-top-left-radius:20px;border-bottom-left-radius:20px;} .datingSolutions .vc_col-sm-8{background: #F6F6F6; border-radius: 20px;padding:25px 20px !important;} .datingSolutions .vc_col-sm-8 .descBox .vc_column-inner:hover{background: #34337E;transform:scale(0.97);} .datingSolutions .vc_col-sm-8 .descBox .vc_column-inner:hover h4,.datingSolutions .vc_col-sm-8 .descBox .vc_column-inner:hover p{color:#fff;} .datingFeatures{padding-top:80px !important;padding-bottom:80px !important;background-color:#232459;} .datingFeatures h2{color: #fff;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;} .datingFeatures h2 strong{font-weight: 700;color: #09daf5 ;} .datingFeatures .vc_row:nth-child(1) .vc_col-sm-12 p{color: #fff; font-size: 16px; line-height: 30px; padding: 0px 0px 70px;font-weight:400; } .datingFeatures .vc_row:last-child p{padding:0px !important;} .datingFeatures .vc_tta-container{background-image: url(../../uploads/2024/02/Rectangle-422.png); background-repeat: no-repeat; background-size: 100%;} .datingFeatures .vc_tta-container .vc_tta-tabs-container{text-align:center !important;bottom: 28px;} .datingFeatures .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list{display: inline-block; background: #fff; border-radius: 30px; padding: 3px 2px 4px;} .datingFeatures .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list li{} .datingFeatures .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list li a{background-color: transparent; border-radius: 30px !important;border:none !important;transition:all 0.5s;} .datingFeatures .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list li a span{color:#232459;font-size:16px;transition:all 0.5s;} .datingFeatures .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a span{color:#fff;font-size:16px;} .datingFeatures .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a{background-color: #09daf5; border-radius: 30px !important;} .datingFeatures .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels{background-color:transparent !important;border:none !important;} .datingFeatures .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body .vc_row{display:flex !important;justify-content:center !important;} .datingFeatures h4{font-size: 16px; color: #fff;} .datingFeatures p{color: #fff;line-height:22px;font-weight:200;font-size: 13px; padding: 10px 0px 25px;} .datingFeatures .vc_inner .vc_col-sm-3 {margin-bottom:20px;padding:10px;} .datingFeatures .vc_inner .vc_col-sm-3 .vc_column-inner{background-image:url(../../uploads/2024/02/Rectangle-423.png);background-size:100%;background-repeat:no-repeat;} .datingFeatures .vc_inner .vc_col-sm-3 img{position: relative; bottom: 18px;margin-bottom: 10px;} .datingFeatures .vc_tta.vc_general .vc_tta-panel-body{padding:14px 30px !important;} .datingWhyUs{padding-top:80px !important;padding-bottom:80px !important;} .datingWhyUs .secondRow{background-image:url(../../uploads/2024/02/Group-377.png);background-repeat:no-repeat;background-position:center;} .datingWhyUs .secondRow .vc_inner{transition:all 0.5s;} .datingWhyUs h2{color: #232459;font-size: 42px; font-weight: 700; line-height: 50px; padding-bottom: 30px;} .datingWhyUs h2 strong{font-weight: 700;color: #09daf5 ;} .datingWhyUs .vc_row:nth-child(1) .vc_col-sm-12 p{color: #000; font-size: 16px; line-height: 30px; padding: 0px 0px 40px; } .datingWhyUs .leftCol .vc_inner .vc_col-sm-9 h3{text-align: end;color:#232459;font-size:20px;font-weight:600;} .datingWhyUs .leftCol .vc_inner .vc_col-sm-9 p{text-align: end;color:#7C7C7C;line-height:22px;padding:10px 0px;} .datingWhyUs .rightCol .vc_inner .vc_col-sm-9 h3{text-align: start;color:#232459;font-size:20px;font-weight:600;} .datingWhyUs .rightCol .vc_inner .vc_col-sm-9 p{text-align: start;color:#7C7C7C;line-height:22px;padding:10px 0px;} .datingWhyUs .vc_inner .vc_single_image-wrapper{background-color: #34337E; border-radius: 50%; width:100px; max-width: 141%;transition:all 0.5s;} .datingWhyUs .vc_inner .vc_single_image-wrapper img{margin: 20px 20px;} .datingWhyUs .vc_inner .vc_col-sm-9 .vc_column-inner{padding: 20px 10px;} .datingWhyUs .rightCol .vc_inner .vc_col-sm-3 .vc_single_image-wrapper{position:relative;right:25px;} .datingWhyUs .leftCol .vc_inner:nth-child(2){position:relative;right:25px;} .datingWhyUs .rightCol .vc_inner:nth-child(2){position:relative;left:25px;} .datingWhyUs .secondRow .vc_inner:hover{transform:scale(1.05);} .datingWhyUs .secondRow .vc_inner:hover .vc_single_image-wrapper{background-color: #09daf5;} /* Privacy Policy Page Starts */ .privacyBanner{} .privacyBanner img{width: 1500px; object-fit: cover;} .privacyBanner .vc_col-sm-5 .vc_column-inner{padding: 65px 60px !important; position: relative; left: -190px; background: #fff;} .privacyBanner h1{font-size: 70px; color: #343480; font-weight: 700;} .privacyBanner .mainMergeBox .wpb_wrapper{display:flex;justify-content:end;align-items:center;} .privacyBanner .mainMergeBox{position: absolute; left: 0; bottom: 0; background-color: #fff; padding: 15px 30px; border-bottom: 1px solid #ebebeb; width: 500px;} .privacyBanner .mainMergeBox p{margin-right: 38px; color: #343480; font-weight: 600; font-size: 18px;margin-bottom: 0;} .privacyBanner .mainMergeBox a {width: 35px; height: 35px; margin-right: 10px; line-height: 35px; text-align: center; background-color: #ebebeb; border-radius: 50%; color: #343480; transition: all 450ms linear .1s;} .privacyBanner .mainMergeBox a:hover{color: #fff; background-color: #343480;} .privacyContent{padding-top:60px !important;padding-bottom:60px;} .privacyContent p{font-weight: 300; font-size: 16px; line-height: 30px; color: #000000; margin-bottom: 44px;} .privacyContent ul{ margin-bottom: 44px !important;padding-left:40px !important;display: block;} .privacyContent li{font-weight: 300; font-size: 16px; line-height: 30px; color: #000000;display:block;position:relative;} .privacyContent li::before{content: "•"; position: absolute; font-size: 24px; top: 0px; left: -17px; } .privacyContent h2{margin-bottom: 15px; font-size: 24px;} .privacyContent h3{} .privacyContent a{font-size: 15px; color: #09daf5; font-weight: 500; line-height: 30px; text-decoration: underline !important;} .privacyContent a:hover{ text-decoration: none !important;} /* Dating App Page Ends */ /* gravity form */ #costumModal9 .gform_footer .gform_button{padding: 12px 33px; background: #34337E; border: 1px solid #34337E; color: #fff; font-weight: 500 !important; font-size: 16px !important; border-radius: 30px; transition: 0.5s; margin-top: 20px;} #costumModal9 .gform_footer .gform_button:hover{background: #fff; color: #34337E;} #costumModal9 .gform_footer {padding:0px !important; margin-top:0px !important;text-align: end;} #costumModal9 .gfield_label{ font-size: 16px; letter-spacing: 1px; color: #232459; font-weight: 500;} #costumModal9 .gform_wrapper input::placeholder,#costumModal9 .gform_wrapper textarea::placeholder{font-family:"Poppins",sans-serif;color:#34337E;font-size:16px;} #costumModal9 .gform_wrapper.gravity-theme .gfield textarea::placeholder{font-family:"Poppins",sans-serif !important;color:#34337E !important;padding:0 !important;margin:0px !important;font-size:16px;} #costumModal9 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){border: 1px solid #34337E; background: #fff0; margin-top: 0px; font-size: 16px; font-family: "Poppins", sans-serif; border-radius: 30px; padding: 12px 15px;} #costumModal9 .gform_wrapper.gravity-theme .gfield textarea{height: 110px; border: 1px solid #34337E; background: #fff0; margin-top: 0px; font-size: 16px; font-family: "Poppins", sans-serif; border-radius: 20px; padding: 12px 15px;} #costumModal9 .ginput_container_select select{border: 1px solid #fff; padding: 4px !important; background: #fff0; color: #fff;font-family:"Poppins", sans-serif;} #costumModal9 .modal-header h4 { font-size: 22px; font-weight: 400; letter-spacing: 1px; color: #1E1E1E; line-height: 30px; margin-bottom: 0px; } #costumModal9 .modal-header button{font-size: 37px; font-family: 'Gangitem'; font-weight: 600; letter-spacing: 1px; opacity: 100%; position: relative; top: 7px; right: 6px; color: #fff;} #costumModal9 .modal-header button:hover{color:#fff !important;} #costumModal9 .modal-header{border-bottom: 1px solid #fff;} #costumModal9 .modal-content{background: #fff; padding: 0px; border-radius: 30px !important; border: none !important;} #costumModal9 .gform_wrapper select option{color:#000 !important;} #costumModal9 .gform_wrapper .gfield_required { color: #ff4900 !important;font-size:0px; } #costumModal9 .gform_wrapper .gfield_required_text::before { color: #09daf5 !important;content:"*";display:inline-block;font-size:16px; } #costumModal9::-webkit-scrollbar {display:none !important;} #costumModal9 .modal-dialog{max-width: 1700px !important;} #costumModal9 .modal-content {margin: auto; width: 1130px !important; display: -webkit-box;} #costumModal9 .modal-content {animation-name: animatetop; animation-duration: 0.4s} #costumModal9 .modal-content-header{width:37% !important;} #costumModal9 .modal-body-bottom{width: 59% !important; padding: 20px 0px 20px 20px !important;} #costumModal9 .modal-content-header h2{font-size: 33px; color: #34337E; font-weight: 700; text-transform: capitalize; line-height: 48px; margin-bottom: 50px;} #costumModal9 h2 strong{color:#09daf5; font-weight: 700;} #costumModal9 img{position: relative; right: 8px;height:100%; } .modal-open #costumModal9{display: flex !important; align-items: center;} #costumModal9 .modalClose{display:none !important;color:#fff;background:#09daf5;font-size:16px;border-radius:50%;height:30px;width:30px;border: 1px solid #09daf5; position: absolute; top: -15px; right: -10px; } /*#lpcostumModal9 .gform_footer .gform_button{padding: 12px 33px; background: #34337E; border: 1px solid #34337E; color: #fff; font-weight: 500; letter-spacing: 1px; font-size: 16px !important; border-radius: 30px; transition: 0.5s; font-weight: 700; margin-top: 30px ;} #lpcostumModal9 .gform_footer .gform_button:hover{background: #fff; color: #34337E;} #lpcostumModal9 .gform_footer {padding:0px !important; margin-top:0px !important;} #lpcostumModal9 .gfield_label{ font-size: 20px; letter-spacing: 1px; color:#000; display: none;} #lpcostumModal9 .gform_wrapper input::placeholder,#lpcostumModal9 .gform_wrapper textarea::placeholder{font-family:"Poppins",sans-serif;color:#8f8f8f;font-size:18px;} #lpcostumModal9 .gform_wrapper.gravity-theme .gfield textarea::placeholder{font-family:"Poppins",sans-serif !important;color:#8f8f8f !important;padding:0 !important;margin:0px !important;} #lpcostumModal9 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){border-bottom: 1px solid #000; background: #fff0; border-top: 0px; border-right: 0px; border-left: 0px; margin-top: 24px; font-size:18px;font-family:"Poppins", sans-serif;} #lpcostumModal9 .gform_wrapper.gravity-theme .gfield textarea{height: 80px; border-top: 0px; border-left: 0px; border-right: 0px; margin-top: 20px;font-size:18px;font-family:"Poppins", sans-serif;} #lpcostumModal9 .ginput_container_select select{border: 1px solid #fff; padding: 4px !important; background: #fff0; color: #fff;font-family:"Poppins", sans-serif;} #lpcostumModal9 .modal-header h4{font-size: 24px; font-weight: 500; letter-spacing: 1px; color: #000; line-height: 34px; margin-bottom: 10px ;} #lpcostumModal9 .modal-header button{font-size: 37px; font-family: 'Gangitem'; font-weight: 600; letter-spacing: 1px; opacity: 100%; position: relative; top: 7px; right: 6px; color: #fff;} #lpcostumModal9 .modal-header button:hover{color:#fff !important;} #lpcostumModal9 .modal-header{border-bottom: 1px solid #fff;} #lpcostumModal9 .modal-content{background: #fff; border-radius: 0px !important; padding: 70px; border-bottom-right-radius: 30px !important; border-bottom-left-radius: 30px !important;} #lpcostumModal9 .gform_wrapper select option{color:#000 !important;} #lpcostumModal9 .gform_wrapper .gfield_required { color: #ff4900 !important; } #lpcostumModal9::-webkit-scrollbar {display:none !important;} #lpcostumModal9 .modal-dialog{max-width: 1700px !important;} #lpcostumModal9 .modal-content {margin: auto; width: 1130px !important; display: -webkit-box;} #lpcostumModal9 .modal-content {animation-name: animatetop; animation-duration: 0.4s} #lpcostumModal9 .modal-content-header{width:44% !important;} #lpcostumModal9 .modal-body-bottom{width:56% !important; padding-left: 20px;} #lpcostumModal9 .modal-content-header h2{font-size: 33px; color: #34337E; font-weight: 700; text-transform: capitalize; line-height: 48px; margin-bottom: 50px;} #lpcostumModal9 h2 strong{color:#09daf5; font-weight: 700;} #lpcostumModal9 img{width: 89%; height: 370px;} .modal-open #lpcostumModal9{display: flex !important; align-items: center;} #lpcostumModal9 .modalClose{display:none !important;color:#fff;background:#09daf5;font-size:16px;border-radius:50%;height:30px;width:30px;border: 1px solid #09daf5; position: absolute; top: -15px; right: -10px; } */ /* Blogs Page Starts */ .blogTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { border-color: #fff !important; background-color: #fff !important; } .blogTabs .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list { overflow: hidden; text-align: center; background-color: #F6F6F6 !important; border-radius: 30px;width: fit-content;margin-bottom: 35px; } .blogTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a { border-color: transparent !important; background-color: transparent !important; color: #232459; border-radius: 30px !important; padding: 12px 35px;} .blogTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a span {color: #232459 !important; } .blogTabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a { border-bottom-color: transparent !important; background-color: #232459 !important; border-radius: 30px !important; padding: 12px 35px !important; } .blogTabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a span{ color: #fff !important;} .blogTabs .vc_tta-tabs-container{display:flex !important;justify-content:center;} .blogTabs .mainDiv{box-shadow: 0px 15px 25px 0px #0000000F; border-radius: 15px;margin-bottom: 35px;transition:all 0.4s !important;} .blogTabs .mainDiv:hover{transform:scale(0.97);} .blogTabs .mainDiv .imageDiv img{height: 230px; width: 100%; object-fit: cover;border-top-left-radius: 15px; border-top-right-radius: 15px;} .blogTabs .vc_gitem-zone-a{height: 230px; width: 100%; object-fit: cover;border-top-left-radius: 15px; border-top-right-radius: 15px;} .blogTabs .mainDiv .contentDiv{padding: 25px 20px;} .blogTabs .mainDiv .contentDiv h4{font-size: 21px; color: #232459; font-weight: 600;text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; } .blogTabs .mainDiv .contentDiv p{font-size: 15px; padding: 5px 0px 10px;text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; height: 50px;} .blogTabs .mainDiv .contentDiv .mergeBox{display: flex;align-items: center; } .blogTabs .mainDiv .contentDiv .mergeBox .authorBox{flex: 2;display: flex; align-items: center;} .blogTabs .mainDiv .contentDiv .mergeBox .authorBox .authorNameBox{display: inline-block;} .blogTabs .mainDiv .contentDiv .mergeBox .authorBox h5 a{display: inline-block; font-size: 14px; margin-left: 7px; color: #232459; font-weight: 600;z-index:-1;position:relative;} .blogTabs .mainDiv .contentDiv .mergeBox .authorBox h6{font-size: 12px; font-style: italic; margin-left: 24px; color: #7C7C7C;position:relative;} .blogTabs .mainDiv .contentDiv .mergeBox .authorBox h6::before{content:url(../../uploads/2024/04/Icon-1.svg);position: absolute; left: -18px;} .blogTabs .mainDiv .contentDiv .mergeBox .authorBox img{width: 45px;border-radius: 50%;} .blogTabs .mainDiv .contentDiv .mergeBox .dateBox p{color: #09daf5; margin: 0; padding: 0; font-weight: 600;height:auto !important;} html {scroll-behavior: smooth;} .mainBlogContentRow{padding:70px 0px;} .mainBlogContentRow .recent-posts{background-color: #F6F6F6; padding: 0px 0px 10px; text-align: center; border-radius: 10px;} .mainBlogContentRow .recent-posts h3{background-color: #34337E; color: #fff; font-size: 20px; font-weight: 600; padding: 15px 0px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin: auto; width: 240px;margin-bottom: 10px;} .mainBlogContentRow .recent-posts ul{padding:0px !important;} .mainBlogContentRow .recent-posts ul li{display:block;} .mainBlogContentRow .recent-posts ul li a{color: #000; font-size: 17px; padding: 14px 15px !important; display: block; border-bottom: 1px solid #DFDFDF;} .mainBlogContentRow .recent-posts ul li.last a{border:none;} .mainBlogContentRow .blogContent{padding:0px !important;} .mainBlogContentRow .blogContent img.featuredImage{width: 100%; height: 420px; object-fit: cover; object-position: center;border-radius: 20px;} .mainBlogContentRow .blogContent img{width: 100%; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 20px;} .mainBlogContentRow .blogContent h1{font-size:40px;color:#232459;font-weight:700;padding:15px 0px 25px;} .mainBlogContentRow .blogContent h1 strong{color:#09daf5;font-weight:700;} .mainBlogContentRow .blogContent h2{font-size:32px;color:#232459;font-weight:700;padding:15px 0px 15px;} .mainBlogContentRow .blogContent h2 strong{color:#09daf5;font-weight:700;} .mainBlogContentRow .blogContent h3{font-size:26px;color:#232459;font-weight:700;padding:15px 0px 15px;} .mainBlogContentRow .blogContent h3 strong{color:#09daf5;font-weight:700;} .mainBlogContentRow .blogContent h4{font-size:22px;color:#232459;font-weight:700;padding:15px 0px 15px;} .mainBlogContentRow .blogContent h4 strong{color:#09daf5;font-weight:700;} .mainBlogContentRow .blogContent p{font-size:17px;color:#000;padding:0px 0px 10px;line-height:28px;} .mainBlogContentRow .blogContent p em{font-size:17px;color:#000;line-height:28px;font-style:italic;} .mainBlogContentRow .blogContent a{font-size:17px;text-decoration:underline !important;color:#551A8B ;} .mainBlogContentRow .blogContent a:hover{text-decoration:none !important;} .mainBlogContentRow .blogContent a.designBtn{text-decoration:none !important;color:#fff ;} .mainBlogContentRow .blogContent ul{margin-left:0px !important;display: inline-block;} .mainBlogContentRow .blogContent li{font-size:17px;color:#000;padding:0px 0px 10px;line-height:28px;display:block;position:relative;} .mainBlogContentRow .blogContent li::before{content: "."; display: inline-block; font-size: 70px; color: #09daf5; position: absolute; left: -23px; top: -19px;} .mainBlogContentRow .blogContent .table_component { overflow: auto; width: 100%; } .mainBlogContentRow .blogContent .table_component table { border: 1px solid #dededf; height: 100%; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 1px; text-align: left; margin-bottom:20px !important;} .mainBlogContentRow .blogContent .table_component caption { caption-side: top; text-align: left; } .mainBlogContentRow .blogContent .table_component th { border: 1px solid #dededf; background-color: #232459; color: #fff; padding: 10px 5px; font-size: 16px; } .mainBlogContentRow .blogContent .table_component td { border: 1px solid #dededf; background-color: #ffffff; color: #000000; padding: 10px 5px; font-size: 16px; } .mainBlogContentRow .blogContent .dateRow{margin-top:20px;} .mainBlogContentRow .blogContent .dateRow .date{font-size: 16px; color: #232459; font-weight: 500;} .mainBlogContentRow .blogContent .dateRow .date strong{ color: #09daf5; font-weight: 500;} .mainBlogContentRow .blogContent .dateRow .categoryBox{font-size: 16px; color: #232459; font-weight: 500;} .mainBlogContentRow .blogContent .dateRow .categoryBox a{font-size: 16px; color: #09daf5; font-weight: 500;} .mainBlogContentRow .titleRow{display:flex;align-items:center;} .mainBlogContentRow .authorBox{background-color:#F6F6F6;padding:30px 25px 0px;border-radius:15px;position: relative; bottom: 20px;} .mainBlogContentRow .authorBox .mergeBox{display:flex;align-items: center;padding-bottom: 35px;} .mainBlogContentRow .authorBox .mergeBox .authorImage img{width: 55px; height: 55px; margin-right: 14px;border-radius:50%;} .mainBlogContentRow .authorBox .mergeBox .authorName img{width:20px;height:20px;} .mainBlogContentRow .authorBox .mergeBox h4{font-size: 19px; color: #232459; font-weight: 700;padding:0px;} .mainBlogContentRow .authorBox .mergeBox h5{color: #7C7C7C; font-size: 16px; font-style: italic; display: inline-block; position: relative; top: 2px; margin-left: 3px;} .mainBlogContentRow .authorBox .shareBox{display: flex; align-items: center; background-color: #34337E; color: #fff; font-size: 16px; font-weight: 500; margin: auto; width: 265px; padding: 12px 0px 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; justify-content: center;} .mainBlogContentRow .authorBox .shareBox .heateor_sss_sharing_container{margin-left:5px !important;} /* Custom Page Development Css Starts */ .customEnterpreneure{} .customEnterpreneure p{margin-top: 35px; text-align: center; font-family: Poppins; font-size: 16px; font-weight: 300; line-height: 32px;} .customTech{padding-top:0px !important;} .customTech h2{ margin-bottom: 40px !important;} .customTech .vc_col-sm-3 { height: 220px !important; display: flex; align-items: center; } .customTech .mainBox { height: 220px !important; display: flex; align-items: center;border: 1px solid #D9D9D9; padding: 20px 0px;transition: all 0.5s;justify-content:center;flex-direction:column; } .customTech .mainBox h3{color: #232459; font-size: 18px; font-style: normal; font-weight: 600; line-height: 25px; padding-top: 10px; transition: all 0.5s;} .customTech .swiper-button-next:after,.customTech .swiper-button-prev:after { font-size: 12px !important; font-weight: 600 !important; color: #fff !important;} .customTech .swiper-button-next,.customTech .swiper-button-prev{background:#232459;height:30px !important;width:30px !important;border-radius:50%;} .desktopRow{} .mobileRow{display:none;} /* .customTech .mainBox:hover h3{color:#fff;} .customTech .mainBox:hover img { filter: brightness(10); } */ .lpMobileNumber{display:none;} .page-id-2009 .lpMobileNumber{display:block;} .page-id-2009 .KpMobileNumber{display:none;} .page-id-2009 .mobileCaseStudy{padding-bottom: 290px !important;} .page-id-2009 .mobilelogos-sec p { color: #000;} .page-id-2009 .mobilelogos-sec h2 { color: #232459;} .page-id-2009 .mobilelogos-sec{background-color:#fff !important;} .page-id-2009 .mobileCaseStudy .mainBox .designBtn{pointer-events:none;} .page-id-2009 .review-card .platform a{pointer-events:none;} .page-id-2009 header .h-menu{display:none;} .page-id-2009 header .fixed-top .col-2 a{pointer-events:none;} .page-id-2009 .copyright-sec .last-links li.first a{display:none;} .process {background-image: url('assets/img/process bg.png'); background-repeat: no-repeat; background-size: cover; padding: 5vw !important; .desktop-version { display: block; } h2 { color: #FFF; text-align: center; font-family: Poppins; font-size: 42px; font-style: normal; font-weight: 700; line-height: 50px; /* 119.048% */ text-transform: capitalize; padding-bottom: 60px; } ul.nav-tabs { border: none !important; justify-content: center; position: relative; padding-top: 70px; column-gap: 2vw; span.line { /* position: relative; */ position: absolute; width: 100%; z-index: 0; border-bottom: 5px solid #fff; border-top: 5px solid #fff; border-radius: 25px; bottom: 82%; left: 0; } .nav-item { position: relative; z-index: 3; width: 120px; display: flex; justify-content: center; align-items: flex-start; .nav-link { border: none !important; background-color: transparent; color: #FFF; text-align: center; font-family: 'Poppins', sans-serif; font-size: 13.453px; font-style: normal; font-weight: 400; line-height: 17px; /* 126.365% */ display: flex; flex-direction: column; justify-content: center; align-items: center; &.active { span { background-color: #09daf5; } } span { border: 5px solid #fff; width: 25px; height: 25px; border-radius: 50px; margin-bottom: 20px; background-color: black; } } } } .tab-content { .tab-pane { border-radius: 10px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(3.5px); padding: 30px; animation: fadeInRight .5s linear; .container-fluid { .row { .col-7 { display: flex; flex-direction: column; justify-content: center; h4 { color: #FFF; font-family: Poppins; font-size: 23.438px; font-style: normal; font-weight: 700; linespan.line-height: 30px; /* 128% */ padding-bottom: 40px; } p { color: #FFF; font-family: Poppins; font-size: 17.438px; font-style: normal; font-weight: 400; line-height: 28px; /* 160.573% */ } } .col-5 { display: flex; flex-direction: column; align-items: center; img { width: 407.33px; height: 407.33px; object-fit: cover; } } } } } } } .thank-you a.designBtn{width:200px !important;} .page-id-2009 .foo-pages-sec{display:none !important;} .page-id-2009 .header-menu{display:none !important;} /* Add Animation */ @keyframes animatetop { from {top: 500px; opacity: 0} to {top: 0; opacity: 1} } /* Responsive */ @media (max-width: 2000px) and (min-width: 1720px){ .seventh-sec .box .inner { width: 272px !important; } .sixth-sec .expertise-sec .expertise-card .icon{left:17px; } .mainbox .card { width: 488px; height: 701px; } .expertise-arrow { margin-top: 124px !important; right: 10px !important; } } @media (min-width: 1440px) and (max-width: 1600px) { .expertise-arrow { margin-top: 15px; } ul.vc_tta-tabs-list.packages-ul { width: 1370px; } ul.vc_tta-tabs-list.packages-ul { width: 1370px; } header .container-fluid { padding: 0 2vw !important; } } @media (max-width:1600px){ .web-industries .vc_tta-tabs-list .vc_tta-tab { margin-right: 0px !important; } .seventh-sec .box .inner { width: 272px !important; bottom: 5px; } .expertise-arrow { transform: translateY(130px); } .mainbox .card { width: 400px; } div#w-node-_65bd0788-dba1-af6a-9179-9d2d0e08c476-27b6e9e1 { font-size: 22px; } a.button.w-inline-block { width: 200px; font-size: 15px; } a.button-aux-home.w-inline-block { width: 117px; font-size: 15px; } } @media (max-width: 1500px) and (min-width: 1300px){ /*.expertise-arrow {*/ /* margin-top: 133px !important;*/ /* right: 10px !important;*/ /*}*/ header div.col-6 { justify-content: center !important; margin-left: 50px; } .mainbox .card { width: auto !important; height: 701px; } /* main banner css start */ .sixth-sec .expertise-sec .expertise-card .icon{left:21px; } .main-banner .fir-mhead{ transform: translateX(-20px); } /* main banner css end */ /* 2nd section css start */ .up-down-before{ font-size: 46px !important; } .common-up-down{ transform: translate(0px, -1px); } .common-up-down .box .inner span{ font-size: 46px !important; } .common-up-down .box{ width: 250px; } .common-up-down .box .inner{ width: 350px; } /* 2nd section css end */ /* 3rd section css start */ .third-sec .common-up-down{ transform: translate(-10px, -3px); } /* 3rd section css end */ /* 4rth section css start */ .fourth-sec .nav-tabs{ margin-right: 10px; } .fourth-sec .nav-link{ font-size: 16px; } /* 4rth section css end */ /* 5th section css start */ .fifth-sec .common-up-down{ transform: translate(0px, -2px) !important; } .fifth-sec .hover-row:hover .hidden-row img{ width: 760px!important; height: 225px !important; position: relative; top: 20px; } .fifth-sec .hover-row:hover .hidden-row .hover-text{ display: none !important; } /* 5th section css end */ /* 6th section css start */ @keyframes icon-bounce{ 0%{ transform: translate(-12px, 0px); } 15%{ transform: translate(-12px, -50px); } 30%{ transform: translate(-12px, 0px); } 45%{ transform: translate(-12px, -30px); } 60%{ transform: translate(-12px, 0px); } 75%{ transform: translate(-12px, -10px); } 90%{ transform: translate(-12px, 0px); } 100%{ transform: translate(-12px, 0px); } } .sixth-sec .common-up-down{ transform: translate(10px, -2px) !important; } /* .sixth-sec .expertise-card{ height: 420px !important; margin-right: 20px !important; } */ .sixth-sec .expertise-card .icon{ padding: 0 !important; transform: translateX(-12px); } .sixth-sec .expertise-card:hover .icon{ /* transform: translateX(-10px) !important; */ } /* 6th section css end */ /* 7th section Starts */ .seventh-sec .blue-sec { height: 440px;} .seventh-sec .blue-sec p { font-size: 15px;} /* 8th section css start */ .eighth-sec .accordion-sec h2, .eighth-sec .accordion-sec h2 span{ font-size: 46px; } .eighth-sec .counter-card{ width: 250px; } /* 8th section css end */ /* 9th section css start */ .ninth-sec .col-6 h2, .ninth-sec .col-6 h2 span{ font-size: 46px; } /* 9th section css end */ /* blog section css start */ .blog-sec h2, .blog-sec h2 span{ font-size: 46px; } .blog-sec .blog-row-1 .col-4{padding:8px;} .blog-sec .blog-row-1 .col-4 .vc_column-inner{ height: 320px; margin-right: 0px; padding: 20px 25px; } .blog-sec .blog-row-1 .main-Col{ padding:0px 8px; } .blog-sec .blog-row-1 .col-4 h3{ font-size: 21px; } } @media (max-width:1366px) { .expertise-arrow { margin-top: 70px !important; right: 10px !important; } .mobileFuture .vc_col-sm-3 h3 { font-size: 14px; } /*.expertise-arrow {*/ /* margin-top: 116px !important;*/ /* right: 10px !important;*/ /*}*/ h2.reviewHeading { margin-top: 25px; } .seventh-sec .box .inner { width: 272px !important; } } @media (max-width:1366px) { .mobileFuture .vc_col-sm-3 { height: 500px; } .mobileFuture .vc_col-sm-3 p:nth-child(2) { height: 300px; } /*.expertise-arrow {*/ /* margin-top: 200px !important;*/ /* right: 10px !important;*/ /*}*/ header .container-fluid { padding: 0 5vw !important; } .up-down-before { font-size: 38px !important; } .common-up-down .box .inner span { font-size: 38px !important; } /*.expertise-arrow {*/ /* margin-top: 150px !important;*/ /* right: 10px !important;*/ /*}*/ .logo-anim { width: 30px; } .seventh-sec .blue-sec h2 { font-size: 32px; } .eighth-sec { padding: 0 3vw; } .page-id-1001 .eighth-sec { padding: 80px 2vw 0px !important; } .process-lst-wrap { width: 1600px; } .megamenu .fab { margin-top: 0px; } header div.col-6 { justify-content: center !important; } .sixth-sec .common-up-down .box .inner { transform: translateX(-10px); } .sixth-sec .common-up-down .box { overflow: inherit; } .sixth-sec .common-up-down .box .inner span { left: 0px; } .sixth-sec .expertise-sec .expertise-card { height: 600px; } } /* blog section css end */ } @media (max-width: 1350px) and (min-width: 1200px){ .mb-heading { font-size: 70px; line-height: 60px; } .last-mhead .mheadingsec { justify-content: end !important; position: relative; right: 70px;padding-left:0px; } .box .inner span { font-size: 70px; line-height: 115px; } .box .inner { justify-content: center; align-items: center; width: 500px; height: 115px; } .mheadingsec { display: flex; justify-content: center; align-items: center; padding-right: 0vw !important; } .last-mhead { display: flex !important; justify-content: start !important; align-items: center !important; padding-top: 10px; } .mb-desc span { font-size: 24px;font-weight: 300; line-height: 42px; } .mb-desc { text-align: center; font-size: 24px; line-height: 40px; padding-top: 10px; } .box { width: 350px; } .main-banner {height: 610px;} .up-down .box { width: 350px; } .up-down .box .inner { width: 350px; height: 115px;} .box.slide-box { width: 500px !important; height: 115px; } .firstLine .box .inner span {font-size: 70px; top: -3px; left: 0;width:135% !important; } @keyframes wordslider{ 0%{ transform: translateX(120px); } 25%{ transform: translateX(120px); } 30%{ transform: translateX(-375px); } 65%{ transform: translateX(-375px); } 70%{ transform: translateX(-940px); } 95%{ transform: translateX(-940px); } 100%{ transform: translateX(120px); } } @keyframes up-down{0% { transform: translate(20px, 115px); } 25% { transform: translate(20px, 115px); } 30% { transform: translate(20px, 0px); } 65% { transform: translate(20px, 0px); } 70% { transform: translate(20px, -115px); } 95% { transform: translate(20px, -115px); } 100% { transform: translate(20px, 110px); } } .page-id-922 .innerBanner h1 {font-size: 42px;font-weight: 700;line-height: 55px;} } @media (max-width: 1300px) and (min-width: 1023px){ .mainbox .card { width: auto !important; height: 701px; } .innerBanner h1 { font-size: 30px; line-height: 44px; } .innerBanner .vc_row:nth-child(1) { height: 100% !important; } .helthcare-solution .health-second-row .vc_col-sm-2{padding:6px 0;} .helthcare-solution .health-second-row .vc_col-sm-2 .vc_column-inner{padding-left: 5px !important; padding-right: 5px !important;} .mobileCaseStudy h2{font-size:30px; line-height: 43px;} .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a span{font-size:14px !important;} .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{padding:17px 12px !important;} .mobileCaseStudy p{font-size:14px;} .health-busniess-core .vc_tta-panel-body{padding-right:0px !important;} .health-busniess-core .column-4-too{background-size:100% 100%;} .health-busniess-core .heath-core-row .icon-row { position: relative; left: 30px; } .mobileTabs h2{font-size:30px;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a span{font-size:18px !important;} .mobileTabs h3{font-size:30px;} .ninth-sec .col-6 h2{font-size:30px !important;} .ninth-sec .col-6 h6{font-size:16px; line-height:30px;} .reviews-sec .swiper-slide{width:300px !important;} .mobileDevCost h2{font-size: 30px; font-weight: 700;} .mobileDevCost .vc_col-sm-5 p{font-size:14px; line-height: 26px;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner h3{font-size:30px; padding-bottom:0px;} .mobileDevCost .vc_inner .costBlueCol .vc_column-inner{height:350px;} .mobileDevCost .vc_inner .costRedCol .vc_column-inner{height:350px;} .development-process h2{font-size: 30px; padding-bottom:10px; line-height:40px;} .development-process h3::after{left:19%;} .why-choose-web h2{font-size: 30px; padding-bottom:10px; line-height:40px;} .why-choose-web p{font-size:14px;} .mobilelogos-sec h2{font-size:30px;} .mobilelogos-sec p{font-size:14px;} .mobilelogos-sec .swiper-slide{padding:17px;} .mobileFuture .vc_col-sm-3 {height: 440px;} .mobileFuture .vc_col-sm-3 p:nth-child(2) {height: 240px;} .sixth-sec .expertise-sec .expertise-card .icon {left: 7px !important;} .sixth-sec .expertise-sec .expertise-card .expertise-heading h2 { font-size: 18px !important;} } @media only screen and (max-width: 1024px) { .expertise-arrow { margin-top: 124px !important; right: 10px !important; } } @media (max-width: 1200px) and (min-width: 992px){ .expertise-arrow { margin-top: 70px !important; right: 10px !important; } button.world-btn span { display: none; } header .container-fluid { padding: 0 2vw !important; } header div.col-6 { justify-content: flex-start !important; } .mb-heading { font-size: 70px; line-height: 60px; } .last-mhead .mheadingsec { justify-content: end !important; position: relative; right: 70px;padding-left:0px; } .box .inner span { font-size: 70px; line-height: 115px; } .box .inner { justify-content: center; align-items: center; width: 500px; height: 115px; } .mheadingsec { display: flex; justify-content: center; align-items: center; padding-right: 0vw !important; } .last-mhead { display: flex !important; justify-content: start !important; align-items: center !important; padding-top: 10px; } .mb-desc span { font-size: 24px;font-weight: 300; line-height: 42px; } .mb-desc { text-align: center; font-size: 24px; line-height: 40px; padding-top: 10px; } .box { width: 350px; } .main-banner {height: 610px;} .up-down .box { width: 350px; } .up-down .box .inner { width: 350px; height: 115px;} .box.slide-box { width: 500px !important; height: 115px; } .firstLine .box .inner span {font-size: 70px; top: -3px; left: 0;width: 130% !important; } @keyframes wordslider{ 0%{ transform: translateX(120px); } 25%{ transform: translateX(120px); } 30%{ transform: translateX(-375px); } 65%{ transform: translateX(-375px); } 70%{ transform: translateX(-940px); } 95%{ transform: translateX(-940px); } 100%{ transform: translateX(120px); } } @keyframes up-down{0% { transform: translate(20px, 115px); } 25% { transform: translate(20px, 115px); } 30% { transform: translate(20px, 0px); } 65% { transform: translate(20px, 0px); } 70% { transform: translate(20px, -115px); } 95% { transform: translate(20px, -115px); } 100% { transform: translate(20px, 110px); }} nav > ul > li > a {padding: 15px 7px;} header .header-menu .dropdown { padding: 0px 7px !important; } header .fixed-top .designBtn { padding: 10px 31px 10px 10px !important; height: 44px; position: relative; top: 5px; font-size: 14px !important; } button.world-btn span{font-size:13px !important;} header .fixed-top .designBtn::after{right: 13px; top: 14px; font-size: 12px;} #wpadminbar{display:none;} .sixth-sec .expertise-sec .expertise-card{width: 44%; height: 453px; margin-bottom: 20px; } .sixth-sec .expertise-sec .expertise-card .icon { left: 23px !important; top: -26px; } .seventh-sec .box .inner span{font-size: 30px;} .seventh-sec .blue-sec h2{font-size:30px; line-height:30px;} .seventh-sec .box{left: -37px; position: relative;} .seventh-sec .blue-sec .contact-info h2{font-size:18px !important;} .eighth-sec .accordion-sec h2{font-size:40px; line-height:55px; padding-bottom:20px ;} .eighth-sec .accordion-sec h2 span{font-size:40px;} .eighth-sec .accordion-button {align-items:baseline;} .face-sec img{height:440px !important;} .face-sec{height:600px !important;} .eighth-sec .counter-card{width: 190px; height: 240px;} .eighth-sec .counter-card .timer{font-size:60px;} .eighth-sec .counter-card h2{font-size:60px;} .innerBanner h1{font-size: 40px; line-height: 47px;} .innerBanner{padding-top:30px !important;} .mobileFuture { padding-top: 50px !important; padding-bottom: 50px !important; } .mobileFuture h2 {font-size: 32px; line-height: 43px;} .innerBanner .vc_row:nth-child(1) { height: auto !important; } .mobileFuture .vc_col-sm-3 {height: 440px;} .mobileFuture .vc_col-sm-3 p:nth-child(2) {height: 240px;line-height: 18px !important;} .sixth-sec .expertise-sec .expertise-card .icon {left: 7px !important;} .sixth-sec .expertise-sec .expertise-card .expertise-heading h2 { font-size: 18px !important;} .about-banner h1 {font-size: 50px;line-height: 70px;} .about-second-sec h2{font-size:30px;} .award-wining-engine{margin-top:-31%;} .about-third-section h2{font-size:30px;} .about-angelina-pretty .vc_col-sm-4 .vc_column-inner{padding:27px 20px !important;} .about-angelina-pretty .vc_col-sm-4 .vc_column-inner h5{font-size:16px !important;} .datingWhyUs .vc_inner .vc_single_image-wrapper{background:#fff !important;} .datingWhyUs .vc_inner .vc_single_image-wrapper:hover{background:#fff !important;} .datingWhyUs .vc_inner .vc_single_image-wrapper img{filter: invert(1); margin-left:0px !important;} } @media (max-width: 1023px) and (min-width: 992px){ .sixth-sec .expertise-sec .expertise-card{width: 44%; height: 365px; margin-bottom: 20px; } .sixth-sec .expertise-sec .expertise-card .icon { left: 23px !important; top: -26px; } .seventh-sec .box .inner span{font-size: 30px;} .seventh-sec .blue-sec h2{font-size:30px; line-height:30px;} .seventh-sec .box{left: -37px; position: relative;} .seventh-sec .blue-sec .contact-info h2{font-size:18px !important;} .eighth-sec .accordion-sec h2{font-size:40px; line-height:55px; padding-bottom:20px ;} .eighth-sec .accordion-sec h2 span{font-size:40px;} .eighth-sec .accordion-button {align-items:baseline;} .face-sec img{height:440px !important;} .face-sec{height:600px !important;} .eighth-sec .counter-card{width: 190px; height: 240px;} .eighth-sec .counter-card .timer{font-size:60px;} .eighth-sec .counter-card h2{font-size:60px;} .mobileFuture .vc_col-sm-3 {height: 440px;} .mobileFuture .vc_col-sm-3 p:nth-child(2) {height: 240px;} .sixth-sec .expertise-sec .expertise-card .icon {left: 7px !important;} .sixth-sec .expertise-sec .expertise-card .expertise-heading h2 { font-size: 18px !important;} } @media (max-width: 991px) and (min-width: 767px){ .eighth-sec .common-up-down .box .inner span { font-size: 30px !important; } .seventh-sec .blue-sec h2 { width: 262px; } .seventh-sec .box .inner span { width: auto; right: 27px; margin-bottom: 7px !important; } .seventh-sec .box .inner { width: 233px !important; } .seventh-sec .blue-sec .contact-info { padding-left: 0px !important; } .mainbox .card { width: auto !important; height: 701px; } .mobileFuture .vc_col-sm-3 p:nth-child(2) {height: 258px;font-size: 11px !important; line-height: 17px !important;} .mobileFuture .vc_col-sm-3 h3 { font-size: 15px ! IMPORTANT; line-height: 20px;} .mobileFuture .vc_col-sm-3 .vc_column-inner{padding-left:10px !important;padding-right:5px !important;} .mobileFuture .vc_col-sm-3 .vc_column-inner img{width: 40px;height: 40px; object-fit: contain;} .contact-foo { width: 200%; } .datingDevelopment .colDesc p{font-size:12px !important;} .datingDevelopment .mainBox h6 br{display:none !important;} .datingWhyUs .vc_inner .vc_single_image-wrapper img{filter: invert(1); margin: 0px !important;} .datingWhyUs .vc_inner .vc_single_image-wrapper{background:#fff !important;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0px 50px 0px 20px !important; } .datingSolutions .vc_col-sm-4 .vc_column-inner{height:-webkit-fill-available !important;} .mb-desc span{font-size: 20px;} .mb-desc{font-size:20px !important;} .mb-button .button-outer svg{padding:6px;} .mb-button .button-outer{width: 130px; height: 130px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li a span::before{position:relative !important; left:0px !important; right:0px !important; margin-right: 10px; } .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul li a span{display: flex; flex-wrap: nowrap; margin-left: 0px !important; font-size: 16px;} } @media (max-width: 991px){ h1{font-size:28px !important;} h2,h2 strong,h2 span{font-size:22px !important;line-height:32px !important;} h3{font-size:18px !important;} h4{font-size:16px !important;} p{font-size:14px !important;line-height:22px !important;} a{font-size:14px !important;} .web-industries {padding-top: 40px !important;padding-bottom: 20px !important;} .locationBanner .vc_col-sm-5 .vc_column-inner{margin:0px 0px 0px !important; padding:18px 0px !important;} .common-up-down .box .inner span{animation: haris-chutia 5s infinite !important; position: relative; top: 33px;} .last-mhead .box .inner { width: 315px !important;} .last-mhead .box.slide-box{left:-90px !important;} .last-mhead .slide-box .inner span{left:-53px !important;} /* @keyframes wordslider{ 0% { transform: translateX(250px); } 25% { transform: translateX(250px); } 30% { transform: translateX(-450px); } 65% { transform: translateX(-450px); } 70% { transform: translateX(-1140px); } 95% { transform: translateX(-1140px); } 100% { transform: translateX(150px); } } */ /* @keyframes up-down{ 0%{ transform: translate(0px, 0px); } 25%{ transform: translate(0px, 0px); } 30%{ transform: translate(0px, -70px); } 65%{ transform: translate(0px, -70px); } 70%{ transform: translate(0px, -140px); } 95%{ transform: translate(0px, -140px); } 100%{ transform: translate(0px, 0px); } } */ .award-wining-engine{display:none !important;} .about-second-sec { padding-top: 40px !important; padding-bottom: 40px !important; } .about-third-section { padding-top: 40px !important; padding-bottom: 40px !important; } .about-third-section h2{margin-bottom:10px !important;} .about-third-section p{padding-bottom:20px !important;} .about-25years-of-experience { padding-top: 20px; } .about-angelina-pretty{display:none !important;} .review-card .review p{color: #FFF; font-family: Poppins; font-size: 11px; font-style: normal; font-weight: 300; line-height: 19px; margin: 10px 0px 15px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; max-width: 100%; line-height: 1.5;} .blog-sec .blog-row-1 .col-4 h3{font-size: 14px !important; line-height: 25px;} .blog-sec .blog-row-1 .col-4 .vc_column-inner{padding:10px 15px; margin-right:10px; margin-bottom: 10px;} .blog-sec .cs-button{margin-top:20px !important;} .blog-sec { padding: 40px 6vw 50px;} .blog-sec h2 span{font-size:22px !important; line-height:36px !important;} .contactLinks .vc_col-sm-3 .vc_column-inner h3{font-size:14px !important;} .contactLinks p a{font-size:12px !important;} .contactPageForm input{margin-bottom: 6px !important; font-size: 14px !important; padding:14px 15px !important;} .contactPageForm label{line-height: 26px; font-size: 15px !important;} .contactPageForm{padding-top:40px !important; padding-bottom:40px !important;} .contactLocation { padding-top: 40px !important; padding-bottom: 40px !important; } .contactLocation .vc_col-sm-4{width:100% !important;} .contactLocation .wpb_single_image {width:100% !important;} .contactLocation .wpb_single_image figure {width:100% !important;} .contactLocation .wpb_single_image figure a {width:100% !important;} .contactLocation .wpb_single_image figure a img {width:100% !important;} .contactLinks .vc_col-sm-3{margin-bottom:15px !important;} .contactPageForm .vc_col-sm-5{margin-bottom:30px !important;} .contactLinks{padding-top:0px !important;} .contactPageForm .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height:0px !important;} .contactPageForm .gform_footer{padding-top:0px !important;} .helth-care-mob h2{line-height:34px; padding-bottom:0px !important;} .helth-care-mob { padding-top: 40px !important; padding-bottom: 40px !important; } .helth-care-mob p{padding-top:0px !important;} .helthcare-solution .health-second-row .vc_col-sm-2 .vc_column-inner{padding:2px !important;} .helthcare-solution { padding-top: 40px !important; padding-bottom: 40px !important; } .mobileCaseStudy h2{font-size:30px; line-height: 43px;} .helthcare-solution .health-second-row .vc_col-sm-2{padding:2px 0;} .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a span{font-size:14px !important;} .health-busniess-core .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{padding:17px 12px !important;} .mobileCaseStudy p{font-size:14px;} .health-busniess-core .vc_tta-panel-body{padding-right:0px !important;} .health-busniess-core .column-4-too{background-size:100% 100%;} .health-busniess-core .heath-core-row .icon-row { position: relative; left: 30px; } .mobileSolution .vc_inner .vc_col-sm-6:hover h3{font-size:90px !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a span{font-size:16px !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{padding:15px 0px !important;} .mobileTabs .vc_tta-container p { padding: 0px 0px 20px 0px; } .mobileTabs { padding-top: 40px !important; padding-bottom: 40px !important; } .vc_section { padding-left: 6vw !important; padding-right: 6vw !important; } .mobileSolution h3{font-size:70px !important;} .mobileSolution h6 {font-size: 14px;} .mobileSolution .timer{font-size:70px !important;} .mobileSolution .vc_inner .vc_col-sm-6{padding:30px 0px;} .ninth-sec {padding: 40px 8vw; } .reviewHeading { font-size: 24px !important; line-height: 34px !important; } .ninth-sec .col-6 h6{line-height: 22px; font-size: 14px;} .mobileDevCost .vc_col-sm-5 .vc_column-inner { padding: 40px 55px 20px 20px; } .mobileDevCost .vc_inner .costBlueCol .vc_column-inner h5{line-height: 22px;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner h3{padding-bottom:0px !important;} .mobileLooking .blue-sec a{font-size: 16px !important;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner{display: block !important; padding: 15px 10px;} .mobileDevCost .costInnerRow{left:0px !important;} .mobileDevCost .vc_inner .vc_col-sm-4 {padding-right:0px !important;} .development-process h3{font-size:60px !important;} .development-process h3::after{display:none !important;} .development-process h4{padding-bottom:0px !important;} .development-process .web-plans-row{padding-top:20px !important;} .development-process { padding-top: 40px !important; padding-bottom: 40px !important; } .why-choose-web h2{padding-bottom:10px !important;} .why-choose-web .ea-card h3::before{top:8px !important;} .why-choose-web { padding-top: 40px !important; padding-bottom: 40px !important; } .why-choose-web .sp-ea-single{padding:15px;} .mobilelogos-sec { padding-top: 40px !important; padding-bottom: 40px !important; } .reviewHeading2 {font-size: 22px !important; line-height: 36px !important; } footer .befo-head span{font-size: 23px; line-height: 35px;} .contact-foo .col-6{left: 10px; position: relative;} /*footer .befo-foo{margin-bottom: 40px;}*/ footer{padding:55px 0vw 0px;} .foo-pages-sec{padding:0 2vw !important;} /* .mobileFuture .vc_col-sm-3 h3 br{display:none;} */ .mobileFuture .vc_col-sm-3 p{display: -webkit-box; max-width: 100%; height: 190px; margin: 0 auto; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 22px; } .mobileNotch { padding-top: 40px !important; padding-bottom: 40px !important; } .mobileNotch .languageSlider-container p { height: auto; } .why-choose-web .sp-easy-accordion .sp-ea-single .ea-header a { font-size: 18px; !important} /* about us */ .about-banner h1{line-height:45px;} .about-banner{padding-top:40px !important; padding-bottom:40px !important;} .mobileFuture .vc_col-sm-3 {height: 440px;} .sixth-sec .expertise-sec .expertise-card .icon {left: 21px !important;} .sixth-sec .expertise-sec .expertise-card .expertise-heading h2 { font-size: 18px !important;} .innerBanner .vc_row:nth-child(1) {height: auto !important;} .innerBanner h1{line-height:36px !important;} .innerBanner p:nth-child(2) { padding: 15px 0px;} .customTech h2 { margin-bottom: 20px !important; } .mobileFuture { padding-top: 50px !important; padding-bottom: 50px !important; } #costumModal9 .modal-content{width:800px !important;} #costumModal9 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){font-size:14px !important;padding: 8px 15px;} #costumModal9 .modal-content-header h2{line-height: 35px; margin-bottom: 20px;} #costumModal9 .gform_wrapper input::placeholder,#costumModal9 .gform_wrapper textarea::placeholder{font-size:14px;} /* #costumModal9 img{height:280px;} */ #costumModal9 .modal-header{padding-top: 0px !important;padding-bottom: 10px !important;padding-left: 0;} #costumModal9 .modal-header h4{line-height:22px !important;} #costumModal9 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){margin-top:5px !important;} .modal-closed #costumModal9{display:none;} .modal-closed .modal-backdrop{--bs-backdrop-bg: transparent;} #costumModal9 .modalClose{display:block !important;} #costumModal9{padding-top:20px !important;} #costumModal9 .gform_wrapper input::placeholder,#costumModal9 .gform_wrapper textarea::placeholder{font-size:14px;} #costumModal9 .gform_wrapper.gravity-theme .gfield textarea::placeholder{font-size:14px;} #costumModal9 .modal-body {padding: 0px !important; } #costumModal9 img { position: relative; right: 8px; height: 100%; object-fit: cover; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } /* process */ .process{padding:7vw 1vw !important;} .process h2{padding-bottom:20px !important;} .process h4{padding-bottom:10px !important;} .process ul.nav-tabs span.line{display:none;} .process ul.nav-tabs .nav-item{margin-bottom:20px !important;} .process .tab-content .tab-pane .container-fluid .row{display:block !important;} .process .tab-content .tab-pane .container-fluid .row .col-7{width:100% !important;} .process .tab-content .tab-pane .container-fluid .row .col-5{width:100% !important;} .process .tab-content .tab-pane .container-fluid .row .col-5 img{display:none;} .process .tab-content .tab-pane{padding:20px;} /* mobile cse study */ .mobileCaseStudy h2{line-height:35px;} .mobileCaseStudy{padding-top:40px !important;padding-bottom: 40px !important;} /* home banner */ .mb-heading{font-size:60px !important;} .box .inner{width: 275px !important; height: 100px !important;} .firstLine .box .inner span{font-size:50px !important; top: -7px;} .up-down .box .inner span {font-size: 50px !important; top: 1px; } .mheadingsec-end{display:none;} .box.slide-box { width: 605px !important; height: 138px; position: relative; left: -90px; justify-content: center;} .mheadingsec{justify-content:center !important;} .sec-mhead{margin-top: 20px !important; margin-left: -90px !important;} .slide-box .inner span{font-size: 39px; display: flex; justify-content: flex-start; left: -75px !important; top: -15px !important;} .last-mhead .mheadingsec{justify-content:center !important;} .last-mhead .mheadingsec .mb-heading{position: relative; top: -17px;} /* home second section */ .common-up-down .box .inner span{font-size:22px !important;} .common-up-down .inner{height:35px !important;} .third-sec .up-down-before { font-size: 22px !important; line-height: 33px !important; margin-bottom: 0px; } .third-sec .common-up-down .box .inner span { font-size: 22px !important; position: relative; top: 30px; } .third-sec .common-up-down{margin: 3px 0px; margin-left: -4px;} .third-sec-desc{line-height:26px !important;} .third-sec { padding: 40px 8vw 40px; } .fourth-sec .nav-link{font-size:14px;} .fourth-sec{padding: 0 6vw; margin-bottom: 40px;} .fourth-sec .col-4{padding:45px 0 0px 1px !important;} .fourth-sec .tab-pane{padding:0px 0px 0px 40px !important;} .fourth-sec .tab-pane p{padding-bottom:6px !important; padding-right: 20px;} .fourth-sec .col-8{margin-bottom:20px;} .fourth-sec .col-4 ul{padding-left:1rem;} .fifth-sec{padding:40px 8vw 40px;} .fifth-sec .up-down-before{font-size:22px !important;} .fifth-anim-sec{margin-bottom:30px !important;} .case-img img{width:100%;} .sixth-sec .full-width.col-5 .row h2{width: max-content; font-size: 22px !important; margin-bottom: 0px !important; } .sixth-sec{} .sixth-sec .up-down-before { font-size: 31px !important; line-height: 1.7 !important; } .sixth-sec .common-up-down{transform:translate(22px, 19px);} .sixth-sec .common-up-down .box .inner span{font-size:31px !important;} .sixth-sec .expertise-sec .expertise-card{width:45% !important; margin-top: 20px;} .seventh-sec .box .inner span{font-size: 24px !important;} .seventh-sec .box .inner{height: 30px !important; width: 222px !important;} .seventh-sec .blue-sec h2{font-size:30px; line-height:30px;} .seventh-sec .box{left: -37px; position: relative;} .seventh-sec .blue-sec .contact-info h2{font-size:15px !important;} .seventh-sec .blue-sec{padding:30px 0px 30px 20px;} .mobileLooking .blue-sec { height: 390px !important;} .eighth-sec .accordion-sec h2{font-size:30px !important; line-height:40px; padding-bottom:20px ;} .eighth-sec .accordion-sec h2 span{font-size:27px !important;} .eighth-sec .accordion-button {align-items:baseline;} .face-sec img{height:350px !important;} .face-sec{height:450px !important;} .eighth-sec .accordion-button h2{font-size:16px !important;} .eighth-sec .counter-card{width: 160px; height: 200px;} .eighth-sec .counter-card .timer{font-size:50px;} .eighth-sec .counter-card h2{font-size:50px !important;} .eighth-sec .counter-card .logo-anim{width:20% !important;} .reviews-sec .swiper-slide{height:360px !important;} .tenth-sec{padding:40px 8vw 40px !important;} .tenth-sec .full-width p{line-height: 27px; padding-top: 6px;} .ihone-android-faqs { padding-top: 40px !important; padding-bottom: 40px !important; } .ihone-android-faqs .sp-easy-accordion>.sp-ea-single>.ea-header a { font-size: 16px !important;} .footer{padding:40px 0vw 0px;} .mobile-header{display:flex !important;} .desktop-header{display:none !important;} .mobileProof,.datingSolutions{ padding-top: 50px !important; padding-bottom: 50px !important; } .mobileBuisness{padding-top:40px !important; padding-bottom:40px !important;} .bestMobDeveloper{padding-top:40px !important; padding-bottom:40px !important;} .locationMall{padding-top:40px !important;} .designBtn,.mobileLooking .blue-sec .designBtn{ padding: 10px 40px 10px 20px; font-size: 13px !important;} .designBtn::after,.mobileLooking .blue-sec .designBtn::after { top: 14px; } .mobileLooking .blue-sec .logoImage img { width: 35px; } .ninth-sec .row-1 .col-6 img{height: 60px; width: max-content; object-fit: contain;} .copyright-sec .last-links li { padding-left: 10px; } .mainBlogContentRow{display:block !important;} .mainBlogContentRow .col-md-3, .mainBlogContentRow .col-md-9{width:100% !important;} .mainBlogContentRow .col-md-3{margin-bottom:20px !important;} .mainBlogContentRow .titleRow{display:block !important;} .mainBlogContentRow .titleRow .col-md-4, .mainBlogContentRow .titleRow .col-md-8{width:100% !important;} .mainBlogContentRow .authorBox .shareBox{width:100%;} .mobileProof h3 { line-height: 25px;} .mobileProof .vc_inner .vc_col-sm-3 .vc_column-inner p { color: #7C7C7C; font-size: 12px !important; font-weight: 300; line-height: 17px !important; transition: all 0.5s; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 12; -webkit-box-orient: vertical; white-space: normal; } .mobileProof .bigCol3 .vc_column-inner p { height: auto; } #costumModal9 .gfield_label { font-size: 14px;margin:0px !important;} #costumModal9 .gform_wrapper.gravity-theme .gfield textarea { height: 90px; margin-top: 5px; font-size: 14px; padding: 8px 15px; } #costumModal9 .gform_footer .gform_button { padding: 8px 25px; font-size: 14px !important; margin-top: 15px; } } @media (max-width: 767px){ .mainbox .card { width: auto; height: 701px; } .common-up-down{display:none !important;} .mainBlogContentRow .authorBox .shareBox{width:100% !important;} .mainBlogContentRow .blogContent h2{padding:0px 0px 0px;} .mainBlogContentRow .blogContent p{padding:0px 0px 0px;} .mainBlogContentRow .blogContent h3{padding:10px 0px 10px;} .mainBlogContentRow .blogContent li { font-size: 14px; color: #000; padding: 0px 0px 6px;} .mainBlogContentRow .recent-posts ul li a{font-size:14px;} .mainBlogContentRow .blogContent img{height:280px;} .mainBlogContentRow { padding: 40px 0px;display: flex !important; flex-direction: column-reverse; } .dateRow{display:block !important;} .dateRow .col-sm-3, .dateRow .col-sm-9{width:100% !important;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels { background: #fff0; margin-left: 0px; } .datingClone .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #fff !important; background-color: #fff0 !important; border-bottom:0px !important;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body{background:#fff0 !important;} .datingClone .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-heading { border-color: #fff !important; background-color: #fff0 !important; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title>a span{color:#fff; font-size:18px; font-weight:600;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 30px 30px 30px !important; } .datingClone p{padding:5px 0px 0px 0px;} .datingClone img{display:none;} .datingClone .vc_row:first-child {padding-bottom: 0px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panel.vc_active {padding-top: 0px;} .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panel{padding-top: 15px !important;} .datingClone { padding-top: 40px !important; padding-bottom: 40px !important; } .datingDevelopment { padding-top: 40px !important; padding-bottom: 20px !important; } .datingFeatures .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{background-color: #232459 !important;} .datingFeatures .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #232459 !important; } .datingClone { padding-top: 40px !important; padding-bottom: 40px !important;} .datingWhyUs .leftCol .vc_inner .vc_col-sm-9 h3{text-align:center !important;} .datingWhyUs .wpb_content_element{text-align:center !important;} .datingWhyUs .leftCol .vc_inner .vc_col-sm-9 p{text-align:center !important;} .datingWhyUs .rightCol .vc_inner .vc_col-sm-9 h3{text-align:center;} .datingWhyUs .rightCol .vc_inner .vc_col-sm-9 p{text-align:center;} .datingWhyUs .rightCol .vc_inner:nth-child(2){left:0px !important;} .secondRow .leftCol .vc_row-fluid {flex-direction:column-reverse;} .datingWhyUs .leftCol .vc_inner:nth-child(2) { position: relative; right: 0px; } .datingWhyUs .vc_col-sm-4{margin:20px 0px !important;} .datingWhyUs { padding-top: 40px !important; padding-bottom: 10px !important; } .datingWhyUs .wpb_text_column{position: relative; left: 0px;} .datingWhyUs .rightCol .vc_inner .vc_col-sm-3 .vc_single_image-wrapper { position: relative; right: 0px; } /* .datingWhyUs{display:none !important;} */ .datingFeatures .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body .vc_row{flex-wrap: wrap;} .datingFeatures { padding-top: 40px !important; padding-bottom: 40px !important;} body.page-id-1920 .mobileSolution .vc_col-sm-6 {padding-bottom:20px !important;} .mobileCaseStudy .mainBox .mainImage{display:none !important;} .locationBanner p:nth-child(2) { padding-right: 0px !important; } .locationAccordions .sp-ea-single{padding:20px 5px !important;} .locationAccordions .ea-header a{margin-left:55px !important; font-size:16px !important;} .bestMobDeveloper .secondCol .vc_inner{display: block !important;} .bestMobDeveloper .secondCol .vc_inner .vc_col-sm-3{margin:20px 0px;} .bestMobDeveloper .secondCol .vc_inner .vc_col-sm-3 .vc_column-inner{padding-left:0px !important;} .mobileSolution .vc_inner .vc_col-sm-6{border-radius: 0px !important;} .locationMall .firstCol .vc_column-inner{padding-left:5vw !important;} .locationMall iframe{padding-right: 15px !important; height:200px !important; margin-top:20px !important;} .vc_section { padding-left: 4vw !important; padding-right: 4vw !important; } .web-industries .vc_column-inner{padding-left:0px !important; padding-right:0px !important;} .locationMall img{margin-bottom:15px;} .locationMall h2{padding-bottom:2px;} .blogTabs .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list{display: grid; width: 100%;} .blogTabs .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li{margin-top: -1px; width: fit-content; margin: auto !important;} .blogTabs .vc_tta-panel-body{padding-left:0px !important; padding-right:0px !important;} .blogTabs .vc_tta-panel-body .col-sm-4{padding-left:0px !important; padding-right:0px !important;} .blogTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a{background: #232459; border-radius: 30px;} .blogTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a span{color:#fff !important;} .blogTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a{border: 1px solid #351c7b; border-radius: 30px; } .blogTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a span{color:#351c7b; } .blogTabs .vc_tta-panel-title{background:#fff !important;} .blogTabs .vc_tta-panel-heading{border: 0px !important; margin-bottom: 10px !important;} .blogTabs .vc_tta-panel-title a{text-align:center !important;} .blogTabs .vc_tta-panel-body .col-sm-4{width:100% !important;} .contactBanner p br{display:none !important;} .about-second-sec h4{margin-top:30px !important;} .rest-image{text-align:center !important;} .about-third-section h4{margin-top:30px !important;} .about-25years-of-experience .rest-image{margin-bottom:20px !important;} .page-id-1001 .eighth-sec { padding: 40px 8vw 0px !important; } /* webindustries */ .web-industries .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a{} .web-industries .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title>a{background:#3a3b6b !important; border-radius: 10px;} .web-industries .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title>a span{color:#fff !important;} .web-industries .vc_tta-panel-body .vc_row-fluid{display:block !important;} .web-industries .vc_tta-panel-body .vc_row-fluid .wpb_single_image.vc_align_left { text-align: center !important; } .web-industries .vc_tta-panel-body .vc_row-fluid .wpb_single_image.vc_align_left img{width:400px;} .mobileBuisness h2 br{display:none;} .mobileBuisness .redCol .vc_column-inner{margin-top:70px ;} .mobileBuisness .blueCol .vc_column-inner{margin-top:70px ;} .mobileBuisness .secondRow{margin-top:0px !important;} .mobileDevCost .vc_col-sm-5{margin-bottom:20px !important;} .web-industries h2{padding-bottom:3px !important;} .locationBanner .vc_col-sm-5 .vc_column-inner{margin-top:20px !important;} .innerBanner .vc_row:nth-child(2){column-count:2;} .innerBanner h1{line-height:38px;} .innerBanner p:nth-child(2){padding:15px 0px;} #costumModal9 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { margin-top: 5px !important; height: 40px !important; } #costumModal9 .modal-content { width: 100% !important; display: flex !important;} #costumModal9 .modal-content-header{width:100% !important;} #costumModal9 .modal-body-bottom{width:100% !important;} #costumModal9 img{display:none;} #costumModal9 .modal-body-bottom{padding-left: 0px !important; padding-bottom: 0px !important; padding-top: 10px !important;} #costumModal9 .modal-content{padding: 20px !important; padding-top: 0px !important; padding-bottom: 0px !important;} #costumModal9 .modal-content-header h2{margin-bottom:10px;} .modal-body-bottom .modal-body{padding-left:0px !important; padding-right:0px !important;} #costumModal9 .modal-header{padding-left:0px !important; padding-right:0px !important;} #costumModal9{padding: 20px; padding-top:0px !important;} .mainBox .mainImage img{display:none;} .mobileCaseStudy .swiper-slide{justify-content:left !important;} .page-id-2009 .mobileCaseStudy { padding-bottom: 270px !important; } .page-id-2009 .seventh-sec h2{text-align:left;} .page-id-2009 .logoImage{padding:20px 0px !important;} .mobileLooking .blue-sec a{padding-bottom:4px; font-size:18px;} .healthBanner .wpb_single_image{text-align:center !important;} .innerBanner h1{margin-top:30px !important;} .helth-care-mob .wpb_single_image{text-align:center !important;} .helth-care-mob .second-row .vc_col-sm-7{padding-top: 20px; padding-bottom: 20px; border-radius:20px; margin-top: 40px;} .helthcare-solution .health-second-row .vc_col-sm-2{display:none;} .helthcare-solution .health-second-row .vc_col-sm-10{width:100% !important;} .helthcare-solution .health-second-row .vc_col-sm-10 .vc_column-inner{padding-left:0px !important; padding-right:0px !important;} .helthcare-solution .healt-dev-row { padding-bottom: 20px; } .health-busniess-core .vc_tta-style-classic{padding-left:0px !important; background-size: 0; padding-top:0px !important; padding-bottom:20px !important;} .health-busniess-core .vc_tta-style-classic .vc_tta-panel {margin-bottom:20px !important;} .health-busniess-core .vc_tta-panel-title{background: #232459; border-top-left-radius: 5px; border-top-right-radius: 5px !important;} .health-busniess-core .vc_tta-panel-title .vc_tta-title-text{color:#fff !important;} .health-busniess-core .heath-core-row .icon-row h4{margin-top:10px !important;} .health-busniess-core .heath-core-row .icon-row p{width: 95%; font-size: 14px !important;} .mobileSolution .wpb_single_image {display:none;} .mobileSolution {padding-top:40px !important;} .mobileSolution p{padding:5px 15px 5px 0px;} .mobileSolution .counterColumn img{display:none !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body, .mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels{padding-left:0px !important;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_row:nth-child(2),.mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_row:nth-child(3),.mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_row:nth-child(4){column-count:3;} /* .mobileTabs .vc_row-fluid{column-count:3;} */ .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a{background: #232458; border-radius: 5px;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a span{color:#fff !important;} .mobileTabs .vc_tta-container { margin-top: 30px !important; } .mobileDevCost .vc_inner .costBlueCol .vc_column-inner{height:auto !important;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner p{height:auto !important;} .mobileDevCost .vc_inner .vc_col-sm-4 .vc_column-inner{height:auto !important; margin:10px 0px !important;} .mobileDevCost{padding-bottom:40px !important;} .why-choose-web .ea-card h3::before { top: -6px !important; } .mobileDevCost .vc_inner .vc_col-sm-4 {padding-left: 0 !important; } .mobileCaseStudy h2 { padding-bottom: 10px; } .mobileLooking .blue-sec .logoImage img { width: 35px; margin: 15px 0px 25px; } .bestMobDeveloper h2,.mobilelogos-sec h2,.ihone-android-faqs h2,.mobileTabs h2,.datingSolutions h2{ padding-bottom: 10px;} .bestMobDeveloper .secondCol .vc_inner { margin-bottom: 20px;} .bestMobDeveloper .secondCol .vc_single_image-wrapper { padding: 15px;} .bestMobDeveloper .secondCol .vc_single_image-wrapper img {height: 45px;} .ihone-android-faqs .sp-easy-accordion>.sp-ea-single>.ea-header a { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; } .health-busniess-core .icon-row .vc_col-sm-2 { margin-left: 13px;} .why-choose-web .designBtn { margin-bottom: 30px; } .datingDevelopment .mainBox { display: flex !important; } .datingDevelopment .mainBox .vc_col-sm-8{ flex:3; } .datingDevelopment .mainBox .vc_col-sm-4{flex:1; } .datingSolutions h3 br{display:none !important;} .datingSolutions .vc_col-sm-4 .vc_column-inner{border-radius:15px !important;} /* mobile case study */ .mobileCaseStudy {padding-left: 15px !important; padding-right: 15px !important; } body.page-id-2009 .seventh-sec .blue-sec p { margin-top: 5px !important; font-size: 14px !important; } .mobileFuture .vc_col-sm-6 p{padding-top:0px !important;} .mobilelogos-sec{padding-left:15px !important; padding-right:15px !important; padding-top:40px !important; padding-bottom:40px !important;} body.page-id-2009 .mobilelogos-sec .logo-container { margin-left: -129px !important; } footer .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { height: 42px !important; border-radius: 8px !important; padding: 5px 9px !important; } footer .gform_wrapper.gravity-theme .gfield textarea.medium { height: 132px; border-radius: 8px; padding: 10px !important; } footer .gform_wrapper.gravity-theme .gfield textarea.medium::-ms-input-placeholder {font-size:14px !important;} footer .gform_wrapper.gravity-theme .gfield textarea.medium::placeholder {font-size:14px !important;} .mobileFuture .vc_col-sm-3.colBottomStart { border-bottom-left-radius: 0px; } .mobileFuture .vc_col-sm-3.colBottomEnd { border-bottom-right-radius: 0px; } .seventh-sec{left:0 !important;} footer .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file])::-ms-input-placeholder {font-size:14px !important;} footer .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file])::placeholder {font-size:14px !important;} footer .contact-foo .col-2 { width: 8.666667%; } .privacyBanner .vc_col-sm-5 .vc_column-inner { padding: 25px 4vw 0px !important;left: 0;} .privacyContent { padding-top: 30px !important; padding-bottom: 30px; } .privacyBanner h1 { padding-left: 15px; } .privacyBanner h1 br{display:none; } @keyframes wordslider{ 0%{ transform: translateX(30px); } 25%{ transform: translateX(30px); } 30%{ transform: translateX(-150px); } 65%{ transform: translateX(-150px); } 70%{ transform: translateX(-340px); } 95%{ transform: translateX(-340px); } 100%{ transform: translateX(30px); } } @keyframes up-down{ 0%{ transform: translate(10px, 70px); } 25%{ transform: translate(10px, 70px); } 30%{ transform: translate(10px, 0px); } 65%{ transform: translate(10px, 0px); } 70%{ transform: translate(10px, -70px); } 95%{ transform: translate(10px, -70px); } 100%{ transform: translate(10px, 70px); } } @keyframes common-up-down{ 0%{ transform: translate(0px, 32px); } 25%{ transform: translate(0px, 32px); } 30%{ transform: translate(0px, -3px); } 65%{ transform: translate(0px, -3px); } 70%{ transform: translate(0px, -38px); } 95%{ transform: translate(0px, -38px); } 100%{ transform: translate(0px, 32px); } } @keyframes slide-down{ 0%{ opacity: 0%; transform: translateY(-100%); } 100%{ opacity: 100%; transform: translateY(0%); } } body{ overflow-y: clip; } .dropdown:hover > .dropdown-menu{width: 100%; text-align: center;} .head-menu .main-nav .navbar .navbar-nav li .dropdown-menu li a:hover{color: #fff;} .display-none{ display:none !important; } /* main banner section css */ .main-banner{ height: max-content; } .main-banner .fir-mhead .mheadingsec{ justify-content:center; margin-top:0px; width:100% !important; } .main-banner .fir-mhead .col-5{ width:100% !important; display:flex; justify-content:center; } .main-banner h1{ font-size: 8vw !important; font-weight: 600; line-height: 70px; padding: 20px 0px; } .main-banner .box .inner span { font-size: 40px; font-weight: 500; line-height: 70px; } .slide-box .inner span{font-size: 50px !important; font-weight: 500; line-height: 70px; justify-content: center; top: 4px !important; left: 30px !important; width: -webkit-fill-available;} .fourth-sec .mobile-tabs-dropdown{margin: auto; margin-bottom: 25px;} .fourth-sec .designBtn{left: 14px; margin-bottom: 20px;} .seventh-sec .box .inner { width: 233px !important; } .seventh-sec .blue-sec .contact-info h2 { font-size: 15px !important; } .seventh-sec .started-row{display:none !important;} .seventh-sec .blue-sec p{line-height: 25px !important; font-size: 14px !important; margin-top:15px !important; text-align:left !important;} /*.seventh-sec .box{display:none;}*/ .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){height:50px !important;} .review-card .review p{margin: 10px 0px 15px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; max-width: 100%; line-height: 1.7;} footer .gform_wrapper.gravity-theme .gform_footer input{padding:8px 30px !important;} /*footer .befo-foo{margin-bottom:30px !important;}*/ footer .befo-foo .full-width .befo-para{padding-top:15px !important; padding-bottom:20px !important;} footer {padding:40px 0vw 0px;} .third-sec {padding: 40px 8vw 10px;} .main-banner .box .inner{ width: 90vw !important; height: 84px !important; } .main-banner .box{ width:max-content; } .main-banner .mheadingsec-end{ display:flex; justify-content:center; } .main-banner .sec-mhead .col-md-4{ width:auto !important; } .main-banner .sec-mhead{ display:flex; justify-content:center !important; margin-left: 0px !important; } /* .ihone-android-faqs h2{padding-bottom:0px !important;} */ .firstLine .box .inner span { font-size: 55px !important; top: -15px; } .up-down .box .inner span{top:5px !important; justify-content: center; left: -11px;} .main-banner .sec-mhead .mheadingsec{ width:max-content; display:flex; justify-content:center; } h1.mb-mobile-heading{ display:flex !important; padding-left:10px; } .last-mhead{ padding-top: 0; } .main-banner .last-mhead .mheadingsec{ display:none; } .main-banner .last-mhead .col-5{ width: 100%; height: max-content; } .main-banner .last-mhead .box.slide-box{ width: 430px !important; height: 92px; } .box.slide-box .inner span{ transform: translateX(30px); animation: wordslider 10s infinite; animation-delay: 1s; } .mb-button{ display: none; } .main-banner .mb-desc-div{ display: flex; flex-direction: column; justify-content: center !important; align-items: center; width: 100%; } .mb-desc, .mb-desc span{ font-size: 16px; line-height: 27px; } .up-down .box{ width: 100vh; } .main-banner .header-btn{ display: flex !important; justify-content: center; align-items: center; margin-bottom: 30px; } .common-up-down .box .inner span {line-height: 70px !important; } .common-up-down .inner { height: 70px !important; } .common-up-down{height: 40px !important; top: -10px; position: relative; justify-content: center; left: 0px;} /* second section css */ .second-sec{ padding: 50px 4vw !important; } .up-down-before{ font-size: 7vw; line-height: 35px; } .common-up-down .box{ display: flex; overflow: hidden; width: 120px; } .common-up-down .box .inner{ height: 40px; width: 120px; justify-content: center; } .second-sec .col-7{ width: 100%; text-align: center; } .second-sec .col-5{ width: auto !important; text-align: center; padding: 0px !important; } .second-sec .mobile-center{ justify-content: center; } .common-up-down .box .inner span{ font-size: 7vw; line-height: 35px; } .second-sec-desc{ font-size: 12px; line-height: 18px; } .awards-sec .container-fluid .row{ width: 300vw; } .awards-sec .container-fluid .row .award{ min-width: 40vw !important; height: 200px !important; } .awards-sec .container-fluid .row .award img{ min-width: 30vw !important; } /* third section css */ .third-sec .heading{ width: 100%; } .third-sec .heading .row{ display: flex; justify-content: center; text-align: center !important; } .third-sec .col-5{ width: 100%; } .third-sec .col-5 p{ text-align: center; font-size: 12px; line-height: 18px; } /* fourth section css */ .fourth-sec{ padding:0 4vw; } .fourth-sec .col-12{ display: flex; flex-direction: column; justify-content: center; } .fourth-sec .mobile-tabs-dropdown{ display:none !important; margin-bottom: 20px; align-self: flex-end; height:50px; padding: 0 10px; justify-content:center; align-items:center; border-radius: 50px; border: 1px solid var(--Light-Purple, #34337E); background-color:transparent !important; color: var(--Light-Purple, #34337E); font-family: Poppins; font-size: 14px !important; font-style: normal; font-weight: 400; line-height: normal; } .fourth-sec .nav-link { padding: 8px 6px; } .fourth-sec .nav-tabs .nav-item.active { border-bottom-width: 2px !important; border: 1px solid #09daf5; } .fourth-sec .nav-tabs .nav-item { margin-bottom: 10px; border: 1px solid #eee; } .fourth-sec .nav-tabs { margin-left: 0px !important; justify-content: center; } .fourth-sec .nav-tabs .nav-item.active .nav-link{color:#09daf5 !important;} .fourth-sec .dropdown-menu{ width: max-content; background-color: #fff; border: 1px solid var(--Light-Purple, #34337E); } .fourth-sec .dropdown-menu li a{ color: var(--Light-Purple, #34337E); font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } /* .fourth-sec ul#tabs{ display:none !important; } */ .fourth-sec .col-8{ background-color: #fff; border: 1px solid #cfcfcf; border-radius:15px; width:100% !important; } .fourth-sec .tab-content{ overflow-y: hidden; } .fourth-sec .tab-pane{ overflow: hidden; display:flex; justify-content:center; align-items:center; padding: 0px 0px 0px 0px !important; color: #000 !important; border: none !important; border-radius:0px; } .fourth-sec .tab-pane .col-8{ animation: slide-down .5s linear; background-color: #fff !important; } .fourth-sec .tab-pane .row{ justify-content:center; } .fourth-sec h2.tab-pane-heading{ background-color: #fff; padding:25px 20px 0; font-size: 20px !important; } .fourth-sec .tab-pane p{ background-color: #fff; padding:0 20px; font-size:11px; line-height:25px; } .third-sec .common-up-down .box .inner span{top:-3px;} .fifth-sec .common-up-down .box .inner span{text-align: center !important;} .fifth-sec .common-up-down .box .inner{padding-top:0px !important; top: -4px; left: 40px;} .fifth-sec .col-6 {width: 100%; text-align: center;} .fifth-sec .third-sec-desc{margin-top:20px;} .fifth-sec .fifth-anim-sec.row { margin-bottom: 40px !important; } .fifth-sec .cs-button{margin-top:20px !important;} .sixth-sec .common-up-down .box .inner{padding-top: 0px; top: -4px; left: -13px;} .sixth-sec .full-width.col-5 .row h2 {left: 0px; position: relative; } .fourth-sec .col-4{ /* opacity: 0%; */ width:97% !important; margin:0 2vw; align-self:center !important; padding: 25px 0 0px 25px !important; border-bottom-right-radius: 5px; border-top-right-radius: 0px; border-bottom-left-radius: 5px; animation: slide-down 1s linear; /* animation-delay: 1s; */ } .fourth-sec .col-4 ul li{ padding-bottom: 25px; } .fourth-sec .col-4 ul li a{ font-size:11px; } .fourth-sec .header-btn{ margin: 0 auto 30px; display:flex; justify-content:center; align-items:center; } /* fifth section css */ .fifth-sec{ padding: 41px 2vw 48px; } .fifth-sec .up-down-before{ font-size: 7vw; line-height: 35px; text-align: center; } .fifth-sec .common-up-down{ width: max-content; transform: translate(0px, 1px) !important; } .fifth-sec .fifth-anim-sec.row .fifth-anim-sec-div{ width: 100%; } .fifth-sec .fifth-anim-sec.row .fifth-anim-sec-div .row{ display: flex; flex-direction: row; justify-content: center; align-items: center; } .fifth-sec .fifth-anim-sec.row .col-5{ width: 100%; } .fifth-sec .fifth-anim-sec.row .col-5 p{ font-size: 12px; line-height: 18px; text-align: center; } .fifth-sec .hover-sec{ display: none; } .fifth-sec div.mobile-hover-row{ display: flex !important; flex-direction: column; } .fifth-sec div.mobile-hover-row .case-detail-row{ padding: 20px 0; display: flex; flex-direction: row; align-items: center !important; border-bottom: 1px solid #cfcfcf; margin-bottom: 20px; } .fifth-sec div.mobile-hover-row .case-name-div{ width: max-content !important; } .fifth-sec div.mobile-hover-row .case-name{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 700; line-height: 30px; /* 318.182% */ text-transform: capitalize; margin-left: 10px; } .fifth-sec div.mobile-hover-row .category{ color: var(--Light-Purple, #34337E); font-family: Poppins; font-size: 7px; font-style: normal; font-weight: 400; line-height: normal; width: fit-content; padding: 6px 12px; border-radius: 50px; border: 1px solid var(--Light-Purple, #34337E); margin-bottom: 5px; margin-right: 5px; } .fifth-sec div.mobile-hover-row p{ font-size: 9px; } /* sixth sec css */ .sixth-sec{ padding: 44px 2vw 200px !important; } .full-width{ width: 100% !important; } .sixth-sec .full-width.col-5 .row{ display: flex; justify-content: center; } .sixth-sec .full-width.col-5 .row h2{ width: max-content; } .sixth-sec .common-up-down{ width: max-content !important; transform: translate(0px, 0px); padding: 0; } .sixth-sec .up-down-before.full-width{ width: 100% !important; display: flex; justify-content: center; } .sixth-sec .third-sec-desc{ color: #FFF; text-align: center; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 300; line-height: 18px; /* 150% */ margin-top: 15px; } .sixth-sec .expertise-sec { margin-top: 10px; } .sixth-sec .expertise-card{ width: 45vw !important; height: 330px !important; margin-right: 10px !important; margin-bottom: 20px ; padding-left: 18px !important; padding-right: 18px !important; padding-top: 45px !important; } .sixth-sec .expertise-sec .expertise-card::before{ width: 43px !important; height: 55px !important; } .sixth-sec .expertise-sec .expertise-card .icon{ width: 46px !important; height: 46px !important; } .sixth-sec .expertise-sec .expertise-card .expertise-heading{ color: var(--White, #FFF); font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin: 15px 0 10px; } .sixth-sec .expertise-sec .expertise-card .expertise-description p{ color: var(--White, #FFF); font-family: Poppins; font-size: 9px; font-style: normal; font-weight: 300; line-height: 16px; /* 177.778% */ } .sixth-sec .expertise-sec .expertise-card .expertise-arrow svg{ top:-10px !important; } .sixth-sec .mobile-hidden{ display: none !important; } .sixth-sec .expertise-explore{ margin-top: 30px; } /* seventh section css */ .seventh-sec{ margin: 0 4vw; padding: 15px; height: auto !important; filter: drop-shadow(0px 7px 25px rgba(0, 0, 0, 0.07)); background-color: #fff; border-radius: 20px; position: relative; z-index: 2; margin-top: -150px; margin-bottom: 70px; } .seventh-sec .blue-sec{ height: auto !important; flex-direction: column !important; padding: 50px 24px 50px 24px; display: flex; justify-content: center; } .seventh-sec .col-6{ width: 100% !important; display: flex; flex-direction: column; justify-content: flex-start !important; align-items: start; } .seventh-sec .contact-col{ /* justify-content: flex-start !important; */ } .mobilelogos-sec .logo-container { margin-top: 30px !important; } .mobilelogos-sec .logo-container{margin-left:-22px !important;} .seventh-sec h2{ color: var(--White, #FFF); text-align: center; font-family: Poppins; font-size: 24px !important; font-style: normal; font-weight: 700; line-height: 35px !important; /* 116.667% */ text-align:left !important; } .mobileLooking h2{font-size:22px !important;line-height:22px !important;} .seventh-sec h2 span{ color: #09daf5; text-align: center; font-family: Poppins; font-size: 30px !important; font-style: normal; font-weight: 700; line-height: 35px !important; /* 116.667% */ } .seventh-sec p{ color: #FFF; text-align: center; font-family: Poppins; font-size: 12px !important; font-style: normal; font-weight: 300; line-height: 18px !important; /* 150% */ } .seventh-sec .col-6 .logo-anim{ display: none; } .seventh-sec .started-row .logo-anim{ display: flex !important; align-self: flex-end; } .seventh-sec .contact-info{ justify-content: flex-start; padding: 0px 0px 12px !important; } .seventh-sec .blue-sec .contact-info h2{ color: var(--White, #FFF); font-family: Poppins; font-size: 22px !important; font-style: normal; font-weight: 700; line-height: 36px; text-align: left; } .mb-desc{padding-right: 0px; padding-bottom: 20px;} .seventh-sec .blue-sec .contact-info h2 span{ color: var(--White, #FFF); font-family: Poppins; font-size: 15px !important; font-style: normal; font-weight: 300; line-height: 36px; text-align: left; } .seventh-sec .cs-button{ margin-left: 0px !important; } .seventh-sec .started-row { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .seventh-sec .started-row img{ width: 42px; height: 48px; } /* eighth section css */ .eighth-sec{ padding: 0 4vw; } .eighth-sec .col-6{ width: 100% !important; } .eighth-sec .accordion{ display: none !important; } .eighth-sec .accordion-sec{ display: flex; justify-content: center !important; } .eighth-sec .accordion-sec h2{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 22px !important; font-style: normal; font-weight: 700; line-height: 35px !important; /* 116.667% */ padding-bottom: 30px; text-align: center; } .face-row { margin-bottom: 20px; } .eighth-sec .accordion-sec h2 span{ color: var(--light-red, #09daf5); text-align: center; font-family: Poppins; font-size: 22px !important; font-style: normal; font-weight: 700; line-height: 35px !important; } .eighth-sec .mobile-accordion{ display: flex !important; flex-direction: column; justify-content: center; align-items: center; margin-top: 50px; } .eighth-sec .face-sec{ width: 265px !important; height: 265px !important; } .eighth-sec .face-sec img{ width: 311px; height: 269px !important; } .eighth-sec .face-div{ flex-direction: column; } .eighth-sec .accordion-header{ margin-bottom: -12px !important; } .eighth-sec .accordion-button{ width: 90vw !important; } .eighth-sec .accordion-button span{ width: 68px !important; height: 68px !important; font-size: 19px !important; } .eighth-sec .accordion-button h2{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 19px !important; font-style: normal; font-weight: 700; line-height: normal !important; margin-bottom: 0px !important; padding-left: 20px !important; } .eighth-sec .counter-row{ justify-content: center !important; } .eighth-sec .counter-col{ width: 46vw !important; height: 230px !important; } .eighth-sec .counter-card{ width: 44vw !important; height: 210px !important; } .eighth-sec .counter-card img{ width: 40px !important; height: 44px !important; } .eighth-sec .counter-card h2{ color: #232459; font-family: Poppins; font-size: 45px !important; font-style: normal; font-weight: 700; line-height: normal !important; } .eighth-sec .counter-card p{ color: var(--Dark-Purple, #232459); font-family: Poppins; font-size: 11px !important; font-style: normal; font-weight: 400; line-height: normal !important; } .eighth-sec .cs-button{ margin-left: 0px !important; } .eighth-sec .counter-row { margin-bottom: 10px; } .eighth-sec .cs-button-sec{margin-bottom:40px !important;} /* ninth section css */ .ninth-sec{ padding: 40px 4vw; } .ninth-sec .full-width{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .ninth-sec .full-width *{ text-align: center; align-content: center; } .ninth-sec .row-1 { margin-bottom: 10px; } .ninth-sec .full-width h2, .ninth-sec .full-width h2 span{ text-align: center; font-family: Poppins; font-size: 20px !important; font-style: normal; font-weight: 700; line-height: 35px !important; /* 116.667% */ text-transform: capitalize; } .ninth-sec .full-width h6{font-size:16px !important; padding-top:0px !important;} .ninth-sec .full-width h6{ color: var(--White, #FFF); text-align: center; font-family: Poppins; font-size: 16px !important; font-style: normal; font-weight: 300; line-height: 26px !important; /* 115.789% */ width: 350px; } .designBtn{font-size:14px !important;} .reviews-sec .container-fluid #reviews-slider{ /* overflow-x: hidden !important; */ width: 420vw !important; } .reviews-sec .container-fluid .row .review-card{ width: 85vw !important; } /* tenth section css */ .tenth-sec{ padding: 47px 4vw 42px; } .tenth-sec .full-width{ display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; } .tenth-sec .full-width *{ text-align: center; } .tenth-sec .full-width h2, .tenth-sec .full-width h2 span{ text-align: center; font-family: Poppins; font-size: 22px !important; font-style: normal; font-weight: 700; line-height: 30px !important; /* 116.667% */ } .tenth-sec .full-width p{ color: #000; text-align: center; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 300; line-height: 18px !important; /* 150% */ } .tenth-sec .tab-content .col-sm-3 .vc_column-inner{ width:100% !important; height: 160px !important; margin-right: 10px !important; margin-bottom: 10px; } .tenth-sec .tab-content .col-sm-3 .vc_column-inner{height:160px ;} .tenth-sec .col-sm-3{width:50% !important;} .tenth-sec .tab-pane .row-2{ display: flex; justify-content: center; margin-top: 0px !important; } .tenth-sec .tab-pane .row-1{ display: flex; justify-content: center; } .tenth-sec .tab-content .col-sm-3 .vc_column-inner img{ padding: 15px 10px !important; } /* blog section css */ .blog-sec{ padding: 30px 4vw 45px; } .blog-sec .full-width *{ text-align: center; } .blog-sec .full-width h2, .blog-sec .full-width h2 span{ text-align: center; font-family: Poppins; font-size: 30px !important; font-style: normal; font-weight: 700; line-height: 35px !important; /* 116.667% */ } .blog-sec .full-width p{ color: #000; text-align: center; font-family: Poppins; font-size: 12px !important; font-style: normal; font-weight: 300; line-height: 18px !important; /* 150% */ } .blog-sec .blog-row-1{ display: flex; flex-direction: column; justify-content: center; } .blog-sec .blog-row-1 .col-4:nth-child(3), .blog-sec .blog-row-1 .col-4:nth-child(4), .blog-sec .blog-row-1 .col-4:nth-child(5), .blog-sec .blog-row-1 .col-4:nth-child(6){ display: none !important; } /* footer css */ footer li a{ color: var(--White, #FFF); font-family: Poppins; font-size: 12px !important; font-style: normal; font-weight: 400; line-height: 25px !important; /* 208.333% */ } /*footer .befo-foo{*/ /* padding: 0 4vw !important;*/ /*}*/ footer .befo-foo .full-width .befo-head, footer .befo-foo .full-width .befo-head span{ text-align: center; font-family: Poppins; font-size: 22px !important; font-style: normal; font-weight: 700; line-height: 35px !important; /* 116.667% */ } footer .befo-foo .full-width .befo-para{ color: #FFF; text-align: center; font-family: Poppins; font-size: 12px !important; font-style: normal; font-weight: 400; line-height: 18px !important; /* 150% */ } footer form{ margin-top: 20px; } footer form .row{ display: flex; flex-direction: column; margin-bottom: 10px !important; justify-content: center; } footer form .col{ width: 100% !important; margin-bottom: 10px; } .foo-pages-sec{ padding: 0 0vw !important; } footer .foo-pages-sec .row{ display: flex; /* flex-direction: column; */ } footer .foo-pages-sec .col-2{ width: 40% !important; border-bottom: 1px solid #34337E; padding-bottom: 20px; } footer .foo-pages-sec .col-3{ width: 100% !important; border-bottom: 1px solid #34337E; } .copyright-sec{ padding: 0 !important; } .copyright-sec .copyright-para { display: flex; justify-content: center; order: 2; } .copyright-sec .last-links{ display: flex; justify-content: center; width: 100% !important; justify-content: center; order: 1; } .copyright-sec .last-links ul{ margin: 0 !important; padding: 0 !important; } .copyright-sec .last-links li{ padding-left: 10px; } .copyright-sec .last-links li:first-child{ padding-left: 0 !important; } footer .location-links{ padding-bottom: 20px; } .services-links{ padding-bottom: 20px; } .sixth-sec .expertise-sec .expertise-card { width: 46% !important; } .sixth-sec .expertise-card{padding-top:10px !important; padding-left: 14px !important; padding-right: 14px !important;} .sixth-sec .expertise-sec .expertise-card .expertise-description p{font-size:10px !important;} .sixth-sec .expertise-sec .expertise-card .icon{top:1px; left:5.5% !important;} .sixth-sec .expertise-sec .expertise-card{margin-right:15px !important;} header.mobile-header .menu .nav ul{padding-left:30px !important;} .mobileProof .futureRow2 { padding-top: 30px; display: block; } .mobileProof .vc_inner .vc_col-sm-3 .vc_column-inner { height: auto; margin-top: 15px; } .privacyContent h2{margin-bottom: 12px; font-size: 22px;} @keyframes wordslider{ 0%{ transform: translateX(400px); } 25%{ transform: translateX(352px); } 30%{ transform: translateX(55px); } 65%{ transform: translateX(55px); } 70%{ transform: translateX(-350px); } 95%{ transform: translateX(-350px); } 100%{ transform: translateX(400px); } } @keyframes up-down{ 0%{ transform: translate(0px, 0px); } 25%{ transform: translate(0px, 0px); } 30%{ transform: translate(0px, -70px); } 65%{ transform: translate(0px, -70px); } 70%{ transform: translate(0px, -140px); } 95%{ transform: translate(0px, -140px); } 100%{ transform: translate(0px, 0px); } } @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-150%); } } .datingClone h3{display:none;} } @media (max-width: 577px){ .col-3.expertise-card.aos-init.aos-animate { min-height: 500px !important; } .datingClone .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 20px 15px 20px !important; } .helthcare-solution .health-second-row{display:block;} .helthcare-solution .health-second-row .vc_col-sm-4{width:100% !important;} .helthcare-solution .health-second-row .vc_col-sm-4{margin-bottom:10px !important;} .helthcare-solution .health-second-row{padding-top:0px !important;} .health-busniess-core .heath-core-row { padding-top: 30px !important; } .helth-care-mob .second-row .vc_col-sm-7{padding-left: 5px; padding-right: 5px;} .health-busniess-core .heath-core-row .icon-row{left:10px;} .mobileSolution p { padding: 5px 0px 5px 0px; } .mobileSolution .vc_column-inner{padding-left:0px !important; padding-right:0px !important;} footer .befo-foo .full-width .befo-head, footer .befo-foo .full-width .befo-head span{font-size:22px !important; line-height:31px !important;} .tenth-sec .full-width h2, .tenth-sec .full-width h2 span{font-size:22px !important; line-height:31px !important;} /* about us */ .about-banner h1{font-size: 24px !important; line-height: 35px !important;} .about-banner{padding-left: 15px !important; padding-right: 15px !important;} .fourth-sec .nav-link {text-align: center; } .fourth-sec .nav-tabs .nav-item { margin-bottom: 1px; width: 100%; } .main-banner h1{font-size:10vw !important;} .sixth-sec .expertise-sec .expertise-card { width: 90% !important; } .sixth-sec .expertise-sec .expertise-card .expertise-description p { font-size: 14px !important; line-height: 21px; } .sixth-sec .expertise-sec .expertise-card .icon{left:7.3% !important;} .sixth-sec .expertise-sec { margin-top: 20px; } .sixth-sec .expertise-sec .expertise-row{margin-bottom:15px !important;} .seventh-sec h2{font-size:23px !important; line-height: 32px !important;} .seventh-sec .blue-sec p{padding-bottom:0px !important;} .seventh-sec .blue-sec{padding:30px 14px 30px 14px !important;} .eighth-sec .accordion-button h2{font-size:16px !important;} .tenth-sec .tab-content .col-sm-3 .vc_column-inner img {padding: 25px 24px !important;} .tenth-sec .tab-content .col-sm-3 .vc_column-inner{height:140px !important;} .ihone-android-faqs .sp-easy-accordion>.sp-ea-single>.ea-header a{font-size:16px !important; padding:0px !important;} .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body{padding:0px !important;} .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body p{font-size: 14px !important; padding: 10px !important; line-height: 22px;} header.mobile-header .h-logo img{width: 190px !important; max-width: 300px !important; position: relative; left: 12px ; } header .side-space{padding-right:0px !important;} #costumModal9 .modal-content { padding: 20px; } #costumModal9 { padding: 10px !important; padding-top: 0px !important; } #costumModal9 .modal-content-header h2,#costumModal9 .modal-content-header h2 strong{font-size:18px !important; line-height:27px !important;} #costumModal9 .modal-header h4 { line-height: 24px !important; font-size: 14px !important; } #costumModal9 .gform_footer .gform_button{padding: 6px 20px !important; font-size: 14px !important; font-weight: 300; height: auto !important;} .innerBanner { padding-top: 40px !important; padding-left: 15px !important; padding-right: 15px !important; } .mobileFuture { padding-top: 40px !important; padding-left: 15px !important; padding-right: 15px !important; } .mobileFuture h2 br{display:none;} body.page-id-2009 .mobileFuture{padding-bottom:40px !important;} .customEnterpreneure p{margin-top:20px !important;} .desktopRow{display:none;} .mobileRow{display:block !important;} body.page-id-2009 .fadeInLeft,body.page-id-2009 .fadeInRight,body.page-id-2009 .fadeInUp,body.page-id-2009 .fadeInDown{animation: none !important;} .mobileProof .bigCol3 .vc_column-inner { background-color: #232459; padding: 25px 15px} .mobileProof,.datingSolutions{ padding-top: 40px !important; padding-bottom: 40px !important; } .privacyBanner .mainMergeBox { width: auto; } .privacyBanner .mainMergeBox p { margin-right: 10px;} } @media (max-width: 480px){ ul#menu-location-1 li a { margin-left: 5px; margin-bottom: 25px; line-height: 1 !important; } #menu-location-1 li { display: flex; } .seventh-sec .box .inner { width: 232px !important; margin-bottom: 6px; } } @media (max-width:450px){ .custom-cursor { display: none !important; } /* footer .befo-foo {*/ /* padding: 0 8vw;*/ /* margin-bottom: 70px;*/ /*}*/ .location-links .fab { padding: 5px; } .caseStudy-container { width: 425px; } section.vc_section.ihone-android-faqs { margin-left: 5px; } .mainbox .card { margin: 5px; } .mainbox .card { width: 488px; height: 701px; } #w-node-_80c29670-cd44-3bda-933a-92b2c858da95-27b6e9e1 { scale: 0.8; } div#w-node-_80c29670-cd44-3bda-933a-92b2c858da95-27b6e9e1 { width: 300px; } .menu-solution-container { margin-left: 10px; } .menu-location-container { margin-left: 10px; } .menu-services-container { margin-left: 10px; } /* .fab {*/ /* margin-top: 5px;*/ /*} */ /* .designBtn::before{display:none !important;} .designBtn:hover{display:none !important;} */ a,li{font-size:14px !important;} header.mobile-header .menu-mob .nav ul li.active .sub-menu { padding-top: 15px;} header.mobile-header .menu-mob .nav { padding-left: 10px;} header.mobile-header .menu-mob .nav ul { opacity: 0; padding-left: 5px !important; width: 100% !important; padding-top: 0px; padding-bottom: 0px; transition: all 0.5s; } .innerBanner .vc_col-sm-5:nth-child(2) img, .innerBanner .vc_col-sm-6:nth-child(2) img{height:360px;} .main-banner .last-mhead .box.slide-box { width: 350px !important;} .web-industries .vc_tta-panels-container { padding-top: 10px; } .web-industries .vc_tta.vc_general .vc_tta-panel-body{padding:14px 0px !important;} .development-process h2{padding-bottom:10px;} .development-process .vc_col-sm-3 .vc_column-inner{padding-top:0px !important;} /* .mobileLooking .blue-sec .designBtn{font-size:16px !important;} */ .blog-sec .blog-row-1 .col-4 h3{text-align:center;} .blog-sec .blog-row-1{margin-top:10px !important;} .blog-sec .blog-row-1 .col-4 .row .col p{text-align:center;} .about-banner h1{padding-top:20px;} .contactBanner p{padding-top:10px;} .web-industries .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title>a{margin-bottom:10px !important:} .slide-box{left: -106px !important;} .slide-box .inner span{left:20px !important;} .main-banner h1{font-size:10vw !important; padding: 6px 0px; margin-bottom: 0px !important;} .sec-mhead{margin-top:0px !important;} .mobilelogos-sec .logo-container {margin-left: -86px !important;} .sixth-sec .expertise-sec .expertise-card { width: 98% !important; margin-right: 0px !important; } .sixth-sec .expertise-sec .expertise-card .expertise-description p { font-size: 12px !important; line-height: 20px; } .sixth-sec .expertise-sec .expertise-card .icon{left:7% !important;} .sixth-sec .expertise-sec .expertise-arrow{display:none;} .seventh-sec h2{font-size:20px !important; line-height: 28px !important;} .seventh-sec .blue-sec p{margin-top:5px !important;} .firstLine .box .inner span { font-size: 37px !important; } .up-down .box .inner span { font-size: 37px !important; } .main-banner .box .inner span { font-size: 37px !important; font-weight: 500; line-height: 70px; left: 0px !important; } .mb-desc{padding-right: 0px; padding-bottom: 20px;} .mobilelogos-sec h2 {font-size: 22px !important;line-height: 35px; margin-bottom:0px !important;} .why-choose-web .vc_column-inner{padding-left:0px !important; padding-right:0px !important;} .why-choose-web .ea-card h3::before{display:none !important;} .why-choose-web .ea-header a{margin-left:0px !important; font-size: 18px !important;} .ihone-android-faqs .vc_column-inner{padding-left:0px !important; padding-right:0px !important;} .healthcare-development-process .vc_column-inner{padding-top:0px !important;} .healthBanner .vc_row:nth-child(1) img { height: 250px !important; object-fit: contain; margin-top: 20px !important; } .helth-care-mob .second-row .vc_col-sm-5 .vc_column-inner { padding-right: 0px !important; padding-left: 0px !important; } .logo-potential-section .vc_column-inner{padding-left:0px !important; padding-right:0px !important;} .up-down .inner{left: 0px !important;} .fifth-sec .common-up-down .box .inner{left:30px !important;} .sixth-sec .common-up-down{top: -1px;} .sixth-sec .full-width.col-5 .row h2{line-height: 50px;} .seventh-sec .blue-sec .contact-info h2 { font-size: 18px !important;} .eighth-sec .counter-card{height: 180px !important;} .eighth-sec .counter-col{height: 200px !important;} .ninth-sec .full-width h6{font-size:14px !important;} footer .location-links img{height:40px;} .up-down .box { width: 100% !important; } #costumModal9 .modal-content { border-radius: 20px !important; border-bottom-right-radius: 20px !important; border-bottom-left-radius: 20px !important; } #costumModal9 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { margin-top: 0px !important; } #costumModal9 .modal-header h4{margin:0px 0px 15px !important;;height: 40px !important;} #costumModal9 .modal-header { padding: 0px !important; } #costumModal9 .gform_wrapper.gravity-theme .gfield textarea { height: 70px; margin-top: 0px;} #costumModal9 .gform_footer .gform_button { margin: 15px 0px 0px; } #costumModal9 .modal-body-bottom { padding-bottom: 10px !important; } .privacyBanner .mainMergeBox a { width: 25px; height: 25px; margin-right: 5px; line-height: 27px;} .custom-cursor{display:block !important;} .web-industries .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .datingSolutions .vc_col-sm-8 { background: #F6F6F6; border-radius: 20px; padding: 20px 5px !important; } header.mobile-header .h-logo img { width: 130px !important; max-width: 300px !important; position: relative; left: 12px; } .tenth-sec { padding: 40px 3vw 40px !important; } @keyframes wordslider{ 0%{ transform: translateX(352px); } 25%{ transform: translateX(352px); } 30%{ transform: translateX(55px); } 65%{ transform: translateX(55px); } 70%{ transform: translateX(-285px); } 95%{ transform: translateX(-285px); } 100%{ transform: translateX(352px); } } .main-banner .box .inner span { font-size: 42px !important;} .mainBlogContentRow .blogContent h3 { padding: 5px 0px 5px; } @keyframes up-down{ 0%{ transform: translate(0px, 0px); } 25%{ transform: translate(0px, 0px); } 30%{ transform: translate(0px, -70px); } 65%{ transform: translate(0px, -70px); } 70%{ transform: translate(0px, -140px); } 95%{ transform: translate(0px, -140px); } 100%{ transform: translate(0px, 0px); } } .firstLine .box .inner span { width: 95% !important;} @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-220%); } } } @media (max-width:375px) { @keyframes wordslider{ 0%{ transform: translateX(312px); } 25%{ transform: translateX(312px); } 30%{ transform: translateX(50px); } 65%{ transform: translateX(50px); } 70%{ transform: translateX(-250px); } 95%{ transform: translateX(-250px); } 100%{ transform: translateX(312px); } } .main-banner .box .inner span { font-size: 37px !important;} #costumModal9 .modal-header h4 { margin: 0px 0px 20px !important; height: 40px !important; line-height: 21px !important; } .mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_row:nth-child(2),.mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_row:nth-child(3),.mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_row:nth-child(4){column-count:1;} .mobileTabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_row .wpb_single_image.vc_align_left { text-align: center !important; } .seventh-sec .blue-sec .contact-info h2 { font-size: 16px !important;} .firstLine .box .inner span { width: 100% !important;} @keyframes marquee { 0% { transform: translateX(110%); } 100% { transform: translateX(-255%); } } .custom-cursor { display: none !important; } } @media (max-width:320px){ .custom-cursor { display: none !important; } } /* web Development page */ .websiteReviews{ background-color: #232459; padding: 110px 8vw; } .websiteReviews .row-1 .row{ align-items: center; } .websiteReviews .box{ display: flex; overflow: hidden; width: max-content !important; height: max-content; align-items: center; margin: 0; padding: 0; transform: translateY(-2px); } .websiteReviews .box .inner{ background-color:transparent; display: flex; justify-content: center; align-items: center; width: 350px !important; height: 60px; white-space: nowrap; overflow: hidden; position: relative; border: none !important; border-radius: 0px; padding: 0; /* transform: translateX(-40px); */ } .websiteReviews .box .inner span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 50px; font-style: normal; font-weight: 700; text-transform: capitalize; line-height: 70px; /* 116.667% */ animation: common-up-down 10s infinite; text-align:left !important; width: max-content !important; } .websiteReviews .col-6 h2{ color: var(--White, #FFF); font-family: Poppins; font-size: 50px; font-style: normal; font-weight: 700; line-height: 70px; /* 116.667% */ text-transform: capitalize; width: max-content; } .websiteReviews .col-6 h2 span{ color: var(--light-red, #09daf5); font-family: Poppins; font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; text-transform: capitalize; } .websiteReviews .col-6 h6{ padding-top: 10px; color: var(--White, #FFF); font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 300; line-height: 37px; /* 154.167% */ } .websiteReviews .row-1{ margin-bottom: 50px; } .packages-ul li a { width: 210px ! IMPORTANT; } .mainbox .card { padding: 20px; border-radius: 20px; } ul.list-group.list-group-flush { padding: 20px 20px; height: auto; margin: 20px 0px; overflow: scroll; } ul.process-lst li { display: inline-block; vertical-align: middle; width: 33%; margin-top: 150px; } ul.process-lst li.lst-cntr { width: 13%; position: relative; } ul.process-lst li.lst-cntr { width: 13%; position: relative; } .footer-logo img { width: 245px !important; margin-top: 60px !important; margin-bottom: 30px; } .footer-about p { color: white; line-height: 1.6; } .vc_section { width: 100% !important; } img.logo-anim { width: 50px; } .wpb_animate_when_almost_visible { opacity: 1; } .tenth-sec .nav-tabs { display: none; } .fourth-sec { display: none; } .third-sec { display: none; } .logo-anim { width: 60px; } section.third-sec { display: none; } section.fourth-sec { display: none; } @media (max-width:425px){ .custom-cursor { display: none !important; } .w-layout-blockcontainer.container-5.w-container .hero-grid-home { height: 71vh; min-height: 521px; } .mainbox .card { width: 97% !important; height: 701px; } .expertise-arrow { margin-top: 130px !important; right: 10px !important; } } a.button-aux-home.w-inline-block { background: #09daf5; color: #060b27 !important; } .sixth-sec .expertise-sec .expertise-card::before { display: none !important; } .expertise-description { min-height: 168px !important; max-height: 168px !important; height: 168px !important; } strong.pkg-head { margin-top: 10px !important; margin-bottom: 10px !important; font-size: 12px !important; } .price { font-weight: 600; font-size: 20px; } .heading { font-size: 20px; font-weight: 700; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-thumb { background: #09daf5; } .card { background: #34337E; } li.list-item.list-group-item.d-flex.justify-content-between.align-items-center.text-left { background: transparent; color: white; } span.list-text { color: white; } .heading-wrapper.text-center { color: white; } .heading-wrapper p { color: white; } span.price { color: white; } .mainbox .card { background: #34337e; } span.price { font-size: 30px; } strong.pkg-head { color: white; } ul.list-group.list-group-flush { border: 1px solid #09daf5; border-radius: 5px; } .mainbox .card:hover { transition-duration: 1s; background: linear-gradient(136deg, #09daf5 -60%, #34337E 60%); } li.list-item.list-group-item.d-flex.justify-content-between.align-items-center.text-left { border: none; } .mainbox .card { /* width: 488px; */ height: 701px; } .expertiseparagraph { color: white; font-weight: 600; } .menu-primary-container.footer-about { margin: 10px; } path { fill: #09daf5 !important; } .seventh-sec .box .inner span { animation: none; } /*.fab {*/ /* margin-top: 5px;*/ /*} */ .vc_custom_1706176104109 .fab { margin-top: 5px; } .eighth-sec .col-12.up-down-before { padding-bottom: 0px; } .expertiseparagraph { display: none; } #costumModal9 { display: none !important; } h2.reviewHeading { margin-top: 22px; } .sixth-sec .common-up-down { transform: translate(0px, 0px); } .sixth-sec .common-up-down .box .inner { transform: translateX(-10px); } footer { padding-left: 5%; padding-right: 5%; } /* .mobileFuture .vc_col-sm-3 { height: 425px; } .mobileFuture .vc_col-sm-3 p:nth-child(2) { height: max-content; } */ .col-md-3.col-md-offset-4.content .borderthis img { border: 1px solid #0000003b; height: 350px; width: 100%; object-fit: cover; } span { border: none !important; background-color: transparent; } .bi { color: white; font-size: 16px; } .menu-location-container ul li a { padding-left: 0px !important; } .process-lst h3 { color: #232459 !important; } .process-wrap h2 { color: #232459 !important; } @media screen and (min-device-width: 350px) and (max-device-width: 425px) { .sixth-sec .up-down-before { font-size: 25px !important; } } .discount { text-decoration: line-through; font-size: 22px; color: white; } .mainbox p { display: none; } span.seoduration { font-size: 25px; color: white; font-weight: 600; } .expertise-heading h2 { font-weight: 600; } canvas.webgl { margin-top: 45px; width: 100% !important; } header#hero { height: 96vh; }