/*****CONTAINS NEW NAVBAR CODE ALONG WITH SEO PAGE CSS*****/ /*SIDE MENU CODE*/ /*.sidenav {*/ /*height: 100%;*/ /*width: 0;*/ /*position: fixed;*/ /*z-index: 9999;*/ /*top: 0;*/ /*left: 0;*/ /*overflow-x: hidden;*/ /*-webkit-transition: 0.5s;*/ /*-o-transition: 0.5s;*/ /*transition: 0.5s;*/ /*!*padding-top: 60px;*!*/ /*text-align: center;*/ /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-align: center;*/ /*-ms-flex-align: center;*/ /*align-items: center;*/ /*}*/ /*NEW NAV - USING CHECKBOX*/ /*.navigation__checkbox {*/ /*display: none;*/ /*}*/ /*.navigation__button {*/ /*background-color: white;*/ /*height: 3rem;*/ /*width: 3rem;*/ /*position: fixed;*/ /*top: 2.9rem;*/ /*right: 0.5rem;*/ /*border-radius: 50%;*/ /*z-index: 2000;*/ /*-webkit-box-shadow: 0 1px 3rem rgba(0, 0, 0, .1);*/ /*box-shadow: 0 1px 3rem rgba(0, 0, 0, .1);*/ /*text-align: center;*/ /*cursor: pointer;*/ /*}*/ /*.navigation__background {*/ /*height: 2rem;*/ /*width: 2rem;*/ /*border-radius: 50%;*/ /*position: fixed;*/ /*top: 3rem;*/ /*right: 0.8rem;*/ /*background-image: -o-radial-gradient(#2b69db, #2b69db);*/ /*background-image: radial-gradient(#2b69db, #2b69db);*/ /*-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);*/ /*transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);*/ /*-o-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);*/ /*transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);*/ /*transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);*/ /*z-index: 1040;*/ /*!*transform: scale(80);*!*/ /*}*/ /*.navigation__nav {*/ /*height: 100vh;*/ /*!*width: 100vw;*!*/ /*position: fixed;*/ /*top: 0;*/ /*left: 0;*/ /*z-index: 1500;*/ /*opacity: 0;*/ /*width: 0;*/ /*-webkit-transition: all .8s;*/ /*-o-transition: all .8s;*/ /*transition: all .8s;*/ /*}*/ /*.navigation__list {*/ /*opacity: 0;*/ /*width: 0;*/ /*}*/ /*FUNCTIONALITY*/ /*.navigation__checkbox:checked~.navigation__background {*/ /*-webkit-transform: scale(110);*/ /*-ms-transform: scale(110);*/ /*transform: scale(110);*/ /*}*/ /*.navigation__checkbox:checked~.navigation__nav {*/ /*opacity: 1;*/ /*width: 100%;*/ /*}*/ /*.navigation__checkbox:checked~.navigation__nav .navigation__list {*/ /*opacity: 1;*/ /*width: 100%;*/ /*}*/ /*FUNCTIONALITY*/ /*ICON*/ /*.navigation__icon {*/ /*width: 1.5rem;*/ /*height: 2px;*/ /*background-color: #333;*/ /*display: inline-block;*/ /*position: relative;*/ /*margin-top: 1.4rem;*/ /*}*/ /*.navigation__icon:before,*/ /*.navigation__icon:after {*/ /*width: 1.5rem;*/ /*height: 2px;*/ /*background-color: #333;*/ /*content: "";*/ /*display: inline-block;*/ /*position: absolute;*/ /*left: 0;*/ /*-webkit-transition: all .2s;*/ /*-o-transition: all .2s;*/ /*transition: all .2s;*/ /*}*/ /*.navigation__icon:before {*/ /*top: -.55rem;*/ /*}*/ /*.navigation__icon:after {*/ /*top: .55rem*/ /*}*/ /*.navigation__button:hover .navigation__icon:before {*/ /*top: -.6rem*/ /*}*/ /*.navigation__button:hover .navigation__icon:after {*/ /*top: .6rem*/ /*}*/ /*.navigation__checkbox:checked+.navigation__button .navigation__icon {*/ /*background-color: transparent;*/ /*}*/ /*.navigation__checkbox:checked+.navigation__button .navigation__icon:before {*/ /*top: 0;*/ /*-webkit-transform: rotate(135deg);*/ /*-ms-transform: rotate(135deg);*/ /*transform: rotate(135deg);*/ /*}*/ /*.navigation__checkbox:checked+.navigation__button .navigation__icon:after {*/ /*top: 0;*/ /*-webkit-transform: rotate(-135deg);*/ /*-ms-transform: rotate(-135deg);*/ /*transform: rotate(-135deg);*/ /*}*/ /*ICON*/ /*NEW NAV - USING CHECKBOX*/ /*.sidenav a {*/ /*padding: 8px 8px 8px 32px;*/ /*text-decoration: none;*/ /*font-size: 25px;*/ /*color: #818181;*/ /*display: block;*/ /*-webkit-transition: 0.3s;*/ /*-o-transition: 0.3s;*/ /*transition: 0.3s;*/ /*margin-bottom: 8px;*/ /*}*/ /*Main Links*/ /*.sidenav .main-links a.nav-text:link,*/ /*.sidenav .main-links a.nav-text:visited {*/ /*display: inline-block;*/ /*font-size: 1rem;*/ /*font-weight: 300;*/ /*padding: 0.5rem 0;*/ /*color: #fff;*/ /*text-decoration: none;*/ /*text-transform: uppercase;*/ /*background-size: 220%;*/ /*-webkit-transition: all .4s;*/ /*-o-transition: all .4s;*/ /*transition: all .4s;*/ /*margin-bottom: 3px;*/ /*}*/ /*.sidenav .main-links a.nav-text:hover,*/ /*.sidenav .main-links a.nav-text:active {*/ /*background-position: 100%;*/ /*color: #ffffff;*/ /*}*/ /*Sub links*/ /*.sidenav .sub-links {*/ /*text-align: left;*/ /*}*/ /*.sidenav .sub-links a.nav-text:link,*/ /*.sidenav .sub-links a.nav-text:visited {*/ /*display: inline-block;*/ /*font-size: 1rem;*/ /*font-weight: 300;*/ /*padding: 0.2rem;*/ /*color: #fff;*/ /*text-decoration: none;*/ /*text-transform: capitalize;*/ /*}*/ /*.sidenav .sub-links a.nav-text:hover,*/ /*.sidenav .sub-links a.nav-text:active {*/ /*background-position: 100%;*/ /*color: #0250a9;*/ /*}*/ /*.sidenav a:hover {*/ /*color: #000000;*/ /*}*/ /*.sidenav .closebtn {*/ /*position: absolute;*/ /*right: 5px;*/ /*font-size: 36px;*/ /*z-index: 999;*/ /*background: white;*/ /*margin: auto;*/ /*width: 50px;*/ /*height: 50px;*/ /*padding: 0px;*/ /*border-radius: 50%;*/ /*top: 40px;*/ /*!*top: 10px;*!*/ /*}*/ /*.burger-menu {*/ /*position: absolute;*/ /*right: 5px;*/ /*top: 50px;*/ /*color: #ffffff;*/ /*font-size: 30px;*/ /*cursor: pointer;*/ /*background-color: #093362;*/ /*height: 3rem;*/ /*width: 3rem;*/ /*text-align: center;*/ /*border-radius: 50%;*/ /*padding-top: 2px;*/ /*z-index: 1050;*/ /*}*/ /*.burger-menu:hover,*/ /*.burger-menu:focus,*/ /*.sidenav .closebtn:hover,*/ /*.sidenav .closebtn:focus {*/ /*-webkit-box-shadow: 0 0 11px rgba(33, 33, 33, .2);*/ /*box-shadow: 0 0 11px rgba(33, 33, 33, .2);*/ /*-webkit-transform: scale(1.1);*/ /*-ms-transform: scale(1.1);*/ /*transform: scale(1.1);*/ /*}*/ /*SIDE MENU CODE*/ /* STATIC HEADER */ /*header .static-header {*/ /*background-color: white;*/ /*}*/ /*header .static-header .row {*/ /*padding-top: .4rem;*/ /*padding-bottom: .4rem;*/ /*}*/ /*header .static-header .welcome-msg:first-child p {*/ /*position: relative;*/ /*top: 50%;*/ /*left: 50%;*/ /*-webkit-transform: translate(-50%, -50%);*/ /*-ms-transform: translate(-50%, -50%);*/ /*transform: translate(-50%, -50%);*/ /*}*/ /*header .static-header .welcome-msg:first-child p,*/ /*header .static-header .email p,*/ /*header .static-header .call p {*/ /*font-family: MOAM91bold;*/ /*font-size: 14px;*/ /*line-height: 1.42;*/ /*letter-spacing: 0.4px;*/ /*color: rgba(1, 0, 23, 0.7);*/ /*}*/ /*header .static-header .call p a,*/ /*header .static-header .email p a {*/ /*color: rgba(1, 0, 23, 0.7);*/ /*}*/ /*header .static-header .call p a:hover,*/ /*header .static-header .email p a:hover {*/ /*color: rgba(1, 0, 23, 0.7);*/ /*text-decoration: none;*/ /*}*/ /*header .static-header .call {*/ /*border-right: 1.5px solid rgba(0, 1, 13, .5);*/ /*}*/ /*header .static-header .call img,*/ /*header .static-header .email img {*/ /*position: relative;*/ /*top: 10%;*/ /*}*/ /*SEO PAGE STYLES*/ .service-menu, .technology-menu { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all ease-in .5s; -o-transition: all ease-in .5s; transition: all ease-in .5s; background: #2b69db; } .service-menu h2, .service-menu h6, .service-menu ul.ul-sub-list li a, .technology-menu h2, .technology-menu h6, .technology-menu ul li a { color: #ffffff !important; } .technology-menu h2, .service-menu h2 { font-weight: bold; opacity: .9; } .service-menu ul.ul-sub-list li.nav-item a.nav-link, .technology-menu ul li.nav-item a.nav-link { color: rgba(255, 255, 255, .5) !important; padding: 3px; } .service-menu ul.ul-sub-list li.nav-item a.nav-link:hover, .technology-menu ul li.nav-item a.nav-link:hover { color: rgba(255, 255, 255, 1) !important; } .main-links { padding: 0 0 0 .8rem; } .main-links li { position: relative; } .un-line { position: absolute; bottom: -1px; height: 3px; width: 0; left: 0; background-color: #ffffff; margin-bottom: 8px; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); } .main-links li:hover .un-line { width: 35px; color: #ffffff; } .padding-nav { padding: 16px !important; } .logo-techa { position: absolute; top: 50px; left: 5px; /*background: white;*/ z-index: 9; } .banner-container { position: relative; } .seo-menu .navbar-toggler { background: #093362; color: white; } .seo_bg-banner img { height: 80vh; width: 100%; } .centered-banner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'Montserrat', sans-serif; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.32; letter-spacing: normal; text-align: center; color: #ffffff; } .centered-banner h2 { font-size: 31.5px; margin-bottom: 1rem; } .centered-banner h6 { font-size: 20px; font-weight: normal; margin-bottom: 1rem; } .centered-banner p { font-size: 16px; font-weight: normal; } /*.second-navbar {*/ /*display: none;*/ /*}*/ /*.navbar {*/ /*padding-top: initial;*/ /*padding-bottom: initial;*/ /*-webkit-box-shadow: none;*/ /*box-shadow: none;*/ /*}*/ /*.navbar .dropdown-menu {*/ /*width: initial;*/ /*right: initial;*/ /*top: initial;*/ /*left: initial;*/ /*}*/ /*.navbar .dropdown-menu {*/ /*border: none;*/ /*background-color: white;*/ /*}*/ /*.navbar .dropdown-menu {*/ /*border: none;*/ /*background-color: white !important;*/ /*}*/ /*.dropdown:hover>.dropdown-menu {*/ /*display: block;*/ /*}*/ /*.seo-menu.sticky-top {*/ /*!*top: 40px;*!*/ /*top: 60px;*/ /*}*/ /*.dropdown-toggle::after,*/ /*.page-footer .label-container {*/ /*display: none;*/ /*}*/ /*Navbar*/ main { top: 5px; background-color: #eaeaf3; } /*.seo-menu { border-bottom: 1px solid black; }*/ .seo-menu { -webkit-transition: padding ease-in .2s; -o-transition: padding ease-in .2s; transition: padding ease-in .2s; } .seo-menu.sticky-top .nav-link { color: #000000; } .seo-menu span.icon { text-align: center; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 4px; font-size: 13px; color: rgba(0, 0, 0, .7); line-height: 12px; text-transform: uppercase; } .seo-menu span.icon i { display: inline; vertical-align: top; width: 32%; } .seo-menu span.icon em { vertical-align: top; padding-left: 3px; text-align: left; display: inline-block; font-style: normal; } .seo-menu li { border-left: solid 1px transparent; border-right: solid 1px transparent; } .seo-menu li:hover { background: #f6f6f6; border-left: solid 1px #e7e9ea; border-right: solid 1px #e7e9ea; } .seo-menu ul li .dropdown-menu { visibility: hidden; opacity: 0; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } .seo-menu ul li:hover .dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /*Navbar*/ /*Footer floating btn*/ .page-footer .float, .page-footer .label-text, .btn-close-float, .label-arrow.float-arrow-seo{ display: none; } /*Footer floating btn*/ /*SEO Form*/ form.web_analysis { border-radius: 6px; -webkit-box-shadow: 0px 0.5px 14.6px 1.4px rgba(2, 4, 28, 0.1); box-shadow: 0px 0.5px 14.6px 1.4px rgba(2, 4, 28, 0.1); background-color: #093363; -webkit-transition: all ease-in .5s; -o-transition: all ease-in .5s; transition: all ease-in .5s; } .web_analysis h2, .portfolio-form .web_analysis h2 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.19; letter-spacing: normal; text-align: left; color: #f3f3ff; border-bottom: 1px solid #f3f3ff; } .web_analysis .form-group { margin-bottom: 3px; } .web_analysis label { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #ffffff; } .web_analysis input, .web_analysis textarea { border-radius: 3px; border: solid 0.5px rgba(7, 48, 97, 0.2); background-color: #f3f3ff; } .web_analysis input { height: 35px; } .web_analysis textarea { height: 50px; resize: none; } .web_analysis button { -o-object-fit: contain; object-fit: contain; border-radius: 3px; border: solid 0.5px rgba(7, 48, 97, 0.2); background-color: #52c8ff; } /*SEO Form*/ /*Cards DIv*/ .page-title h2 { opacity: 0.9; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 0.87; letter-spacing: normal; text-align: center; color: rgba(9, 51, 99, 0.9); padding-bottom: 20px; } .seo-faq .page-title h1 { opacity: 0.9; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 0.87; letter-spacing: normal; text-align: center; color: rgba(9, 51, 99, 0.9); padding-bottom: 20px; } .content-div { background: white; /*height: 550px;*/ height: 100%; } .content-div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .content-div::-webkit-scrollbar { width: 3px; background-color: #093362; } .content-div::-webkit-scrollbar-thumb { background-color: #093362; } .content-div .cards-row { background: #eaeaf3; } .content-div .cards-row .card { margin-top: 15px; margin-bottom: 15px; /* height: 286px; */ -webkit-box-shadow: 0px 1px 1.8px 0.2px rgba(2, 4, 28, 0.19); box-shadow: 0px 1px 1.8px 0.2px rgba(2, 4, 28, 0.19); background-color: #ffffff; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.35s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.35s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out; transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out; transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out, -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.35s ease-in-out; } .content-div .cards-row .card:hover { -webkit-box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .16); box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .16); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); cursor: pointer; } .content-div .cards-row .card .card-title { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #093363; } .content-div .cards-row .card .card-body p { opacity: 0.8; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(2, 5, 33, 0.8); margin-bottom: 0; } .content-div .cards-row .card .card-body a { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #2457b6; text-decoration: underline } /*Cards DIv*/ /*Blogs*/ .blogs h2, .seo-video h2 { opacity: 0.9; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: rgba(9, 51, 99, 0.9); } .blogs .owl-carousel .owl-item span { position: relative; } .blogs .owl-carousel .owl-item span img { postion: absolute; top: 0; left: 0; width: 100%; /*height: 100%;*/ height: 250px; } .blogs .owl-carousel .owl-item span #blog-overlay { position: absolute; top: 0; left: 0; clear: float; width: 100%; height: 100%; background-color: rgba(2, 12, 38, .4); color: #ffffff; } .blogs #blog-overlay { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.5; letter-spacing: normal; text-align: left; color: #ffffff; } .blogs #blog-overlay p { bottom: 0; position: absolute; left: 10px; } .blogs .owl-carousel .owl-item a { text-decoration: underline; } .blogs .blog-date { background-color: #dddde6; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; color: #093363; } .blogs .blog-month { background-color: #093363; border-radius: 1.5px; -webkit-box-shadow: 0px 0.5px 14.6px 1.4px rgba(2, 4, 28, 0.1); box-shadow: 0px 0.5px 14.6px 1.4px rgba(2, 4, 28, 0.1); color: #ffffff; } .blogs .owl-carousel .owl-nav button.owl-next { width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; background-color: #093363; margin: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .blogs .owl-carousel .owl-nav button.owl-prev { width: 40px; height: 40px; background-color: #58a6ff; margin: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .blogs .owl-carousel .owl-item .card-body p { height: 100px; } .blogs .owl-theme .owl-nav { text-align: center; } .blogs .owl-carousel .item { width: 100%; margin: auto; } /*Blogs*/ /*FAQ*/ .bs-example .card-link { color: #093362; } .accordion .card-link:after { content: "\2212"; float: right; position: relative; top: -15px; right: 10px; } .accordion .card-link.collapsed:after { /* symbol for "collapsed" panels */ content: "\002B"; } .seo-faq, .why-seo { background: #eaeaf3; } /*FAQ*/ /*SEO*/ .seo-search--terms li:before { color: #52c8ff; content: '\2022'; width: 1.8rem; } /*SEO*/ /*Top spot*/ .top-spot_section { /*background-image: url(../../../../../www/debug/img/reserve-top.jpg);*/ background-size: cover; background-position: center; /*background-color: white;*/ } .seo-page .top-spot_section h3, .seo-page .top-spot_section ul li { color: #ffffff; list-style-position: inside; padding: 0px 0 0px 20px; text-indent: -1.5em; } .seo-page .top-spot_section ul li { font-size: 14px; } .who-we_are { background-color: white; } .who-we_are p { font-size: 14px; } /*Top spot*/ /*Who we are*/ .who-we_are h2 { font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.78; letter-spacing: normal; text-align: left; color: #424561; text-transform: uppercase; } /*Who we are*/ /*SEO percentage*/ .seo-percentage .col-md-4:not(:last-child):after { content: ""; background-color: rgba(255, 255, 255, .8); position: absolute; width: 1.5px; height: 140px; top: -10px; right: 0; display: block; } .seo-percentage h3 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.09; letter-spacing: normal; text-align: left; color: #eaeaf3; } .seo-percentage h5 { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 0.92; letter-spacing: normal; text-align: left; color: #ffffff; } .case-study_btn { background-image: -o-linear-gradient(top left, rgb(127, 144, 252), rgb(7, 109, 230)); background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(127, 144, 252)), to(rgb(7, 109, 230))); background-image: linear-gradient(to bottom right, rgb(127, 144, 252), rgb(7, 109, 230)); color: white; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 2.25; letter-spacing: normal; text-align: left; color: #ffffff; } /*SEO percentage*/ /*Video section*/ .video-section { margin-top: 5rem; background: white; } /*Video section*/ /*Why seo*/ .why-seo h2 { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; margin-bottom: 0; color: #093363; } .why-h2{ opacity: 0.9; font-family: 'Montserrat', sans-serif; font-size: 24px !important; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: 0.87; letter-spacing: normal; text-align: center; color: rgba(9, 51, 99, 0.9); padding-bottom: 20px; } .why-seo_cards { -webkit-box-shadow: 0px 1.5px 1.5px 0 rgba(1, 1, 14, 0.1); box-shadow: 0px 1.5px 1.5px 0 rgba(1, 1, 14, 0.1); background-color: #ffffff; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.35s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.35s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out; transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out; transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out, -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.35s ease-in-out; } .why-seo_cards p, #accordionExample p { font-size: 14px; } .why-seo_cards:hover { -webkit-box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .16); box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .16); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); cursor: pointer; } .seo-video iframe { width: 90% !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*Why seo*/ /*News letter*/ /*.news-letter { newsletter.jpg }*/ .news-letter p, .news-letter h4 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; text-align: left; color: #ffffff; } .news-letter p { font-size: 12px; } .news-letter h4 { font-size: 20px; font-weight: bold; } .news-letter #webaddress { height: 46px; border-radius: 1.5px; background-color: #ffffff } .news-letter button { border-radius: 1.5px; -webkit-box-shadow: 0 0 1.5px 0 rgba(1, 1, 14, 0.48); box-shadow: 0 0 1.5px 0 rgba(1, 1, 14, 0.48); background-color: #52c8ff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.25; letter-spacing: normal; color: #060f48; } /*News letter*/ .get-in-touch-btn { z-index: 1022; } .seo-page .seo-percentage { /*background-color: red;*/ height: 40%; /*background-image: url('<?php echo IMAGE_PATH?>pattern-bg@3x.jpg');*/ background-repeat: no-repeat; } .seo-page .seo-percentage_img { /*background-image: url('<?php echo IMAGE_PATH?>pattern-bg@3x.jpg');*/ background-size: cover; background-position: center; background-repeat: no-repeat; } .seo-page .top-spot_section { /*background-image: linear-gradient(to bottom right,rgba(0, 42, 96, 0.8),rgba(0, 42, 96, 0.8)),url('<?php echo IMAGE_PATH?>reserve-top.jpg');*/ background-size: cover; background-position: center; } .news-letter { /*background-image: url('<?php echo IMAGE_PATH?>newsl.jpg');*/ background-size: cover; background-position: center; } /*Fixed Form*/ .fixed-form { position: fixed; top: 70px !important; max-width: inherit; right: 10px !important; width: 300px !important; } /*Fixed Form*/ /*Mobile Application*/ .button-color { background-color: #1a51c6; } .mob-cta .mob-cta__bg { background-position: center; background-size: 70%; height: 75vh; background-repeat: no-repeat; } .mob-cta .mob-cta_text { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mob-cta .mob-cta_text h2 { width: 80%; height: 150px; font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.74; letter-spacing: normal; text-align: left; color: #04083e; } .mob-cta .mob-cta_text button, .web-cta_text button { width: 150px; height: 40px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); /*box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);*/ } .mob-cta .mob-cta_text button { color: #ffffff; background-color: #1a51c6; } .web-cta_text button { background-color: #ffffff; color: #272b6e; } .mob-cta .mob-cta_text button:hover, .web-cta_text button:hover { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .mob-cta .app-quotation { padding-top: 40px; padding-bottom: 40px; } .mob-cta .app-quotation h4 { font-family: 'Montserrat', sans-serif; font-size: 19px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.76; letter-spacing: normal; text-align: left; color: #000000; } .mob-cta .app-quotation p { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: justify; color: rgba(0, 0, 0, 0.9); } .mob-cta .app-quotation .form-header_mob h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: center; color: #093363; } .mob-cta .app-quotation form { border-radius: 1.2px; -webkit-box-shadow: 0px 0.5px 11.8px 1.2px rgba(2, 4, 28, 0.1); box-shadow: 0px 0.5px 11.8px 1.2px rgba(2, 4, 28, 0.1); background-color: #ffffff; margin: 0 3rem; padding: 2.5rem; } .mob-cta .app-quotation form input, .mob-cta .app-quotation form select, .mob-cta .app-quotation form textarea { border-radius: 1.2px; border: solid 0.5px rgba(7, 48, 97, 0.2); background-color: #f3f3ff; } .mob-cta .mob-cta_text a, .web-cta_text a { width: 150px; height: 40px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); /*box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);*/ } .mob-cta .mob-cta_text a { color: #ffffff; background-color: #1a51c6; } .web-cta_text a { background-color: #ffffff; color: #272b6e; } .mob-cta .mob-cta_text a:hover, .web-cta_text a:hover { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } /* Chrome, Safari, Edge, Opera */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .mob-cta .app-quotation form select { -webkit-appearance: none; } .mob-cta .app-quotation form textarea { resize: none; } .mob-cta .app-quotation form input:focus, .mob-cta .app-quotation form select:focus, .mob-cta .app-quotation form textarea:focus { border: .5px solid rgba(26, 81, 198, .5); -webkit-box-shadow: none; box-shadow: none; } .mob-cta h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.91; letter-spacing: normal; color: #09032f; } .mob-cta .portfolio-cards>div.portfolio-card { background-size: 80%; background-position: center; background-repeat: no-repeat; /*width: 200px;*/ height: 200px; margin-bottom: 30px; } /*OVERLAY CONTENT PORTFOLIO*/ .mob-cta .portfolio-cards .content-overlay { /*border: solid 5px #ffffff;*/ background-color: rgba(176, 20, 116, .85); position: absolute; height: 100%; width: 80%; margin: auto; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .mob-cta .portfolio-cards .content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; display: none; } .mob-cta .portfolio-cards .content-details h3 { margin-bottom: 0.5em; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.79; letter-spacing: normal; text-align: left; color: #ffffff; } .mob-cta .portfolio-cards .content-details p { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; text-align: justify; color: #ffffff; } .mob-cta .portfolio-cards .content-details.fadeIn-left_portfolio { left: 20%; } .mob-cta .arrow { -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; } .mob-cta .arrow:hover { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .mob-cta .portfolio-cards .content:hover .content-overlay { opacity: 1; } .mob-cta .portfolio-cards .content a:hover { text-decoration: none; } .mob-cta .portfolio-cards .content:hover .content-details { top: 50%; left: 50%; opacity: 1; display: block; width: 80%; } /*OVERLAY CONTENT PORTFOLIO*/ .explore-portfolio { margin-bottom: 40px; } .explore-portfolio button { width: 200px; height: 45px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #ffffff; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4); box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4); } .explore-portfolio a { width: 200px; height: 45px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #ffffff; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4); box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4); } .explore-portfolio button:hover { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .ambition { background-color: #ffffff; } .ambition .ambition-img { background-position: center; background-size: cover; background-repeat: no-repeat; height: 500px; } .ambition .ambition-text h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #09032f; } .ambition .ambition-text p { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: justify; color: rgba(9, 3, 47, 0.8); } .ambition .ambition-text ul li { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: normal; text-align: left; color: rgba(9, 3, 47, 0.8); } .app-service { padding-top: 30px; padding-bottom: 45px; } .app-service h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #000000; } .app-cards { padding-bottom: 30px; } .app-card { border-radius: 1px; -webkit-box-shadow: 0px 3px 5px 0 rgba(1, 4, 22, 0.2); box-shadow: 0px 3px 5px 0 rgba(1, 4, 22, 0.2); background-color: #ffffff; height: 330px; width: 250px; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; padding: 23px 18px; margin: auto; margin-bottom: 20px; } .app-card:hover { cursor: pointer; -webkit-box-shadow: 0px 8.5px 40.5px 0 rgba(1, 4, 22, 0.2); box-shadow: 0px 8.5px 40.5px 0 rgba(1, 4, 22, 0.2); } .app-card .icon-circle { width: 65px; height: 65px; border-radius: 50%; margin: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat; } .app-card h4 { height: 60px; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #051e3a; padding-top: 14px; } .app-card p { height: 70px; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: justify; color: rgba(5, 30, 58, 0.8); padding-top: 14px; } .mysteries-section { background-color: #ffffff; } .mysteries h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.66; letter-spacing: normal; color: #02093d; } .mysteries p.mysteries-sub_text { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; text-align: center; color: rgba(2, 9, 61, 0.8); width: 68%; } .mysteries-section .mysteries .bs-example .card { /*height: 55px;*/ border-radius: 5px; -webkit-box-shadow: 0px 1px 24.8px 0.3px rgba(5, 14, 70, 0.1); box-shadow: 0px 1px 24.8px 0.3px rgba(5, 14, 70, 0.1); border: solid 0.5px rgba(2, 5, 35, 0.15); background-color: #ffffff; margin-bottom: 15px; } .mysteries-section .mysteries .bs-example .card .card-header { background-color: #ffffff; border: solid 0.5px rgba(2, 5, 35, 0.15); /*border-bottom: 0;*/ position: relative; } .mysteries-section .mysteries .bs-example .card .card-body p { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 2.5; letter-spacing: normal; text-align: left; color: rgba(2, 9, 61, 0.6); } .mysteries-section .mysteries .bs-example .accordion .card-link:after { content: "\2212"; float: right; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; width: 40px; height: 40px; text-align: center; border-radius: 50%; padding-top: 8px; background-color: #021276; color: #ffffff; } .mysteries-section .mysteries .bs-example .accordion .card-link.collapsed:after { /* symbol for "collapsed" panels */ content: "\002B"; background-color: rgba(2, 56, 118, .1); color: #021276; } .app-process { background-image: -o-linear-gradient(bottom, #6a11cb, #2575fc), -o-linear-gradient(top, #01020f, #01020f); background-image: -webkit-gradient(linear, left bottom, left top, from(#6a11cb), to(#2575fc)), -webkit-gradient(linear, left top, left bottom, from(#01020f), to(#01020f)); background-image: linear-gradient(to top, #6a11cb, #2575fc), linear-gradient(to bottom, #01020f, #01020f); height: 475px; margin-bottom: 30px; height: 100%; } .app-process h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 0.72; letter-spacing: normal; color: #ffffff; padding-top: 26px; } .app-process .process-steps h3 { font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; width: 50%; } .process-steps .StepProgress { position: relative; padding-left: 45px; list-style: none; } .process-steps .StepProgress::before { display: inline-block; content: ''; position: absolute; top: -15px; left: 15px; width: 10px; height: 110%; border-left: 2px dashed rgba(255, 255, 255, .6); } .process-steps .StepProgress-item { position: relative; counter-increment: list; } .process-steps .StepProgress-item:not(:last-child) { padding-bottom: 20px; } .process-steps .StepProgress-item::before { display: inline-block; content: ''; position: absolute; left: -30px; height: 100%; width: 10px; display: none; } .process-steps .StepProgress-item::after { content: ''; display: inline-block; position: absolute; top: 0; left: -35px; width: 12px; height: 12px; border: 2px dashed #ffffff; border-radius: 50%; background-color: #FFF; } .process-steps .hide-step, .process-steps .hide-step:before, .process-steps .hide-step:after { visibility: hidden; } .process-steps .StepProgress-item.is-done::before { border-left: 2px dashed #ffffff; } .process-steps .StepProgress-item.is-done::after { /*content: "✔";*/ font-size: 10px; color: #FFF; text-align: center; border: 2px dashed #ffffff; background-color: #ffffff; } .process-steps .StepProgress-item.current::before { border-left: 2px dashed #ffffff; } .process-steps .StepProgress-item.current::after { content: counter(list); padding-top: 1px; width: 19px; height: 18px; top: -4px; left: -40px; font-size: 14px; text-align: center; color: green; border: 2px dashed #ffffff; background-color: white; } .process-steps .StepProgress strong { display: block; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #ffffff; } .process-images { -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; } .process-images img { -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; } .process-images img:hover { cursor: pointer; } .process-images .process_heading { text-shadow: 0px 0.5px 0 rgba(42, 54, 162, 0.41); font-family: 'Montserrat', sans-serif; font-size: 24.8px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 0.2; letter-spacing: normal; color: #ffffff; } .process-images .process_para { text-shadow: 0px 0.5px 0 rgba(42, 54, 162, 0.41); font-family: 'Montserrat', sans-serif; font-size: 13.5px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; color: #ffffff; } .process-img_1 { position: relative; z-index: 4; } .process-img_1:hover { z-index: 6; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .process-images:hover .process_heading-1, .process-images:hover .process_para-1 { z-index: 7; } .process-images .process_heading-1:hover~.process-img_1, .process-images .process_para-1:hover~.process-img_1 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .process-images .process_heading-1 { position: absolute; top: 60px; left: 105px; width: 120px; text-align: center; z-index: 6; cursor: pointer; } .process-images .process_para-1 { position: absolute; top: 85px; left: 105px; width: 120px; text-align: center; z-index: 6; cursor: pointer; } .process-img_2 { position: relative; top: 75px; right: 65px; z-index: 3; } .process-images .process_heading-2 { position: absolute; width: 120px; text-align: center; z-index: 4; top: 140px; left: 188px; cursor: pointer; } .process-images .process_para-2 { position: absolute; width: 120px; text-align: center; z-index: 4; top: 160px; left: 188px; cursor: pointer; } .process-img_2:hover { z-index: 8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .process-images:hover .process_heading-2, .process-images:hover .process_para-2 { z-index: 9; } .process-images .process_heading-2:hover~.process-img_2, .process-images .process_para-2:hover~.process-img_2 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 8; } .process-img_3 { position: relative; top: 15px; right: 130px; z-index: 2; } .process-images .process_heading-3 { position: absolute; top: 70px; left: 290px; width: 120px; text-align: center; z-index: 3; cursor: pointer; } .process-images .process_para-3 { position: absolute; top: 90px; left: 290px; width: 120px; text-align: center; z-index: 3; cursor: pointer; } .process-img_3:hover { z-index: 6; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .process-images:hover .process_heading-3, .process-images:hover .process_para-3 { z-index: 9; } .process-images .process_heading-3:hover~.process-img_3, .process-images .process_para-3:hover~.process-img_3 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 8; } .process-img_4 { position: relative; left: 85px; bottom: 75px; z-index: 5; } .process-images .process_heading-4 { position: absolute; top: 270px; left: 165px; width: 120px; text-align: center; z-index: 6; cursor: pointer; } .process-images .process_para-4 { position: absolute; top: 290px; left: 165px; width: 120px; text-align: center; z-index: 6; cursor: pointer; } .process-img_4:hover { z-index: 6; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .process-images:hover .process_heading-4, .process-images:hover .process_para-4 { z-index: 9; } .process-images .process_heading-4:hover~.process-img_4, .process-images .process_para-4:hover~.process-img_4 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 8; } .process-img_5 { position: relative; bottom: 85px; left: 35px; z-index: 1; } .process-images .process_heading-5 { position: absolute; top: 250px; right: 165px; width: 120px; text-align: center; z-index: 2; cursor: pointer; } .process-images .process_para-5 { position: absolute; top: 270px; right: 165px; width: 120px; text-align: center; z-index: 2; cursor: pointer; } .process-img_5:hover { z-index: 9; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .process-images:hover .process_heading-5, .process-images:hover .process_para-5 { z-index: 10; } .process-images .process_heading-5:hover~.process-img_5, .process-images .process_para-5:hover~.process-img_5 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 9; } /*Mobile Application*/ /*Web Application*/ .web-app .web-cta { background-image: -o-linear-gradient(left, #272b6e, #262a6d); background-image: -webkit-gradient(linear, left top, right top, from(#272b6e), to(#262a6d)); background-image: linear-gradient(to right, #272b6e, #262a6d); margin-bottom: 6rem; } .web-app .app-card h4 { font-size: 17px; } .web-app .web-service { background-color: #e6e6f3; } .web-app .web-cta__bg { background-position: center; background-size: 85%; height: 75vh; background-repeat: no-repeat; } .floating { -webkit-animation-name: floating; animation-name: floating; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; margin-left: 30px; margin-top: 5px; } @-webkit-keyframes floating { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } to { -webkit-transform: translate(0, -0px); transform: translate(0, -0px); } } @keyframes floating { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } to { -webkit-transform: translate(0, -0px); transform: translate(0, -0px); } } .web-app .web-cta__bg img { position: relative; top: 30px; } .web-app .web-cta_text { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .web-app .web-cta_text h1 { font-family: 'Montserrat', sans-serif; font-size: 31px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.55px; text-align: left; color: #fbf5e6; width: 460px; } .web-app .web-cta_text p { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #abebfd; width: 460px; } .web-app .explore-website { background-image: -o-linear-gradient(left, #272b6e, #262a6d); background-image: -webkit-gradient(linear, left top, right top, from(#272b6e), to(#262a6d)); background-image: linear-gradient(to right, #272b6e, #262a6d); padding-top: 3.5rem; padding-bottom: 1.95rem; } .web-app .explore-website h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.91; letter-spacing: normal; text-align: center; color: #ffffff; padding-top: 35px; padding-bottom: 35px; } .web-app .explore-website .owl-carousel .owl-item img { width: 85%; margin: auto; outline: #ffffff solid 10px; background: #c1c0a4; } .web-app .explore-website .owl-carousel .owl-nav.disabled { display: block; text-align: right; padding-top: 1.75rem; } .web-app .explore-website .owl-carousel .owl-nav.disabled img, .web-app .explore-website .owl-carousel .owl-nav img { width: 35px; height: 35px; opacity: 0.5; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; } .web-app .explore-website .owl-theme .owl-nav [class*=owl-]:hover { background: transparent; } .web-app .explore-website .owl-theme .owl-nav [class*=owl-]:focus { outline: none; } .web-app .explore-website .owl-carousel .owl-nav.disabled img:hover { opacity: 1; } .web-app .explore-website .owl-carousel .owl-stage-outer { padding: 1rem; } .web-app .our-steps { padding-top: 32px; } .web-app .our-steps h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.87; letter-spacing: normal; text-align: center; color: #2b286d; } .text-head { color: #f7b0a2; } .text-head.reputed { font-size: 46px; } .fa-ul.ul-web-app { line-height: 2.5; } .fa-li.ul-web-app { line-height: 2 !important; } .fa-ul.ul-web-app li i { color: #f7b0a2; font-size: 22px; line-height: 2 !important; } .txt-web { background-color: #f7f7f9; } .txt-head-color { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.87; letter-spacing: normal; text-align: center; color: #2b286d; } .underline-website { border-top: 2px solid #1e5fcb; width: 10%; } .fa-trophy { color: #f7b0a2; } /*===== Vertical Timeline =====*/ #conference-timeline { position: relative; max-width: 920px; width: 100%; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; } #conference-timeline .timeline-start, #conference-timeline .timeline-end { display: table; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; background: #00b0bd; padding: 15px 23px; color: #fff; max-width: 5%; width: 100%; text-align: center; margin: 0 auto; } #conference-timeline .conference-center-line { position: absolute; width: 3px; height: 100%; top: 0; left: 50%; margin-left: -2px; background: #00b0bd; z-index: -1; } .timeline-article { width: 100%; height: 100%; position: relative; overflow: hidden; padding: 20px 0; } .timeline-article .content-left-container, .timeline-article .content-right-container { max-width: 44%; width: 100%; } .timeline-article .timeline-author { display: block; font-weight: 400; font-size: 14px; line-height: 24px; color: #242424; text-align: right; } .timeline-article .content-left, .timeline-article .content-right { position: relative; width: auto; /*border: 1px solid #ddd; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.03);*/ padding: 27px 25px; } .timeline-article .content-left { /*height: 225px;*/ background: #f7f7f9; -webkit-box-shadow: none; box-shadow: none; } .timeline-article p { margin: 0 0 0 60px; padding: 0; font-weight: 400; color: #242424; font-size: 14px; line-height: 24px; position: relative; } .timeline-article p span.article-number { position: absolute; font-weight: 300; font-size: 44px; top: 10px; left: -60px; color: #00b0bd; } .timeline-article .content-img_left .article-number { position: relative; font-family: 'Montserrat', sans-serif; top: 0px; left: -15px; font-size: 80px !important; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 0.25; letter-spacing: normal; text-align: left; color: rgba(43, 40, 109, 0.1); } .timeline-article .content-img_right .article-number { position: relative; font-family: 'Montserrat', sans-serif; top: 0px; left: -70px; font-size: 80px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 0.25; letter-spacing: normal; text-align: left; color: rgba(43, 40, 109, 0.1); margin-bottom: 2rem; } .timeline-article .content-img_left, .timeline-article .content-img_right { -webkit-box-shadow: 0px 9.5px 71px 0 rgba(5, 6, 51, 0.1); box-shadow: 0px 9.5px 71px 0 rgba(5, 6, 51, 0.1); background-color: #ffffff; } .timeline-article .content-left-container { float: left; } .timeline-article .content-right-container { float: right; } .timeline-article .content-right h3, .timeline-article .content-left h3 { font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.8; letter-spacing: normal; text-align: left; color: #1c2c7a; } .timeline-article .content-right p, .timeline-article .content-left p { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: rgba(14, 16, 33, 0.7); } .timeline-article .content-left:before, .timeline-article .content-right:before { position: absolute; top: 20px; font-size: 23px; font-family: "FontAwesome"; color: #fff; } .timeline-article .meta-date { position: absolute; top: 40%; left: 49.35%; width: 30px; height: 30px; margin-left: 0; color: #fff; border-radius: 50%; background: #1e5fcb; cursor: pointer; -webkit-box-shadow: 0 0 0 rgba(30, 95, 203, .4); box-shadow: 0 0 0 rgba(30, 95, 203, .4); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } .pulse:hover { -webkit-animation: none; animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0); box-shadow: 0 0 0 15px rgba(204, 169, 44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } .timeline-article .content-left-container:before, .timeline-article .content-right-container:before { display: inline-block; content: ''; position: absolute; top: 0; right: 47.5%; width: 10px; height: 100%; border-left: 2px solid rgba(44, 40, 104, .3); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .timeline-article .meta-date .date, .timeline-article .meta-date .month { display: block; text-align: center; font-weight: 900; } .timeline-article .meta-date .date { font-size: 30px; line-height: 40px; } .timeline-article .meta-date .month { font-size: 18px; line-height: 10px; } /*===== // Vertical Timeline =====*/ /*Web Application*/ /*Portfolio*/ .portfolio-form { background-color: #ffffff; height: 70vh; } .portfolio-form .container-fluid, .portfolio-form .row { height: 100%; } .portfolio-form .web_analysis { width: 55%; border-radius: 3; -webkit-box-shadow: 0px 5.5px 62.5px 0 rgba(24, 46, 90, 0.15); box-shadow: 0px 5.5px 62.5px 0 rgba(24, 46, 90, 0.15); background-color: #ffffff; /*position: relative; right: 5%; top: 8px;*/ } .portfolio-form .web_analysis h2, .portfolio-form .web_analysis h2 { color: #093363; } .portfolio-form .web_analysis button { -o-object-fit: contain; border-radius: 2.5px; background-image: -webkit-gradient(linear, left bottom, left top, from(#166ce7), to(#5990f7)); background-image: -o-linear-gradient(bottom, #166ce7, #5990f7); background-image: linear-gradient(to right, #166ce7, #5990f7); color: white; } .portfolio-form .web_analysis input, .portfolio-form .web_analysis textarea { color: rgba(9, 51, 99, 0.8); } .portfolio-form h2 { font-family: 'Montserrat', sans-serif; font-size: 52px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 5.31; letter-spacing: normal; text-align: center; color: #032f6e; } .all-tabs { background-color: #f7f7f9; } .all-tabs ul.nav-pills { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .all-tabs ul.nav-pills li a { font-family: 'Montserrat', sans-serif; font-size: 15.5px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.4; letter-spacing: normal; text-align: left; color: #000123 !important; background-color: #f7f7f9 !important; border-bottom: 3px solid transparent; } .all-tabs ul.nav-pills li a.active { border-radius: 1.5px; border-bottom: 3px solid #0262d3; } .all-tabs .portfolio-card { /*box-shadow: 0px 3px 5px 0 rgba(1, 4, 22, 0.2);*/ -webkit-box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15); box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15); -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; } .all-tabs .portfolio-card a:hover { text-decoration: none; } .all-tabs .portfolio-card:hover { /*box-shadow: 0px 8.5px 40.5px 0 rgba(1, 4, 22, 0.2);*/ -webkit-box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2); box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2); cursor: pointer; } .all-tabs .portfolio-card .card-title { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #0f102c; text-transform: uppercase; border-bottom: 1px solid rgba(15, 16, 44, .1); } .all-tabs .portfolio-card_info>div h6 { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: 0.16px; text-align: left; color: #21d4fd; } .all-tabs .portfolio-card_info>div a, .all-tabs .portfolio-card_info>div p { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: left; color: #182874; } .all-tabs .portfolio-card_info>div a:hover { text-decoration: none; } .portfolio-form { background-size: 76% 100%; background-position: right; background-repeat: no-repeat; } /*Portfolio*/ /*Portfolio Rakesh Pandey*/ .jumbo-portfolio { background-size: cover; background-position: top; background-repeat: no-repeat; height: 65vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .jumbo-portfolio .jumbotron { position: relative; left: 9%; } .jumbo-portfolio .jumbotron h1 { font-family: 'Montserrat', sans-serif; font-size: 35px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #ffffff; } .more-portfolio h2 { font-family: 'Montserrat', sans-serif; font-size: 35px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; ; color: #ffffff; } .jumbo-portfolio .jumbotron h6 { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: 0.3px; text-align: left; color: #21d4fd; } .jumbo-portfolio .jumbotron a, .jumbo-portfolio .jumbotron p { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #ffffff; word-break: break-all; } .jumbo-portfolio .jumbotron a:hover { text-decoration: none; } .jumbo-portfolio .jumbotron button { background-color: #ffffff; color: #272b6e; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .jumbo-portfolio .jumbotron button:hover { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .portfolio-contact .web_analysis { width: 50%; background-color: #ffffff; margin-bottom: 1rem !important; } .portfolio-contact .web_analysis h2 { color: #093362; border-bottom: 1px solid #093362; } .portfolio-contact .web_analysis label { color: #093362; } .portfolio-contact .web_analysis textarea { height: auto; } .portfolio-contact .web_analysis input:focus, .portfolio-contact .web_analysis textarea:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #093362; } .portfolio-contact .web_analysis button { border-radius: 3px; border: solid 0.5px rgba(7, 48, 97, 0.2); background-color: #093362; color: #ffffff; } .portfolio-other { background-color: #101125; } .portfolio-laziz_heading h2 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #233142; } .portfolio-laziz_heading h6 { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 3.5px; color: rgba(35, 49, 66, 0.8); } .laziz-menu { background-color: #fff1f1; } .laziz-menu .col-md-6 { padding-top: 39px; padding-bottom: 39px; } .form-control.portfolio-form-input{ border: none !important; height: 38px !important; } textarea.form-control.portfolio-form-input{ height: 66px !important; } /*.owl-portfolio .owl-stage-outer { height: 70vh; }*/ /*Portfolio Rakesh Pandey*/ .contactSec{ background-color: #093363; color: #fff; padding: 2rem; text-align: center; } .contactSec .h1{ font-size: 25px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.78; letter-spacing: normal; text-align: left; text-transform: uppercase; text-align: center; } .contactSec .phone-link.pb-2{ font-size: 20px; background-color: #ffc107; padding: 10px; color: #000; } .contactSec i{ transform: rotate(100deg); /* W3C */ -webkit-transform: rotate(100deg); /* Safari & Chrome */ -moz-transform: rotate(100deg); /* Firefox */ -ms-transform: rotate(100deg); /* Internet Explorer */ -o-transform: rotate(100deg); /* Opera */ } .coursePlan{ text-decoration: none; color: inherit; } .coursePlan:hover{ text-decoration: none; color: inherit; } .coursePlan span{ font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #2457b6; text-decoration: underline; } /* Responsive */ @media (min-width: 768px) { .content-div .cards-row .card { height: 395px !important; overflow-y: auto; } } @media (min-width: 1024px) { .content-div .cards-row .card { height: 370px !important; } } @media (min-width: 1100px) { .content-div .cards-row .card { height: 330px; } } @media (min-width: 1288px) { .content-div .cards-row .card { height: 315px !important; overflow-y: auto; } } @media (max-width: 1198px) { .seo-menu span.icon em { text-align: center; } .blogs .owl-carousel .item, .seo-video iframe { width: 60% !important; } .content-div .cards-row .card { height: 340px; } /*Mobile App page*/ .mob-cta .mob-cta_text h2 { width: 100%; height: auto; } .app-process { height: 100%; } .process-images .process_para-1, .process-images .process_heading-1 { left: 55px; } .process-images .process_heading-2, .process-images .process_para-2 { left: 138px; } .process-images .process_heading-3, .process-images .process_para-3 { left: 240px; } .process-img_4 { position: relative; left: -95px; bottom: -40px; } .process-images .process_heading-4, .process-images .process_para-4 { left: 125px; } .process-img_5 { bottom: 250px; left: 110px; } .process-images .process_heading-5, .process-images .process_para-5 { right: 120px; } /*Mobile App page*/ } @media (max-width: 991px) { /*Mobile application*/ .mob-cta .app-quotation form { margin: 0rem; } .app-process .process-steps h3 { width: 70%; } .process-images .process_para-1, .process-images .process_heading-1 { left: 73px; } .process-images .process_heading-1 { top: 50px; } .process-images .process_para-1 { top: 70px; } .process-images .process_heading-2, .process-images .process_para-2 { left: 155px; } .process-images .process_heading-2 { top: 130px; } .process-images .process_para-2 { top: 150px; } .process-img_3 { top: -170px; right: -175px; } .process-images .process_heading-3 { top: 40px; } .process-images .process_para-3 { top: 60px; } .process-images .process_heading-4, .process-images .process_para-4 { left: 145px; } .process-images .process_heading-4 { top: 250px; } .process-images .process_para-4 { top: 270px; } .process-img_5 { bottom: 250px; left: 145px; } .process-images .process_heading-5, .process-images .process_heading-5, .process-images .process_para-5 { right: 5px; } .process-images .process_para-5 { right: 5px; } /*Mobile application*/ /*Web Application*/ .web-app .web-cta_text p, .web-app .web-cta_text h2 { width: 100%; } /*Web Application*/ } @media(max-width: 861px) { /*Web apploction*/ .timeline-article .meta-date { left: 49.2%; } /*Web apploction*/ } /*===== // Resonsive Vertical Timeline =====*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .seo_bg-banner img { height: 55vh; } .seo-page .seo-percentage { height: 25%; } .content-div .cards-row .card { height: 310px; } .blogs .owl-carousel .item, .seo-video iframe { width: 80% !important; } /*Web Application*/ .timeline-article .meta-date { left: 48.8%; } /*Web Application*/ .portfolio-form { background-color: #ffffff; height: 50vh; } .portfolio-form { background-size: 100% 100% !important; } .portfolio-form .web_analysis { width: 70% !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .seo-page .seo-percentage { /* background-color: red; */ height: 30%; } .content-div .cards-row .card { height: 340px; } /*Mobile APplication*/ .app-cards .offset-lg-2 { margin-left: 0 !important; } } @media(max-width: 767px) { .logo-techa { position: fixed; top: 5px; left: 5px; z-index: 1031; } header .static-header .call { border-right: 0; } .navbar-brand img { margin-left: 0rem!important; } .main-navbar { padding: 4px 8px !important; } .content-div { height: initial; } .content-div::-webkit-scrollbar { width: 0px; background-color: #093362; } .seo-menu span.icon { text-align: left; padding-left: 10px; } .seo-page .seo-percentage { height: auto; background-repeat: round; } .centered-banner { width: 80%; } .centered-banner h2 { font-size: 21px; margin-bottom: .5rem; } .centered-banner h6 { font-size: 15px; margin-bottom: .5rem; } /*Menu*/ .seo-menu li:not(:last-child) { border-bottom: 1px solid #093362; margin: 0 5px !important; } .sidenav-container { height: 100vh; } .sidenav-container .sidenav-main_menu { height: 100vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidenav-container .sidenav-sub_menu { position: absolute; top: 0; background: #0250a9; overflow: auto; } /*Menu*/ /*Fixed form*/ .fixed-form { position: static; } /*Fixed form*/ /*Mobile application*/ .mob-cta { margin-top: 2rem; } .web-app .web-cta { margin-top: 0; padding-top: 2rem; } main { top: 80px !important; } .mob-cta .mob-cta_text h2 { line-height: 1.3; } .app-card { margin: 0 auto 20px auto; } .app-process h3 { line-height: 1.2; } .process-img_3 { top: -20px; right: 135px; } .process-images .process_heading-3, .process-images .process_para-3 { left: 220px; } .process-images .process_para-1, .process-images .process_heading-1 { left: 40px; } .process-images .process_heading-2 { top: 140px; } .process-images .process_para-2 { top: 160px; } .process-images .process_heading-2, .process-images .process_para-2 { left: 130px; } .process-images .process_heading-4, .process-images .process_para-4 { left: 115px; } .process-images .process_heading-4 { top: 270px; } .process-images .process_para-4 { top: 290px; } .process-img_5 { left: 110px; } .process-images .process_heading-5, .process-images .process_para-5 { right: 110px; } /*Mobile application*/ /*Web application*/ .web-app .web-cta__bg img { position: static; margin: auto; } .timeline-article .meta-date { left: 375px; } .timeline-article .meta-date { left: 48%; } /*Web application*/ /*our portfolio*/ .portfolio-form { height: 100%; } .all-tabs .portfolio-card_info>div h6 { padding-right: 1rem; display: inline; } .all-tabs .portfolio-card_info>div a, .all-tabs .portfolio-card_info>div p { display: inline; } /*our portfolio*/ /*Portfolio pages*/ .jumbo-portfolio { /*background-position: center;*/ background-position: 75%; } .portfolio-contact .web_analysis { width: 100%; } /*Portfolio pages*/ .web-app .web-cta { margin-bottom: 0 !important; } .portfolio-form { background-size: cover !important; } } @media (max-width: 575.98px) { /*Header*/ header .static-header .email img { left: 10px; } /*Header*/ .blogs .owl-carousel .item, .seo-video iframe { width: 95% !important; } .content-div .cards-row .card { height: auto; } .why-seo h2 { line-height: 1.5; } .blogs .blog-date, .blogs .blog-month { padding: 0 !important; font-size: 14px; } .seo_bg-banner img { height: auto; } .banner-txt-overlay-absolute h2{ font-size: 18px; } /*Mobile Application*/ .mob-cta .mob-cta__bg { height: 60vh; background-size: 50%; } .mob-cta .app-quotation form { padding: 1.5rem; } .mysteries-section .mysteries .bs-example .accordion .card-link:after { width: 20px; height: 20px; padding-top: 0px; } .faq-heading { max-width: 90%; } .process-images .process_para-1, .process-images .process_heading-1 { left: 10%; } .process-images .process_heading-1 { top: 10%; } .process-images .process_para-1 { top: 14%; } .process-images .process_heading-2, .process-images .process_para-2 { left: 25%; } .process-images .process_heading-3, .process-images .process_para-3 { left: 41%; } .process-img_4 { position: relative; left: 15%; bottom: 0; } .process-images .process_heading-4 { top: 60%; } .process-images .process_para-4 { top: 65%; } .process-img_5 { left: -7%; bottom: 90px; } .process-images .process_heading-5, .process-images .process_para-5 { right: 33%; } /*Mobile Application*/ /*Web application*/ .timeline-article .content-left-container:before, .timeline-article .content-right-container:before, .timeline-article .meta-date { display: none; } .timeline-article .content-right-container { float: none; } .timeline-article .content-left-container { float: none; } .timeline-article .content-left-container, .timeline-article .content-right-container { max-width: 100%; } .timeline-article .content-img_left img, .timeline-article .content-img_right img { margin: auto; } .timeline-article .content-left, .timeline-article .content-right { margin: auto; } .timeline-article:nth-child(odd) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .timeline-article .content-right-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .timeline-article .content-left-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /*Web application*/ /*Portfolio*/ .portfolio-form .web_analysis { width: 90%; } .all-tabs .portfolio-card_info>div p { display: block; } /*Portfolio*/ .seo_bg-banner img.banner-training-page{ height: 48vh; } .txt-banner-training{ font-size: 16px; } .banner-txt-overlay-absolute.training-banner-absolute { position: absolute; top: 16%; } } @media only screen and (max-width: 400px) { .timeline-article p { margin: 0; } .timeline-article p span.article-number { display: none; } } @media (max-width: 475px) { .centered-banner { top: 60%; } .mob-cta .mob-cta__bg { height: 50vh; background-size: 48%; } } @media (max-width: 375px) { .mob-cta .portfolio-cards>div.portfolio-card { background-size: 90%; } .mob-cta .portfolio-cards .content-overlay { width: 90%; } } @media (max-width: 320px) { .mob-cta .portfolio-cards .content-overlay img { height: 180px; position: relative; top: 10px; } } /*SEO PAGE STYLES*/