html {
scroll-behavior: smooth
}
:root {
--primary-color: #167dbb;
--light-blue-bg: #0022610a;
}
body {
font-weight: 400;
font-style: normal;
color: #6e657e;
overflow-x: hidden;
font-size: 14px;
}
p {
margin: 0;
padding: 0
}
* {
margin: 0;
padding: 0
}
.navbar-toggler:focus,
a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
text-decoration: none;
outline: none
}
span,
a {
display: inline-block;
text-decoration: none;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
color : white
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
margin: 0;
color: #081828
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit
}
h1 {
font-size: 50px
}
h2 {
font-size: 40px
}
h3 {
font-size: 30px
}
h4 {
font-size: 25px
}
h5 {
font-size: 20px
}
h6 {
font-size: 16px
}
ul,
ol {
margin: 0;
padding: 0;
list-style-type: none
}
p {
color: #000 !important;
font-size: 16px !important;
line-height: 26px !important;
font-weight: 500 !important;
}
.slaidar p{
color: #ffffff !important;
font-size: 16px !important;
line-height: 26px !important;
font-weight: 500 !important;
}
.mt-5 {
margin-top: 5px
}
.mt-10 {
margin-top: 10px
}
.mt-15 {
margin-top: 15px
}
.mt-20 {
margin-top: 20px
}
.mt-25 {
margin-top: 25px
}
.mt-30 {
margin-top: 30px
}
.mt-35 {
margin-top: 35px
}
.mt-40 {
margin-top: 40px
}
.mt-45 {
margin-top: 45px
}
.mt-50 {
margin-top: 50px
}
.mt-55 {
margin-top: 55px
}
.mt-60 {
margin-top: 60px
}
.mt-65 {
margin-top: 65px
}
.mt-70 {
margin-top: 70px
}
.mt-75 {
margin-top: 75px
}
.mt-80 {
margin-top: 80px
}
.mt-85 {
margin-top: 85px
}
.mt-90 {
margin-top: 90px
}
.mt-95 {
margin-top: 95px
}
.mt-100 {
margin-top: 100px
}
.mt-105 {
margin-top: 105px
}
.mt-110 {
margin-top: 110px
}
.mt-115 {
margin-top: 115px
}
.mt-120 {
margin-top: 120px
}
.mt-125 {
margin-top: 125px
}
.mt-130 {
margin-top: 130px
}
.mt-135 {
margin-top: 135px
}
.mt-140 {
margin-top: 140px
}
.mt-145 {
margin-top: 145px
}
.mt-150 {
margin-top: 150px
}
.mt-155 {
margin-top: 155px
}
.mt-160 {
margin-top: 160px
}
.mt-165 {
margin-top: 165px
}
.mt-170 {
margin-top: 170px
}
.mt-175 {
margin-top: 175px
}
.mt-180 {
margin-top: 180px
}
.mt-185 {
margin-top: 185px
}
.mt-190 {
margin-top: 190px
}
.mt-195 {
margin-top: 195px
}
.mt-200 {
margin-top: 200px
}
.mt-205 {
margin-top: 205px
}
.mt-210 {
margin-top: 210px
}
.mt-215 {
margin-top: 215px
}
.mt-220 {
margin-top: 220px
}
.mt-225 {
margin-top: 225px
}
.mb-5 {
margin-bottom: 5px
}
.mb-10 {
margin-bottom: 10px
}
.mb-15 {
margin-bottom: 15px
}
.mb-20 {
margin-bottom: 20px
}
.mb-25 {
margin-bottom: 25px
}
.mb-30 {
margin-bottom: 30px
}
.mb-35 {
margin-bottom: 35px
}
.mb-40 {
margin-bottom: 40px
}
.mb-45 {
margin-bottom: 45px
}
.mb-50 {
margin-bottom: 50px
}
.mb-55 {
margin-bottom: 55px
}
.mb-60 {
margin-bottom: 60px
}
.mb-65 {
margin-bottom: 65px
}
.mb-70 {
margin-bottom: 70px
}
.mb-75 {
margin-bottom: 75px
}
.mb-80 {
margin-bottom: 80px
}
.mb-85 {
margin-bottom: 85px
}
.mb-90 {
margin-bottom: 90px
}
.mb-95 {
margin-bottom: 95px
}
.mb-100 {
margin-bottom: 100px
}
.mb-105 {
margin-bottom: 105px
}
.mb-110 {
margin-bottom: 110px
}
.mb-115 {
margin-bottom: 115px
}
.mb-120 {
margin-bottom: 120px
}
.mb-125 {
margin-bottom: 125px
}
.mb-130 {
margin-bottom: 130px
}
.mb-135 {
margin-bottom: 135px
}
.mb-140 {
margin-bottom: 140px
}
.mb-145 {
margin-bottom: 145px
}
.mb-150 {
margin-bottom: 150px
}
.mb-155 {
margin-bottom: 155px
}
.mb-160 {
margin-bottom: 160px
}
.mb-165 {
margin-bottom: 165px
}
.mb-170 {
margin-bottom: 170px
}
.mb-175 {
margin-bottom: 175px
}
.mb-180 {
margin-bottom: 180px
}
.mb-185 {
margin-bottom: 185px
}
.mb-190 {
margin-bottom: 190px
}
.mb-195 {
margin-bottom: 195px
}
.mb-200 {
margin-bottom: 200px
}
.mb-205 {
margin-bottom: 205px
}
.mb-210 {
margin-bottom: 210px
}
.mb-215 {
margin-bottom: 215px
}
.mb-220 {
margin-bottom: 220px
}
.mb-225 {
margin-bottom: 225px
}
.pt-5 {
padding-top: 5px
}
.pt-10 {
padding-top: 10px
}
.pt-15 {
padding-top: 15px
}
.pt-20 {
padding-top: 20px
}
.pt-25 {
padding-top: 25px
}
.pt-30 {
padding-top: 30px
}
.pt-35 {
padding-top: 35px
}
.pt-40 {
padding-top: 40px
}
.pt-45 {
padding-top: 45px
}
.pt-50 {
padding-top: 50px
}
.pt-55 {
padding-top: 55px
}
.pt-60 {
padding-top: 60px
}
.pt-65 {
padding-top: 65px
}
.pt-70 {
padding-top: 70px
}
.pt-75 {
padding-top: 75px
}
.pt-80 {
padding-top: 80px
}
.pt-85 {
padding-top: 85px
}
.pt-90 {
padding-top: 90px
}
.pt-95 {
padding-top: 95px
}
.pt-100 {
padding-top: 100px
}
.pt-105 {
padding-top: 105px
}
.pt-110 {
padding-top: 110px
}
.pt-115 {
padding-top: 115px
}
.pt-120 {
padding-top: 120px
}
.pt-125 {
padding-top: 125px
}
.pt-130 {
padding-top: 130px
}
.pt-135 {
padding-top: 135px
}
.pt-140 {
padding-top: 140px
}
.pt-145 {
padding-top: 145px
}
.pt-150 {
padding-top: 150px
}
.pt-155 {
padding-top: 155px
}
.pt-160 {
padding-top: 160px
}
.pt-165 {
padding-top: 165px
}
.pt-170 {
padding-top: 170px
}
.pt-175 {
padding-top: 175px
}
.pt-180 {
padding-top: 180px
}
.pt-185 {
padding-top: 185px
}
.pt-190 {
padding-top: 190px
}
.pt-195 {
padding-top: 195px
}
.pt-200 {
padding-top: 200px
}
.pt-205 {
padding-top: 205px
}
.pt-210 {
padding-top: 210px
}
.pt-215 {
padding-top: 215px
}
.pt-220 {
padding-top: 220px
}
.pt-225 {
padding-top: 225px
}
.pb-5 {
padding-bottom: 5px
}
.pb-10 {
padding-bottom: 10px
}
.pb-15 {
padding-bottom: 15px
}
.pb-20 {
padding-bottom: 20px
}
.pb-25 {
padding-bottom: 25px
}
.pb-30 {
padding-bottom: 30px
}
.pb-35 {
padding-bottom: 35px
}
.pb-40 {
padding-bottom: 40px
}
.pb-45 {
padding-bottom: 45px
}
.pb-50 {
padding-bottom: 50px
}
.pb-55 {
padding-bottom: 55px
}
.pb-60 {
padding-bottom: 60px
}
.pb-65 {
padding-bottom: 65px
}
.pb-70 {
padding-bottom: 70px
}
.pb-75 {
padding-bottom: 75px
}
.pb-80 {
padding-bottom: 80px
}
.pb-85 {
padding-bottom: 85px
}
.pb-90 {
padding-bottom: 90px
}
.pb-95 {
padding-bottom: 95px
}
.pb-100 {
padding-bottom: 100px
}
.pb-105 {
padding-bottom: 105px
}
.pb-110 {
padding-bottom: 110px
}
.pb-115 {
padding-bottom: 115px
}
.pb-120 {
padding-bottom: 120px
}
.pb-125 {
padding-bottom: 125px
}
.pb-130 {
padding-bottom: 130px
}
.pb-135 {
padding-bottom: 135px
}
.pb-140 {
padding-bottom: 140px
}
.pb-145 {
padding-bottom: 145px
}
.pb-150 {
padding-bottom: 150px
}
.pb-155 {
padding-bottom: 155px;
}
.pb-160 {
padding-bottom: 160px;
}
.pb-165 {
padding-bottom: 165px;
}
.pb-170 {
padding-bottom: 170px;
}
.pb-175 {
padding-bottom: 175px;
}
.pb-180 {
padding-bottom: 180px;
}
.pb-185 {
padding-bottom: 185px;
}
.pb-190 {
padding-bottom: 190px;
}
.pb-195 {
padding-bottom: 195px;
}
.pb-200 {
padding-bottom: 200px;
}
.pb-205 {
padding-bottom: 205px;
}
.pb-210 {
padding-bottom: 210px;
}
.pb-215 {
padding-bottom: 215px;
}
.pb-220 {
padding-bottom: 220px;
}
.pb-225 {
padding-bottom: 225px;
}
.img-bg {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%
}
.main-header.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 100 !important;
}
@media only screen and (min-width:480px) and (max-width:767px) {
.container {
width: 450px
}
}
.breadcrumbs {
padding: 0px 0px;
}
.section#contact-us {
background-repeat: no-repeat;
padding: 100px 0px;
background-color: #081828;
}
.breadcrumbs .breadcrumbs-content {
position: relative;
text-align: center;
padding: 137px 0 62px 0;
}
.breadcrumbs .breadcrumbs-content p {
color: #167dbb;
font-size: 14px;
margin-top: 20px
}
.breadcrumbs .breadcrumbs-content .page-title {
color: #ffff;
font-size: 50px;
margin-bottom: 41px;
line-height: 37px;
text-transform: capitalize;
position: relative;
font-weight: 700;
padding-bottom: 10px;
}
.breadcrumbs .breadcrumbs-content .page-title:before {
position: absolute;
content: "";
left: 50%;
bottom: 0;
height: 2px;
width: 80px;
margin-left: -40px;
background-color: #ffff;
}
.breadcrumbs .breadcrumbs-content .breadcrumb-nav {
background: 0 0;
border-radius: 0;
margin-bottom: 0;
padding: 0;
display: inline-block
}
.breadcrumbs .breadcrumb-nav {
text-align: center;
margin-top: 50px
}
.breadcrumbs .breadcrumb-nav li {
display: inline-block
}
.breadcrumbs .breadcrumb-nav li,
.breadcrumbs .breadcrumb-nav li a {
color: #167dbb;
font-size: 14px;
font-weight: 500
}
.breadcrumbs .breadcrumb-nav li a {
padding-right: 15px;
margin-right: 15px;
position: relative
}
.breadcrumbs .breadcrumb-nav li a:hover {
color: var(--primary-color)
}
.breadcrumbs .breadcrumb-nav li a:after {
content: '';
height: 80%;
width: 2px;
background-color: #167dbb;
position: absolute;
top: 2px;
right: 0
}
.section-title {
text-align: center;
margin-bottom: 18px;
padding: 0 0px;
position: relative;
z-index: 5
}
.section-title span {
text-transform: uppercase;
color: var(--primary-color);
display: inline-block;
margin-bottom: 10px;
font-size: 14px
}
.section-title.premiummm h2 {
margin-bottom: 0 !important;
margin-top: 0;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 35px;
font-weight: 600;
color: #fff !important;
margin-bottom: 15px !important;
}
.section-title p {
font-size: 14px;
line-height: 37px
}
.section-title.white-text h2 {
color: #fff
}
.section-title.white-text h2::before {
background-color: #fff
}
.section-title.white-text span {
color: #fff
}
.section-title.white-text p {
color: #fff !important;
}
.section-title.align-right {
padding: 0;
padding-left: 600px
}
.section-title.align-right h2:before {
display: none
}
.section-title.align-right h2:after {
position: absolute;
right: 0;
bottom: -1px;
height: 2px;
width: 50px;
background: var(--primary-color);
content: ""
}
.section-title.align-left {
padding: 0;
padding-right: 600px
}
.section-title.align-left h2:before {
text-align: center;
}
.scroll-top {
width: 50px;
height: 50px;
line-height: 50px;
background-color: #29a71a;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 27px;
color: #fff !important;
border-radius: 0;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 9;
cursor: pointer;
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
border-radius: 50%
}
.scroll-top:hover {
-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, .15) !important;
box-shadow: 0 1rem 3rem rgba(35, 38, 45, .15) !important;
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
.overlay {
position: relative
}
.overlay::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .4;
background: #081828;
content: "";
-webkit-transition: all .4s ease;
transition: all .4s ease;
z-index: 5
}
.pagination {
text-align: left;
margin: 65px 0 0;
display: block
}
.pagination.center {
text-align: center
}
.pagination.right {
text-align: right
}
.pagination .pagination-list {
display: inline-block;
border: 1px solid #eee;
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1)
}
.pagination .pagination-list li {
margin-right: -5px;
display: inline-block
}
.pagination .pagination-list li:last-child {
margin-right: 0
}
.pagination .pagination-list li a {
background: #fff;
color: #081828;
padding: 0 22px;
font-weight: 500;
font-size: 13px;
border-radius: 0;
line-height: 40px
}
.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a {
background: var(--primary-color);
color: #fff;
border-color: transparent
}
.pagination .pagination-list li a i {
font-size: 20px
}
.pagination .pagination-list li a i {
font-size: 14px
}
.blog-grids.pagination {
margin-top: 50px;
text-align: center
}
.button .btn.men{
display: inline-block;
text-transform: capitalize;
font-size: 14px;
font-weight: 600;
padding: 15px 30px;
background-color: #167dbb !important;
color: #ffffff;
border: none;
-webkit-transition: .5s;
transition: .5s;
border-radius: 30px;
}
.button .btn {
display: inline-block;
text-transform: capitalize;
font-size: 14px;
font-weight: 600;
padding: 15px 30px;
background-color: #f3f4f7;
color: #000;
border: none;
-webkit-transition: .5s;
transition: .5s;
border-radius: 30px;
}
.button .btn:hover {
background-color: #081828;
color: #fff;
-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, .15) !important;
box-shadow: 0 1rem 3rem rgba(35, 38, 45, .15) !important;
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
.button .btn-alt {
background-color: #081828;
color: #fff
}
.button .btn-alt:hover {
background-color: var(--primary-color);
color: #fff
}
.align-left {
text-align: left
}
.align-right {
text-align: right
}
.align-center {
text-align: center
}
.preloader {
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
width: 100%;
height: 100%;
background-color: #fff;
overflow: hidden
}
.preloader-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.preloader-icon {
width: 100px;
height: 100px;
display: inline-block;
padding: 0
}
.preloader-icon span {
position: absolute;
display: inline-block;
width: 100px;
height: 100px;
border-radius: 100%;
background: var(--primary-color);
-webkit-animation: preloader-fx 1.6s linear infinite;
animation: preloader-fx 1.6s linear infinite
}
img.clients_menn {
width: 70%;
}
.preloader-icon span:last-child {
animation-delay: -.8s;
-webkit-animation-delay: -.8s
}
@keyframes preloader-fx {
0% {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: .5
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0
}
}
@-webkit-keyframes preloader-fx {
0% {
-webkit-transform: scale(0, 0);
opacity: .5
}
100% {
-webkit-transform: scale(1, 1);
opacity: 0
}
}
.demo-area {
position: relative;
background: var(--light-blue-bg);
overflow: hidden
}
.demo-area .demo-inner {
height: 700px;
background-size: cover;
background-position: center;
position: relative;
z-index: 3
}
.demo-area .demo-inner::before {
position: absolute;
content: "";
right: 0;
width: 50%;
background-image: url(../images/demo/demo-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 0;
height: 100%;
top: -100px;
z-index: 1;
border-radius: 0;
border-radius: 0%;
height: 800px;
width: 800px;
right: -135px;
z-index: -1
}
.demo-area .demo-text {
float: none;
margin-top: 220px
}
.demo-area .demo-text h1 {
font-size: 35px;
font-weight: 700;
line-height: 55px;
margin-bottom: 25px
}
.demo-area .demo-text h1 span {
font-weight: 300
}
.demo-area .demo-text p {
font-size: 14px;
line-height: 26px
}
.demo-area .demo-text .button {
margin-top: 35px
}
.demo-area .demo-text .button .btn {
margin-right: 10px
}
.demo-area .demo-text .button .btn:hover {
color: #fff
}
.demo-area .demo-text .button .btn:last-child {
margin-right: 0
}
.universal-demo .section-title {
margin-bottom: 40px
}
.universal-demo .single-demo {
text-align: center;
margin-top: 40px
}
.universal-demo .single-demo:hover img {
-webkit-transform: translate3d(0, -7px, 0);
transform: translate3d(0, -7px, 0);
-webkit-box-shadow: 0 20px 50px #c2c2c2;
box-shadow: 0 20px 50px #c2c2c2
}
.universal-demo .single-demo img {
width: 100%;
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
border-radius: 6px;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.universal-demo .single-demo h3 {
text-align: center;
margin-top: 25px;
font-size: 16px;
font-weight: 500;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.universal-demo .single-demo:hover h3 {
color: var(--primary-color)
}
.inner-pages {
background-color: var(--light-blue-bg)
}
.blog-pages {
background-color: #fff
}
.core-features {
background-color: var(--light-blue-bg) !important
}
.core-features .section-title {
margin-bottom: 50px
}
.core-features .single-service {
background-color: #fff;
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
height: 325px;
margin-top: 30px
}
.navbar-area {
padding: 0;
background: url(../images/bg-header.jpg) #fff repeat-x bottom left;
float: left;
width: 100%;
z-index: 5;
top: 0;
left: 0;
height: 80px;
-webkit-box-shadow: 1px -5px 10px #000;
-moz-box-shadow: 1px -5px 10px #000;
-ms-box-shadow: 1px -5px 10px #000;
-o-box-shadow: 1px -5px 10px #000;
box-shadow: 1px -5px 10px #000;
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
-ms-transition: height 0.3s ease-out;
-o-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
position: absolute;
z-index:10;
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
img.clients_menn {
width: 80% !important;
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
.section-title p {
color: #383838;
font-size: 16px;
line-height: 26px;
font-weight: 500;
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media(max-width:767px) {
}
@media only screen and (min-width:360px) and (max-width:540px) {
.hero-area .hero-text {
float: none;
margin-top: -13px !important;
}
.hero-area .hero-text h1 {
font-size: 19px !important;
line-height: 22px !important;
}
.hero-area .hero-text h1 {
margin-bottom: 6px !important;
color: #fff !important;
}
.hero-area .hero-inner {
height: 190px !important;
overflow: visible !important;
}
.hero-area .hero-text p {
font-size: 7px !important;
}
.about-us .about-left .about-tab .nav-tabs {
border: none;
display: contents !important;
}
.contact-us .form-main {
padding: 40px 0px 0px 0px !important;
}
.hero-text {
padding: 49px !important;
margin: 1% auto !important;
max-width: 97% !important;
}
}
@media (max-width: 1400px) {
}
.hero-area {
position: relative;
background: var(--light-blue-bg);
overflow: hidden
}
.hero-area .hero-inner {
height: 700px;
background-size: cover;
background-position: center;
position: relative;
z-index: 3
}
.hero-text {
padding: 30px;
max-width: 75%;
margin: 25% auto;
color: #fff;
text-align: center;
border-radius: 5px;
}
.hero-area .hero-text {
float: none;
margin-top: 150px
}
.hero-area .hero-text h1 {
font-size: 40px;
font-weight: 700;
line-height: 55px;
margin-bottom: 25px;
color:#fff !important;
}
.hero-area .hero-text h1 span {
font-weight: 300
}
.hero-area .hero-text p {
font-size: 14px
}
.hero-area .hero-text .button {
margin-top: 35px
}
.hero-area .hero-text .button .btn {
margin-right: 10px
}
.hero-area .hero-text .button .btn:hover {
color: #fff
}
.hero-area .hero-text .button .btn:last-child {
margin-right: 0
}
.hero-area .hero-image {
margin-top: 175px
}
.hero-area.index2 {
background-color: var(--primary-color);
position: relative
}
.hero-area.index2 .shape {
position: absolute;
bottom: 0;
width: 100%;
height: 500px
}
.hero-area.index2 .hero-inner {
height: 800px
}
.hero-area.index2 .hero-inner::before {
display: none
}
.hero-area.index2 .hero-text {
margin-top: 220px
}
.hero-area.index2 .hero-text h1 {
color: #fff
}
.hero-area.index2 .hero-text p {
color: #fff
}
.hero-area.index2 .hero-text .button .btn {
background-color: #fff;
color: var(--primary-color)
}
.hero-area.index2 .hero-text .button .btn:hover {
color: var(--primary-color)
}
.hero-area.index2 .mobile-screen {
text-align: center
}
.hero-area.index2 .mobile-screen img {
margin-top: 145px
}
.hero-area.index3 {
background: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color)), color-stop(var(--primary-color)), color-stop(var(--primary-color)b3), to(transparent));
background: linear-gradient(var(--primary-color), var(--primary-color), var(--primary-color)b3, transparent);
position: relative;
overflow: visible
}
.hero-area.index3 .hero-inner {
height: 1000px
}
.hero-area.index3 .hero-inner::before {
display: none
}
.hero-area.index3 .hero-text {
margin-top: 180px;
text-align: center;
padding: 0 50px
}
.hero-area.index3 .hero-text h1 {
color: #fff;
text-transform: capitalize
}
.hero-area.index3 .hero-text p {
color: #fff
}
.hero-area.index3 .hero-text .button .btn {
background-color: #fff;
color: var(--primary-color)
}
.hero-area.index3 .hero-text .button .btn:hover {
color: var(--primary-color)
}
.hero-area.index3 .desktop-screen {
text-align: center
}
.hero-area.index3 .desktop-screen img {
margin-top: 45px
}
.hero-area.index4 {
background-color: var(--primary-color)
}
.hero-area.index4 .hero-inner {
height: 700px
}
.hero-area.index4 .hero-inner::before {
background-image: none;
background-color: var(--primary-color);
z-index: -1
}
.hero-area.index4 .hero-text {
margin-top: 200px
}
.hero-area.index4 .hero-text .small {
color: #fff;
display: block;
margin-bottom: 20px;
font-size: 15px;
font-weight: 400
}
.hero-area.index4 .hero-text h1 {
color: #fff
}
.hero-area.index4 .hero-text h1 span {
font-size: 40px;
font-weight: 700;
line-height: 30px;
display: block;
margin-bottom: 12px
}
.hero-area.index4 .hero-text p {
color: #fff
}
.hero-area.index4 .hero-text ul {
display: block;
margin-bottom: 20px
}
.hero-area.index4 .hero-text ul li {
display: inline-block;
color: #fff;
margin-right: 10px;
font-size: 13px;
position: relative;
padding-left: 15px;
line-height: 26px
}
.hero-area.index4 .hero-text ul li:last-child {
margin-right: 0
}
.hero-area.index4 .hero-text ul li::before {
position: absolute;
content: "";
left: 0;
top: 50%;
height: 6px;
width: 6px;
background-color: #fff;
border-radius: 50%;
margin-top: -4px
}
.hero-area.index4 .hero-text .button .btn {
background-color: #fff;
color: var(--primary-color)
}
.hero-area.index4 .personal-image {
margin-top: 110px;
text-align: center
}
.services {
background-color: #fff
}
.services .single-head {
position: relative
}
.services .single-head .service-patern {
position: absolute;
left: -55px;
bottom: -55px
}
.single-service {
padding: 40px 30px;
background-color: var(--light-blue-bg);
border-radius: 42px 1px 42px 0px;
position: relative;
z-index: 2;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease
}
.single-service h3 {
line-height: 24px
}
.single-service h3 a {
color: #081828;
font-size: 16px;
font-weight: 600
}
.single-service h3 a:hover {
color: var(--primary-color)
}
.single-service .icon {
background-color: #167dbb;
display: inline-block;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
border-radius: 60px 60px 60px 0;
font-size: 25px;
margin: 20px 0;
position: relative;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease
}
.single-service .icon ::after {
position: absolute;
left: 0;
bottom: -25px;
height: 2px;
width: 30px;
background-color: var(--primary-color);
content: "";
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
border-radius: 3px
}
.single-service .icon i {
color: #fff;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease
}
.single-service p {
font-size: 13px;
margin-top: 25px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease
}
.single-service::before {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: var(--primary-color);
content: "";
z-index: -1;
border-radius: 42px 1px 42px 0px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .4s cubic-bezier(.94, .05, .23, 1.04);
transition: all .4s cubic-bezier(.94, .05, .23, 1.04);
-moz-transition: all .4s cubic-bezier(.94, .05, .23, 1.04);
opacity: 0;
visibility: hidden
}
.single-service:hover::before {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.single-service:hover h3 a {
color: #fff
}
.single-service:hover p {
color: #fff !important;
}
.single-service:hover .icon {
background-color: #fff
}
.single-service:hover .icon ::after {
background-color: #fff;
width: 50px;
}
.single-service:hover .icon i {
color: var(--primary-color)
}
.services.index2 .section-title {
padding: 0;
padding-right: 100px
}
.services.index2 .review-content {
border-radius: 5px;
padding: 50px;
display: block;
background-color: var(--light-blue-bg)
}
.services.index2 .review-content h3 {
font-size: 32px;
font-weight: 700;
color: #081828
}
.services.index2 .review-content ul {
display: block;
margin-top: 15px;
margin-bottom: 10px
}
.services.index2 .review-content ul li {
display: inline-block
}
.services.index2 .review-content ul li i {
color: #ffd849
}
.services.index2 .review-content p {
display: block
}
.service-details .content {
padding: 100px 0
}
.service-details .content img {
width: 100%;
border-radius: 5px
}
.service-details .content h3 {
margin-top: 10px;
margin-bottom: 20px;
font-weight: 700;
color: #081828;
font-size: 28px;
margin-top: 30px
}
.service-details .content p {
margin: 30px 0;
font-size: 15px;
line-height: 28px
}
.service-details .content p:last-child {
margin-bottom: 0
}
.service-details .service-category {
background-color: var(--light-blue-bg);
padding: 35px;
border: 1px solid #eee;
border-radius: 5px
}
.service-details .service-category li {
display: block;
margin-bottom: 15px
}
.service-details .service-category li:last-child {
margin-bottom: 0
}
.service-details .service-category li a {
padding: 15px 20px;
background-color: #fff;
color: #081828;
display: block;
border-radius: 5px
}
.service-details .service-category li a:hover {
background-color: var(--primary-color);
color: #fff
}
.extra-page {
padding-bottom: 70px
}
.extra-page .single-service {
margin-bottom: 30px
}
.about-us {
background-color: var(--light-blue-bg)
}
.about-us .about-left .section-title {
padding: 0;
margin-bottom: 40px
}
.about-us .about-left .about-tab .nav {
margin-bottom: 40px;
background: transform;
position: relative
}
.about-us .about-left .about-tab .nav-tabs {
border: none
}
.about-us .about-left .about-tab .nav li {
text-align: center;
margin-right: 10px
}
.about-us .about-left .about-tab .nav li a {
color: #081828;
border: none;
padding: 0;
padding: 10px 25px;
border-radius: 4px;
font-size: 13px;
background-color: #fff;
-webkit-box-shadow: 0 0 20px 0 rgba(52, 49, 75, .1);
box-shadow: 0 0 20px 0 rgba(52, 49, 75, .1)
}
.about-us .about-left .about-tab .nav li a.active {
background: var(--primary-color);
color: #fff
}
.about-us .about-left .tab-content .content-heading {
font-size: 16px;
color: #081828;
display: block;
margin-bottom: 25px
}
.about-us .about-left .tab-content p {
margin-bottom: 20px
}
.about-us .about-left .tab-content p:last-child {
margin: 0
}
.about-us .about-left .tab-content ul {
margin-top: 20px
}
.about-us .about-left .tab-content ul li {
display: block;
margin-bottom: 10px
}
.about-us .about-left .tab-content ul li i {
display: inline-block;
margin-right: 5px;
color: var(--primary-color)
}
.about-us .about-left .tab-content ul li:last-child {
margin: 0
}
.about-us.index2 .about-right {
text-align: center
}
.about-us.index3 {
background-color: #fff
}
.about-us.index3 .about-left.pr {
padding-right: 50px
}
.about-us.index3 .about-left.pl {
padding-left: 50px
}
.about-us.index3 .about-right {
text-align: center
}
.about-us.index3 .about-right img {
width: 100%;
-webkit-transition: all .4s ease;
transition: all .4s ease;
border-radius: 5px;
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1)
}
.about-us.index3 .first-overview {
background-color: var(--light-blue-bg)
}
.about-us.index-4 .tab-content h3 {
font-size: 15px;
color: #081828;
display: block;
margin-bottom: 20px
}
.about-us.index-4 .tab-content h3 span {
font-size: 12px;
color: inherit;
display: block;
font-weight: 400;
margin-top: 7px
}
.about-us.index-4 .tab-content p {
margin-bottom: 30px
}
.about-us.index-4 .tab-content p:last-child {
margin: 0
}
.about-us.index-4 .tab-content ul li span {
display: inline-block;
margin-right: 5px;
color: #081828;
font-weight: 500
}
.portfolio-section.section {
padding: 30px 0px;
}
.portfolio-section .section-title {
padding: 0
}
.portfolio-section .portfolio-btn-wrapper {
margin-bottom: 0;
text-align: center;
}
.portfolio-section .section-title {
margin-bottom: 0
}
.portfolio-button-head {
width: 100%;
height: 100%;
position: relative
}
.portfolio-section .grid {
margin-top: 70px
}
.portfolio-section .portfolio-btn-wrapper button {
padding: 8px 20px;
font-size: 13px;
font-weight: 500;
border: none;
color: #051441;
border-radius: 0;
margin-right: 10px;
margin-bottom: 10px;
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background: 0 0;
border: 1px solid #167dbb;
border-radius: 20px;
}
.portfolio-section .portfolio-btn-wrapper button:hover {
background-color: var(--primary-color);
border-color: transparent;
color: #fff
}
.portfolio-section .portfolio-btn-wrapper button.active {
background: var(--primary-color) !important;
color: #fff;
border-color: transparent
}
.portfolio-section .portfolio-btn-wrapper button:last-child {
margin-right: 0
}
.portfolio-item-wrapper {
position: relative;
border-radius: 0;
overflow: hidden;
margin-bottom: 30px
}
.portfolio-item-wrapper:hover .portfolio-overlay {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1)
}
.portfolio-item-wrapper .portfolio-img {
overflow: hidden;
position: relative
}
.portfolio-item-wrapper .portfolio-img::before {
position: absolute;
content: "";
left: -50%;
top: -50%;
background-color: #fff;
height: 0%;
width: 0%;
z-index: 5;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
transition: all .7s ease;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease
}
.portfolio-item-wrapper:hover .portfolio-img::before {
opacity: .2;
-webkit-transform: scale(1);
transform: scale(1);
height: 100%;
width: 100%;
left: 0;
top: 0
}
.portfolio-item-wrapper .portfolio-img::after {
position: absolute;
content: "";
right: -50%;
bottom: -50%;
background-color: #fff;
height: 0%;
width: 0%;
z-index: 5;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
transition: all .7s ease;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease
}
.portfolio-item-wrapper:hover .portfolio-img::after {
opacity: .2;
-webkit-transform: scale(1);
transform: scale(1);
height: 100%;
width: 100%;
right: 0;
bottom: 0
}
.portfolio-item-wrapper .portfolio-img img {
width: 100%;
-webkit-transition: all .4s ease;
transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.portfolio-item-wrapper:hover .portfolio-img img {
-webkit-transform: scale(1);
transform: scale(1)
}
.portfolio-section .pf-content {
margin-top: 15px
}
.portfolio-section .pf-content .category {
font-size: 14px;
color: #9b9ba7;
font-weight: 300
}
.portfolio-section .pf-content h4 a {
margin-top: 5px;
color: #081828;
font-size: 18px;
font-weight: 500
}
.portfolio-section .pf-content h4 a:hover {
color: #000;
}
.portfolio-details .top-head {
padding-bottom: 100px;
padding-top: 100px;
background-color: var(--light-blue-bg)
}
.portfolio-details .top-head .cat {
font-size: 14px;
color: #9b9ba7;
font-weight: 300;
display: inline-block;
margin-bottom: 10px
}
.portfolio-details .top-head h2 {
margin-bottom: 40px;
font-size: 35px;
line-height: 65px;
color: #081828;
font-weight: 700;
line-height: 55px
}
.portfolio-details .top-head .meta-description li {
font-size: 15px;
display: inline-block;
margin-right: 50px
}
.portfolio-details .top-head .meta-description li:last-child {
margin-right: 0
}
.portfolio-details .top-head .meta-description li .small-title {
display: block;
color: #081828;
margin-bottom: 10px
}
.portfolio-details .top-head .meta-description li p {
color: #9b9ba7
}
.portfolio-details .top-head .meta-description li a {
color: #9b9ba7
}
.portfolio-details .top-head .meta-description li a:hover {
text-decoration: underline
}
.portfolio-details .content {
padding: 100px 0
}
.portfolio-details .content img {
width: 100%;
border-radius: 5px
}
.portfolio-details .content h3 {
margin-top: 10px;
margin-bottom: 20px;
font-weight: 700;
color: #081828;
font-size: 26px
}
.portfolio-details .content p {
margin: 30px 0;
font-size: 15px;
line-height: 28px
}
.portfolio-details .content p:last-child {
margin-bottom: 0
}
.portfolio-details .content .share-social {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #eee
}
.portfolio-details .content .share-social h5 {
font-size: 18px;
font-weight: 500;
color: #081828;
display: block;
margin-bottom: 20px
}
.portfolio-details .content .share-social ul li {
display: inline-block;
margin-right: 25px
}
.portfolio-details .content .share-social ul li:last-child {
margin: 0
}
.portfolio-details .content .share-social ul li a {
color: #9b9ba7;
font-size: 17px
}
.portfolio-details .content .share-social ul li a:hover {
color: var(--primary-color)
}
.team {
background-color: var(--light-blue-bg)
}
.team .title-line {
margin-bottom: 40px
}
.team .section-title {
margin-bottom: 50px
}
.team .single-team {
margin-top: 30px;
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
display: inline-block;
overflow: hidden;
text-align: center;
background: 0 0
}
.team .single-team .shapes {
position: relative
}
.team .single-team .shapes .shape1 {
height: 50px;
width: 50px;
position: absolute;
left: 0;
top: 15px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
opacity: 0;
visibility: hidden
}
.team .single-team:hover .shapes .shape1 {
top: 0;
opacity: 1;
visibility: visible
}
.team .single-team .shapes .shape2 {
height: 40px;
width: 40px;
position: absolute;
right: 0;
bottom: 3px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0)
}
.team .single-team:hover .shapes .shape2 {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1)
}
.team .single-team .info-head {
background: 0 0;
position: relative;
z-index: 2;
-webkit-transition: all .4s ease;
transition: all .4s ease;
margin-top: 20px
}
.team .single-team:hover .info-head:before {
opacity: 1;
visibility: visible;
height: 100%
}
.team .single-team:hover .info-head {
border-color: transparent
}
.single-team .image {
height: 200px;
width: 200px;
border-radius: 50%;
overflow: hidden
}
.team .single-team .image img {
height: 100%;
width: 100%
}
.team .single-team .info-box {
text-align: center
}
.team .single-team .info-box .name {
display: block;
font-size: 17px;
color: #333;
margin-bottom: 3px;
text-transform: capitalize
}
.team .single-team .info-box .name a {
font-weight: 500;
font-size: 16px
}
.team .single-team .info-box .name a:hover {
color: var(--primary-color)
}
.team .single-team .info-box .designation {
color: #666;
font-size: 13px;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.team .single-team .social-links {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
margin-top: 15px
}
.team .single-team .social-links .social li {
display: inline-block;
margin-right: 15px
}
.team .single-team .social-links .social li:last-child {
margin-right: 0
}
.team .single-team .social-links .social {
border: 1px solid #d2d2d24a;
padding: 12px 30px;
border-radius: 30px
}
.team .single-team .social-links .social li a {
color: #999;
display: block;
font-size: 14px
}
.team .single-team .social-links .social li a:hover {
color: var(--primary-color)
}
.testimonials {
padding-bottom: 150px
}
.testimonials .testimonial-inner {
position: relative
}
.testimonials #tns1>.tns-item {
-webkit-transform: scale(.9);
transform: scale(.9)
}
.testimonials .single-testimonial {
height: 100%;
width: 100%;
position: relative;
padding: 40px;
border-radius: 8px;
border: 1px solid #eee;
background-color: var(--light-blue-bg);
border-radius: 8px
}
.testimonials .single-testimonial .review {
margin-bottom: 20px
}
.testimonials .single-testimonial .review li {
display: inline-block;
margin-right: 3px
}
.testimonials .single-testimonial .review li:last-child {
margin-right: 0
}
.testimonials .single-testimonial .review li i {
color: orange;
}
.testimonials .single-testimonial .quote i {
font-size: 30px;
color: #ffa500;
}
.testimonials .single-testimonial p {
font-size: 15px
}
.testimonials .single-testimonial .bottom {
position: relative;
margin-top: 40px
}
.testimonials .single-testimonial .bottom .clien-image {
margin-right: 20px
}
.testimonials .single-testimonial .bottom .clien-image img {
height: 80px;
width: 80px;
border-radius: 100%;
margin-right: 22px;
float: left
}
.testimonials .single-testimonial .bottom .name {
font-size: 17px;
position: relative;
top: 20px
}
.testimonials .single-testimonial .bottom .name span {
font-size: 13px;
display: block;
margin-top: 5px;
color: #888;
font-weight: 400
}
.testimonials .tns-nav button {
width: 10px;
height: 10px;
border-radius: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin: 0;
background: #081828;
display: inline-block;
border: none;
margin-right: 9px;
border-radius: 30px
}
.testimonials .tns-nav button:last-child {
margin: 0
}
.testimonials .tns-nav button.tns-nav-active {
width: 20px;
background-color: var(--primary-color) !important
}
.testimonials .tns-nav {
text-align: center;
position: absolute;
width: 100%;
bottom: -50px;
-webkit-transform: translateX(5px);
transform: translateX(5px)
}
.intro-video-area {
background-image: url("../images/video-bg.jpg");
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 9;
padding-bottom: 130px
}
.intro-video-area.overlay::before {
z-index: 1;
opacity: .9
}
.intro-video-area .section-title {
margin-bottom: 200px
}
.intro-video-area .intro-video-play {
position: relative;
z-index: 9;
padding: 100px 0px;
}
.intro-video-area .intro-video-play .play-thumb a {
position: absolute;
left: 50%;
bottom: 0;
height: 110px;
width: 110px;
text-align: center;
line-height: 116px;
background: #fff;
border-radius: 50%;
padding-left: 5px;
font-size: 25px;
color: var(--primary-color);
margin-left: -55px
}
.intro-video-area .intro-video-play .play-thumb a:hover {
background-color: var(--primary-color);
color: #fff
}
.intro-video-area .intro-video-play .play-thumb a::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite
}
.intro-video-area .intro-video-play .play-thumb a::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: 0
}
}
@keyframes pulse-border {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: 0
}
}
@-webkit-keyframes pulse-border-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0
}
}
@keyframes pulse-border-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0
}
}
.geotech h2 {
font-size: 18px;
margin-bottom: 10px;
color: #ffffff !important;
}
.faq-area {
padding-bottom: 50px;
padding-top: 20px;
background-color: var(--light-blue-bg)
}
.faq-area .cercle span {
background-color: var(--primary-color);
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 10px 0px 10px 0px;
text-align: center;
font-size: 15px;
position: relative;
z-index: 5
}
.faq-area .cercle span::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--primary-color);
opacity: 0;
visibility: hidden;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
z-index: -1
}
.faq-area .content {
margin-left: 20px
}
.faq-area .single-faq {
margin-bottom: 60px
}
.faq-area .single-faq:hover .cercle span::before {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: .5;
visibility: visible
}
.faq-area .heading {
font-size: 20px;
color: #081828;
display: block;
margin-bottom: 20px
}
.faq-area .text {
font-size: 14px;
margin-bottom: 20px
}
.faq-area .text:last-child {
margin-bottom: 0
}
.index2.faq-area {
padding-top: 100px
}
.latest-news-area .single-news .image {
position: relative;
border-radius: 4px;
overflow: hidden
}
.latest-news-area .single-news .image img {
height: 100%;
width: 100%;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.latest-news-area .single-news .image .meta-details {
display: inline-block;
padding: 6px 15px 6px 7px;
border-radius: 30px;
background-color: var(--primary-color);
position: absolute;
right: 20px;
bottom: 20px
}
.latest-news-area .single-news .image .meta-details img {
height: 28px;
width: 28px;
border-radius: 50%;
display: inline-block
}
.latest-news-area .single-news .image .meta-details span {
color: #fff;
display: inline-block;
margin-left: 10px;
font-size: 10px;
font-weight: 500
}
.latest-news-area .single-news .content-body .title {
font-size: 18px;
margin: 30px 0 20px;
line-height: 24px
}
.latest-news-area .single-news .content-body .title a {
color: #081828
}
.latest-news-area .single-news .content-body .title a:hover {
color: var(--primary-color)
}
.latest-news-area .single-news .content-body p {
font-size: 13px
}
.latest-news-area .single-news:hover .image .thumb {
-webkit-transform: scale(1.1) rotate(1deg);
transform: scale(1.1) rotate(1deg)
}
.blog-list .single-news {
margin-bottom: 40px
}
.blog-single {
background: #fff
}
.blog-single .post-thumbnils {
position: relative;
border-radius: 5px;
overflow: hidden
}
.blog-single .post-thumbnils img {
width: 100%
}
.blog-single .post-thumbnils .author {
display: inline-block;
padding: 6px 15px 6px 7px;
border-radius: 30px;
background-color: var(--primary-color);
position: absolute;
right: 20px;
bottom: 20px
}
.blog-single .post-thumbnils .author img {
height: 28px;
width: 28px;
border-radius: 50%;
display: inline-block
}
.blog-single .post-thumbnils .author span {
color: #fff;
display: inline-block;
margin-left: 10px;
font-size: 10px;
font-weight: 500
}
.post-details .detail-inner {
background-color: #fff;
padding: 0;
margin-top: 40px
}
.post-details .post-thumbnils {
margin-bottom: 30px
}
.post-details .post-title {
font-weight: 700;
margin-bottom: 25px;
line-height: 32px
}
.post-details .post-title a {
font-size: 23px;
font-weight: 600
}
.post-details .post-title a:hover {
color: var(--primary-color)
}
ul.custom-flex {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.post-details .post-meta li {
font-weight: 500;
font-size: 15px;
margin-right: 25px
}
.post-details .post-meta li a i {
font-weight: 400;
margin-right: 3px
}
.post-details .post-meta li a:hover {
color: var(--primary-color)
}
.post-details p {
font-size: 15px;
margin: 40px 0
}
.post-details h3 {
font-size: 22px;
margin-bottom: 20px;
font-weight: 600;
line-height: 28px
}
.post-details p:last-child {
margin-bottom: 0
}
blockquote {
position: relative;
color: #666;
font-weight: 400;
clear: both;
z-index: 1;
margin: 40px 0;
text-align: center;
padding: 40px 50px 50px;
background-color: var(--light-blue-bg);
border: 1px solid #eee;
border-radius: 5px;
overflow: hidden
}
blockquote .icon i {
font-size: 40px;
color: var(--primary-color);
display: block;
margin-bottom: 20px
}
blockquote h4 {
font-weight: 400;
font-size: 17px;
line-height: 24px;
color: #333
}
blockquote span {
font-size: 13px;
display: block;
margin-top: 20px
}
.post-details .list {
margin: 40px
}
.post-details .list li {
color: #888;
font-weight: 400;
position: relative;
padding-left: 40px;
display: block;
margin-bottom: 26px;
position: relative;
font-size: 15px
}
.post-details .list li i {
display: block;
height: 25px;
width: 25px;
line-height: 25px;
font-size: 10px;
color: var(--primary-color);
background-color: var(--primary-color)17;
position: absolute;
left: 0;
top: -1px;
text-align: center;
border-radius: 50%
}
.post-details .list li:last-child {
margin: 0
}
.popular-tag-widget .tag-title {
margin-bottom: 20px;
font-weight: 500;
font-size: 17px
}
.post-tags-media .share-title {
margin-bottom: 20px;
font-weight: 500;
font-size: 17px
}
.post-details .post-tags-media .post-social-media ul {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.post-details .post-tags-media .post-social-media ul>li>a {
font-size: 18px;
color: #7184ad;
height: 40px;
width: 40px;
line-height: 40px
}
.post-details .post-tags-media .post-social-media ul>li>a:hover {
color: var(--primary-color)
}
.post-details .post-tags-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px
}
.post-details .post-meta li {
font-weight: 500;
margin-right: 25px
}
.post-details .post-meta li a {
font-size: 13px;
font-weight: 400;
font-weight: 500;
color: #081828
}
.post-details .post-meta li a i {
font-weight: 400;
margin-right: 5px;
color: var(--primary-color)
}
.post-details>p {
font-size: 14px
}
.post-details .post-image {
margin: 40px 0;
width: 100%
}
.post-details .post-image img {
width: 100%;
-webkit-transition: all .4s ease;
transition: all .4s ease;
border-radius: 5px
}
.post-details>ul>li {
font-weight: 500
}
.post-details .post-tags-media .post-tags .tags a {
color: #333;
background: 0 0
}
.post-details .post-tags-media .post-tags .tags a:hover {
color: #fff;
background-color: var(--primary-color)
}
.post-details .post-tags-media .post-social-media {
text-align: right
}
.post-details .post-tags-media .post-social-media ul {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.detail-post-navigation {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
padding: 30px;
border: 1px solid #eee
}
.post-comments {
background-color: #fff;
padding: 40px;
margin-top: 40px;
border: 1px solid #eee;
border-radius: 5px
}
.comment-title {
padding-left: 13px;
padding-top: 7px;
padding-bottom: 7px;
border-left: 4px solid var(--primary-color);
font-size: 22px !important;
font-weight: 500 !important;
margin-bottom: 40px !important
}
.comment-reply-title {
padding-left: 13px;
padding-top: 7px;
padding-bottom: 7px;
border-left: 4px solid var(--primary-color);
font-size: 22px !important;
font-weight: 500 !important;
margin-bottom: 40px !important
}
.post-comments .comments-list li {
padding-left: 130px;
position: relative;
font-size: 14px
}
.post-comments .comments-list li .comment-img {
position: absolute;
left: 0;
width: 100px;
height: 100px
}
.post-comments .comments-list li .comment-img img {
max-width: 100px;
max-height: 100px
}
.post-comments .comments-list li .comment-desc .desc-top {
margin-bottom: 20px;
position: relative;
display: block
}
.post-comments .comments-list li .comment-desc .desc-top h6 {
font-size: 17px;
margin-bottom: 8px;
font-weight: 500
}
.post-comments .comments-list li .comment-desc .desc-top h6 .saved {
color: var(--primary-color);
font-size: 14px;
margin-left: 10px
}
.post-comments .comments-list li .comment-desc .desc-top span.date {
font-size: 12px;
font-weight: 400
}
.post-comments .comments-list li .comment-desc .desc-top .reply-link {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 10px 22px;
display: inline-block;
font-size: 12px;
font-weight: 500;
z-index: 2;
border-radius: 30px;
border: 1px solid #eee;
color: var(--primary-color)
}
.post-comments .comments-list li .comment-desc .desc-top .reply-link:hover {
background-color: var(--primary-color);
color: #fff;
border-color: transparent
}
.post-comments .comments-list li .comment-desc .desc-top .reply-link i {
margin-right: 5px
}
.post-comments .comments-list li .comment-desc p {
font-weight: 400;
margin-bottom: 0;
font-size: 14px
}
.post-comments .comments-list li.children {
margin-left: 130px
}
.post-comments .comments-list li:not(:first-child) {
padding-top: 30px;
margin-top: 30px;
border-top: 1px dashed #eee
}
.comment-form {
background-color: #fff;
padding: 40px;
margin-top: 40px;
border: 1px solid #eee;
border-radius: 5px
}
.comment-form form .form-box {
position: relative
}
.comment-form form .form-box .icon {
position: absolute;
top: 17px;
right: 25px;
font-size: 16px
}
.comment-form form .form-box .form-control-custom {
border: none;
background: #fff;
font-size: 14px;
color: #081828;
padding: 0 25px;
padding-left: 30px;
padding-right: 50px;
font-weight: 500;
height: 55px;
border: 1px solid #eee;
margin-bottom: 25px;
border-radius: 0;
font-size: 14px;
font-weight: 400;
border-radius: 5px
}
.comment-form form .form-box textarea.form-control-custom {
height: 200px;
padding: 25px
}
.comment-form form .form-box .form-control-custom::-webkit-input-placeholder {
font-size: 14px;
color: #333;
font-weight: 500;
padding: 25px
}
.comment-form form .form-box .form-control-custom:-ms-input-placeholder {
font-size: 14px;
color: #333;
font-weight: 500;
padding: 25px
}
.comment-form form .form-box .form-control-custom::-ms-input-placeholder {
font-size: 14px;
color: #333;
font-weight: 500;
padding: 25px
}
.comment-form form .form-box .form-control-custom::placeholder {
font-size: 14px;
color: #333;
font-weight: 500;
padding: 25px
}
.sidebar .widget {
padding: 40px;
background-color: #fff;
margin-bottom: 30px;
border-radius: 5px;
border: 1px solid #eee
}
.sidebar .widget:last-child {
margin-bottom: 0
}
.sidebar .widget .widget-title {
font-size: 17px;
margin-bottom: 40px;
line-height: 1;
position: relative;
padding-left: 18px;
font-weight: 600;
line-height: 28px;
}
.sidebar .widget .widget-title::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 3px;
background-color: var(--primary-color);
content: ''
}
.sidebar .widget.search-widget form {
position: relative
}
.sidebar .widget.search-widget form input {
width: 100%;
background-color: transparent;
height: 55px;
border: none;
padding: 0 80px 0 30px;
font-size: 13px;
font-weight: 400;
border-radius: 0;
border: 1px solid #eee;
border-radius: 30px
}
.sidebar .widget.search-widget form input::-webkit-input-placeholder {
color: #333
}
.sidebar .widget.search-widget form input:-ms-input-placeholder {
color: #333
}
.sidebar .widget.search-widget form input::-ms-input-placeholder {
color: #333
}
.sidebar .widget.search-widget form input::placeholder {
color: #333
}
.sidebar .widget.search-widget form button {
border: none;
position: absolute;
right: 7px;
top: 6px;
width: 55px;
height: 42px;
z-index: 1;
color: #fff !important;
font-size: 13px;
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
color: #fff;
border-radius: 0;
border-radius: 30px;
padding: 0 !important;
border: none;
background: var(--primary-color)
}
.sidebar .widget.search-widget form button:hover {
background-color: #081828;
color: #fff
}
.sidebar .widget.popular-feeds .single-popular-feed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
padding-bottom: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed #eee
}
.sidebar .widget.popular-feeds .single-popular-feed:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-img {
width: 80px;
margin-right: 20px;
border-radius: 50%;
height: 80px;
border-radius: 50% !important;
overflow: hidden
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .post-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.5
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .post-title a {
font-size: 14px;
font-weight: 500
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .post-title a:hover {
color: var(--primary-color)
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time {
font-weight: 400;
font-size: 12px
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time>i {
margin-right: 4px
}
.sidebar .widget.categories-widget ul li {
margin-bottom: 10px
}
.sidebar .widget.categories-widget ul li:last-child {
margin-bottom: 0
}
.sidebar .widget.categories-widget ul li a {
font-size: 14px;
height: 35px;
background-color: transparent;
display: block;
position: relative;
line-height: 35px;
color: #333;
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
font-weight: 500;
padding: 0
}
.sidebar .widget.categories-widget ul li a span {
position: absolute;
right: 0;
top: 0;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background-color: transparent;
color: #333;
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
border-radius: 50%;
border: 1px solid #eee;
font-size: 11px
}
.sidebar .widget.categories-widget ul li a:hover {
color: var(--primary-color)
}
.sidebar .widget.categories-widget ul li a:hover span {
background: var(--primary-color);
color: #fff;
border-color: transparent
}
.sidebar .widget.popular-tag-widget {
padding-bottom: 30px
}
.popular-tag-widget .tags>a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 20px;
text-transform: capitalize;
font-size: 13px;
font-weight: 500;
background: var(--primary-color);
margin-right: 7px;
margin-bottom: 10px;
color: #fff;
background: 0 0;
color: #888;
border: 1px solid #eee;
border-radius: 30px
}
.popular-tag-widget .tags>a:hover {
background-color: var(--primary-color);
color: #fff;
border-color: transparent
}
.newsletter-area {
background-color: var(--light-blue-bg)
}
.newsletter-area .subscribe-text {
background-color: var(--primary-color);
color: #fff;
padding: 40px;
height: 100%;
border-radius: 5px;
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1)
}
.newsletter-area .subscribe-text h6 {
color: #fff;
font-size: 24px;
line-height: 40px;
margin-bottom: 20px
}
.newsletter-area .subscribe-text p {
color: #fff !important;
margin-bottom: 40px
}
.newsletter-area .subscribe-text input {
height: 53px;
width: 400px;
border: none;
background-color: #fff;
color: #081828;
border-radius: 30px;
padding: 0 30px;
display: inline-block
}
.newsletter-area .subscribe-text .button {
display: inline-block;
margin-left: 10px
}
.newsletter-area .subscribe-text .button .btn {
background-color: transparent;
color: #fff;
border: 1px solid #eee;
height: 53px
}
.newsletter-area .subscribe-text .button .btn:hover {
background-color: #fff;
color: var(--primary-color);
border-color: transparent
}
.newsletter-area .mini-call-action {
background-color: #fff;
height: 100%;
width: 100%;
padding: 40px;
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
border-radius: 5px
}
.newsletter-area .mini-call-action h4 {
color: #081828;
margin-bottom: 20px;
display: block;
font-size: 18px;
line-height: 28px
}
.newsletter-area .mini-call-action p {
font-size: 13px
}
.newsletter-area .mini-call-action .button {
margin-top: 25px
}
.newsletter-area .mini-call-action.index2 .button .btn {
position: relative;
padding-left: 45px;
text-align: left;
width: 100%;
padding: 10px 10px 10px 65px;
margin-bottom: 10px;
font-size: 14px
}
.newsletter-area .mini-call-action.index2 .button .btn:last-child {
margin-bottom: 0
}
.newsletter-area .mini-call-action.index2 .button .btn span {
display: block;
font-size: 9px;
text-transform: uppercase;
margin-bottom: 2px
}
.newsletter-area .mini-call-action.index2 .button .btn i {
font-size: 25px;
position: absolute;
left: 25px;
top: 15px;
display: inline-block
}
.newsletter-area .mini-call-action.index3 .button .btn {
width: 100%;
margin-bottom: 10px
}
.newsletter-area .mini-call-action.index3 .button .btn:last-child {
margin-bottom: 0
}
.brand-area .section-title {
margin-bottom: 0 !important
}
.brand-area .section-title.align-left {
margin-bottom: 0 !important;
padding: 0;
padding-right: 50px
}
.brand-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
border: 1px solid #eee
}
.brand-list::before {
position: absolute;
content: "";
background: #eee;
width: 100%;
height: 1px;
top: 50%
}
.brand-list li {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%
}
.brand-list li a {
display: block;
border-right: 1px solid #eee;
text-align: center;
height: 150px;
line-height: 150px
}
.brand-list li a:hover {
background-color: var(--light-blue-bg)
}
.brand-list li a:hover img {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
.brand-list li a img {
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-transform: scale(.9);
transform: scale(.9);
opacity: .5
}
.brand-list li:nth-child(3) a {
border-color: transparent
}
.brand-list li:last-child a {
border-color: transparent
}
.bg-color-white .brand-list::before {
background: #f6f5fa
}
.bg-color-white .brand-list li a {
border-right: 1px solid #eee
}
.bg-color-white .brand-list li:nth-child(3) a {
border-color: transparent
}
.bg-color-white .brand-list li:last-child a {
border-color: transparent
}
.client-list.slick-initialized .slick-slide {
margin-bottom: 0
}
.footer {
background-color: #081828;
z-index: 2;
position: relative
}
.footer .logo {
margin-bottom: 26px
}
.footer .logo img {
width: 150px
}
.footer .f-about p {
color: #fff !important;
font-size: 14px !important;
line-height: 28px;
}
.footer .footer-social {
margin-top: 35px
}
.footer .footer-social ul li {
display: inline-block;
margin-right: 6px
}
.footer .footer-social ul li:last-child {
margin-right: 0
}
.footer .footer-social ul li a {
font-size: 17px;
color: #333;
height: 45px;
width: 45px;
text-align: center;
display: block;
line-height: 50px;
background: 0 0;
border: none;
color: #fff;
border-radius: 50%;
position: relative;
z-index: 3;
background-color: #167dbb;
}
.footer .footer-social ul li a::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.footer .footer-social ul li a:hover::before {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1)
}
.footer .footer-middle {
padding-bottom: 60px;
padding-top: 70px
}
.footer .single-footer {
margin-top: 30px
}
.footer .single-footer h3 {
color: #fff;
font-size: 18px;
font-weight: 600;
position: relative;
text-transform: capitalize;
margin-bottom: 30px;
font-weight: 500;
border-left: 3px solid var(--primary-color);
padding-left: 10px;
padding-top: 3px
}
.footer .f-link ul li {
margin-bottom: 15px;
position: relative;
color:#fff;
}
.footer .f-link ul li:last-child {
margin: 0;
}
span.info_ione {
position: relative;
left: 9px;
}
.footer .f-link ul li a {
display: inline-block;
font-size: 15px;
font-weight: 400;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.footer .f-link ul li a::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 1px;
width: 0%;
background-color: #167dbb;
opacity: 17;
visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.footer .f-link ul li a:hover::before {
width: 100%;
opacity: .5;
visibility: visible;
}
.footer .f-link ul li a:hover {
color: #fff;
letter-spacing: 1px;
}
.footer .footer-bottom .inner {
padding: 30px 0;
border-top: 1px solid #ffffff4a;
text-align: center;
}
.footer .footer-bottom .inner p {
color: #fff !important;
font-size: 13px !important;
}
.footer .footer-bottom .inner p a {
font-weight: 400;
display: inline-block;
margin-left: 6px;
color: #fff;
}
.footer .footer-bottom .inner p a:hover {
color: var(--primary-color)
}
.screenshort {
position: relative;
padding-bottom: 150px
}
.screenshort .single-screen {
position: relative;
}
.screenshort .single-screen img {
width: 100%;
height: auto;
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transition: all .4s ease;
transition: all .4s ease;
border-radius: 5px;
}
.screenshort .single-screen img:hover {
-webkit-box-shadow: 0 0 22px rgba(111, 111, 111, .39);
box-shadow: 0 0 22px rgba(111, 111, 111, .39)
}
.screenshort .tns-nav button {
width: 10px;
height: 10px;
border-radius: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin: 0;
background: #081828;
display: inline-block;
border: none;
margin-right: 9px;
border-radius: 30px;
}
.screenshort .tns-nav button.tns-nav-active {
width: 20px;
background-color: var(--primary-color) !important
}
.screenshort .tns-nav {
text-align: center;
position: absolute;
width: 100%;
bottom: 80px;
-webkit-transform: translateX(5px);
transform: translateX(5px);
left: 0;
}
.contact-us {
padding-bottom: 0;
}
.contact-us .contact-head {
background: #fff;
border-radius: 7px;
overflow: hidden;
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
position: relative;
z-index: 5;
}
.contact-us .title {
margin-bottom: 30px;
}
.contact-us .contant-inner-title {
margin-bottom: 45px;
}
.contact-us .contant-inner-title h4 {
font-size: 25px;
font-weight: 700;
margin-bottom: 5px;
color: #fff;
text-transform: capitalize;
}
.contact-us .contant-inner-title p {
font-size: 14px;
font-weight: 400;
color: #fff !important;
line-height: 23px;
margin-top: 10px;
display: block;
}
.contact-us .single-head {
padding: 50px;
height: 100%;
background: var(--primary-color);
position: relative;
z-index: 5;
overflow: hidden;
}
.contact-us .single-info {
text-align: left;
margin-bottom: 16px;
padding-left: 40px;
position: relative;
}
.contact-us .single-info i {
color: #fff;
font-size: 18px;
display: inline-block;
margin-right: 20px;
position: absolute;
left: 0;
top: 2px;
}
.contact-us .single-info ul {
display: inline-block
}
.contact-us .single-info ul li:last-child {
margin-bottom: 0
}
.contact-us .single-info ul li {
color: #fff;
font-weight: 500;
display: inline-block;
font-size: 13px
}
.contact-us .single-info ul li a {
font-weight: 500;
color: #fff;
display: inline-block;
font-size: 13px
}
.contact-us .single-info ul li a:hover {
color: #fff
}
.contact-us .contact-social {
display: block;
margin-top: 65px
}
.contact-us .contact-social h5 {
color: #fff;
font-weight: 600;
font-size: 18px
}
.contact-us .contact-social ul {
display: inline-block;
position: relative;
left: -9px;
margin-top: 15px
}
.contact-us .contact-social ul li {
display: inline-block;
margin-right: 5px
}
.contact-us .contact-social ul li:last-child {
margin-right: 0
}
.contact-us .contact-social ul li a {
color: #fff;
font-size: 17px;
position: relative;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
display: block;
-webkit-transition: all .4s ease;
transition: all .4s ease;
overflow: hidden
}
.contact-us .contact-social ul li a span {
position: absolute;
left: 50%;
top: 50%;
margin-left: -15px;
margin-top: -15px;
height: 30px;
width: 30px;
line-height: 30px;
display: block;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.contact-us .contact-social ul li a:hover .icon-1 {
top: -15px
}
.contact-us .contact-social ul li a .icon-2 {
top: 50px
}
.contact-us .contact-social ul li a:hover .icon-2 {
top: 15px
}
.contact-us .contact-social ul li a:hover {
color: #fff
}
.contact-us .single-info .title {
margin-bottom: 10px;
font-weight: 500;
color: #fff;
font-size: 18px
}
.contact-us .single-info .title span {
display: block;
font-size: 14px;
margin-top: 8px;
font-weight: 500
}
.contact-us .form-main {
padding: 50px 50px 50px 30px
}
.contact-us .form .form-group {
margin-bottom: 15px;
display: block
}
.contact-us .form .form-group input {
height: 55px;
line-height: 55px;
width: 100%;
border: 1px solid #e6e2f5;
padding: 0 20px;
color: #333;
border-radius: 0;
font-weight: 400;
border-radius: 5px
}
.contact-us .form .form-group textarea {
height: 180px;
width: 100%;
border: 1px solid #e6e2f5;
padding: 15px 20px;
color: #333;
border-radius: 0;
resize: none;
font-weight: 400;
border-radius: 5px
}
.contact-us .form .button {
margin: 0
}
.contact-us .form .button .btn {
height: 50px;
border: none
}
.map-section {
background-color: #fff;
margin-top: 50px;
padding-bottom: 100px
}
.map-section .map-container {
-webkit-box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
box-shadow: 0 10px 30px rgba(111, 111, 111, .1);
padding: 20px;
border-radius: 7px
}
.error-page {
text-align: center;
background: #fff;
border-top: 1px solid #eee
}
.error-page .error-text {
display: inline-block;
text-align: left;
margin-top: 80px;
padding-left: 50px
}
.error-page .error-text h2 {
font-size: 30px;
display: block;
margin-bottom: 30px;
color: #081828;
font-weight: 700
}
.error-page .error-text h2 span {
color: var(--primary-color);
display: block;
margin-bottom: 10px;
font-size: 25px
}
.error-page .error-text p {
display: block;
margin-bottom: 30px
}
.error-page .search-form {
width: 100%;
position: relative
}
.error-page .search-form input {
width: 400px;
height: 50px;
padding: 0 78px 0 30px;
border: none;
background: #f6f6f6;
border-radius: 5px;
display: inline-block;
margin-right: 10px;
font-weight: 400;
font-size: 14px
}
.error-page .search-form input:hover {
padding-left: 35px
}
.error-page .search-form .btn {
width: 80px;
height: 50px;
border-radius: 5px;
cursor: pointer;
background: #4353ff;
display: inline-block;
position: relative;
top: -2px
}
.error-page .search-form .btn i {
font-size: 16px
}
.error-page .search-form .btn:hover {
background: #333
}
.mail-success {
text-align: center;
background: #fff;
border-top: 1px solid #eee
}
.mail-success .siccess-text {
display: inline-block;
text-align: left;
margin-top: 50px;
padding-left: 50px
}
.mail-success .siccess-text h2 {
font-size: 30px;
display: block;
margin-bottom: 30px;
color: #081828;
font-weight: 700
}
.mail-success .siccess-text h2 span {
color: var(--primary-color);
display: block;
margin-bottom: 10px;
font-size: 25px
}
.mail-success .siccess-text p {
display: block;
margin-bottom: 30px
}
/**/
.men_Privacy.Policy{
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.breadcrumbs-content h1.page-title {
font-size: 22px;
line-height: 1.2;
color: #333333;
padding-bottom: 20px;
}
.breadcrumbs_men h2 {
font-size: 17px;
line-height: 1.2;
color: #333333;
padding-bottom: 3px;
margin-top: 14px;
}
.breadcrumbs_men p {
color: #333333;
font-size: 18px;
margin-top: 9px;
}
.men_name {
margin-left: 20px;
}
h1.men_Privacy_locatione {
font-size: 22px;
margin-top: 10px;
}
h3.men_note {
font-size: 19px;
margin-top: 39px;
}
h3.men_abouts {
font-size: 22px;
margin-bottom: 10px;
}
p.tagging_about {
font-size: 16px;
line-height: 45px;
margin-top: 14px;
}
.about_tagging {
margin-top: 43px;
}
.signup.form-wrap {
background-position: center 82%;
}
.content-wrap.forget:after {
position: absolute;
content: "";
top: 14px;
/* left: 188px; */
height: 100%;
width: 20%;
background-image: url(../images/cemra_land.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
transform: translateX(126px);
overflow: hidden;
}
.content-wrap:after {
position: absolute;
content: "";
top: 25px;
/* left: 188px; */
height: 100%;
width: 20%;
background-image: url(../images/cemra_land.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
transform: translateX(100px);
overflow: hidden;
}
.content-wrap.register:after{
position: absolute;
content: "";
top: 32px;
/* left: 179px; */
height: 100%;
width: 20%;
background-image: url(../images/cemra_land.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
transform: translate(120px, 1px);
}
.men_scrool {
overflow-y: scroll;
overflow-x: hidden;
height: 253px;
}
.men_scrool::-webkit-scrollbar {
width: 1px;
}
.content-wrap.register{
background: transparent;
border-radius: 58px;
border: 1px solid #ffff;
background-color: #ffffff1a;
max-width: 70%;
margin: 0 auto;
padding: 79px 23px 70px;
border: 1px solid #dddddd;
background-color: transparent;
-webkit-box-shadow: 10px 0 12px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 10px 0 12px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 3px #ddd;
margin-bottom: 260px;
position: relative;
top: 190px;
}
.content-wrap .section-title {
text-align: center;
margin-bottom: 10px;
}
section.pricing-table.section {
padding: 80px 0px;
}
.content-wrap .section-title h2 {
font-size: 32px;
}
.content-wrap .section-title h2 {
padding-top: 20px;
}
.content-wrap .section-title h2 {
padding-bottom: 5px;
}
.section-title_men h2 {
position: relative;
font-size: 25px;
padding-bottom: 4px;
font-weight: 500;
margin-bottom: 13px;
color: #fff;
}
.section-title_men p {
color: #fff !important;
font-size: 15px !important;
}
.content-wrap .section-title p {
font-size: 18px;
}
.content-wrap.vastu:after {
position: absolute;
content: "";
top: 133px;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/square-line.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
}
.question_men img {
width: 100%;
}
.section-title p {
color: #9f9f9f;
font-size: 16px;
}
.content-wrap .form-group {
position: relative;
}
.form-group.checkbox-wrap a {
position: relative;
top: 10px;
font-size: 16px;
font-weight: 600;
}
.content-wrap .form-control {
font-size: 18px;
padding: 10px 50px 10px 50px;
}
.content-wrap .form-control {
background-repeat: no-repeat;
background-position: 22px center;
}
.content-wrap .form-control {
background-color: #ffffff;
border: .3px solid #167dbb;
color: #383838;
font-size: 16px;
height: 44px;
padding: 10px 50px 10px 71px;
border-radius: 50px;
}
input.form-control.email::placeholder {
color: #000 !important;
}
input.form-control.email:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
input.form-control.email::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
input.form-control.password::placeholder {
color: #000 !important;
}
input.form-control.password:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
input.form-control.password::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.content-wrap .form-control.name::placeholder {
color: #000 !important;
}
.content-wrap .form-control.name:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
.content-wrap .form-control.name::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.content-wrap .form-control.mobile::placeholder {
color: #000 !important;
}
.content-wrap .form-control.mobile:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
.content-wrap .form-control.mobile::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.digimy_land.form-control::placeholder {
color: #000 !important;
}
.digimy_land.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
.digimy_land.form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.content-wrap .form-control.mmen_input::placeholder {
color: #000 !important;
}
.content-wrap .form-control.mmen_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
.content-wrap .form-control.mmen_input::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.content-wrap .form-control.men_input::placeholder {
color: #000 !important;
}
.content-wrap .form-control.men_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
.content-wrap .form-control.men_input::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.select_menus::placeholder {
color: #000 !important;
}
.select_menus:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}
.select_menus::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.content-wrap .form-control.name.Legal {
background-image: url(../images/user.jpg);
background-size: 12%;
}
.content-wrap .form-control.name {
background-image: url(../images/user.jpg);
background-size: 7%;
}
.content-wrap .form-control.mobile.Legal {
background-image: url(../images/cell-phone.jpg);
background-size: 12%;
}
.content-wrap .form-control.password {
background-image: url(../images/padlock.jpg);
background-size: 7%;
}
.content-wrap .form-control.email {
background-image: url(../images/mail.jpg);
background-size: 7%;
}
.content-wrap .form-control.email.Legal{
background-image: url(../images/mail.jpg);
background-size: 12%;
}
.content-wrap .form-control.men_input {
background-image: url(../images/promo-code.jpg);
background-size: 7%;
}
.content-wrap .form-control.mmen_input {
background-image: url(../images/questionsfro.jpg);
background-size: 7%;
}
.digimy_land.form-control {
background-image: url(../images/question.jpg);
background-size: 7%;
}
.men_eye span.icon-inside img {
width: 7% !important;
position: relative;
right: 20px;
bottom: 34px;
}
.men_eye span.icon-inside.drop img {
width: 7% !important;
position: relative;
right: 20px;
bottom: 34px;
}
.men_eye span.icon-inside {
text-align: right;
margin-bottom: -36px;
}
.select_menus{
background-color: #fff;
background-color: #fff;
border: 2px solid #167dbb;
font-size: 16px;
height: 50px;
padding: 10px 0px 10px 10px;
width:110px;
border-radius: 50px;
color: #157dba;
}
.question.men_forgot a.btn.btn-link.mennforg.px-0 {
border: 0;
text-decoration: none;
font-size: 18px;
font-weight: 500;
margin-top: -18px;
}
.content-wrap span {
display: block;
text-align: center;
font-size: 18px;
color: #000;
}
.field-icon {
float: right;
position: relative;
z-index: 2;
top: -32px;
left: -15px;
cursor: pointer;
}
.content-wrap .form-group label span {
display: inline-block;
}
.content-wrap span {
display: block;
text-align: center;
font-size: 16px;
color: #fff;
font-weight: 500;
}
.checkmark-text {
margin-left: -11px;
}
.link, .link:hover, .link:focus {
color: #0689ea;
font-size: 16px;
position: relative;
top: 0px;
left: 3px;
font-weight: 700;
}
a.link.men {
color: #0689ea;
font-size: 18px;
position: relative;
top: 0px;
left: 9px;
}
.section-title_men {
text-align: center;
padding: 0 0 2px;
margin-top: 80px;
}
.section-title_men img {
width: 50%;
margin-bottom: 15px;
}
.content-wrap .btn-block {
padding: 15px 0 30px;
}
.content-wrap .btn-block {
padding: 25px 0 22px;
text-align: center;
}
.content-wrap .btn-block .theme-btn {
min-width: 332px;
padding: 7px 15px;
}
.content-wrap .theme-btn {
font-size: 24px;
}
.theme-btn {
display: inline-block;
padding: 5px 18px;
color: #ffffff;
background-color: #167dbb;
border: 1px solid #f7a62f;
font-size: 18px;
text-align: center;
position: relative;
outline: none;
cursor: pointer;
transition: all ease .4s;
border-radius: 4px;
border: 2px solid #167dbb;
}
.theme-btn:hover {
background-color: transparent;
border: .3px solid #167dbb;
color: #167dbb;
}
.social-icon ul .facebook {
background-color: #0789eb;
}
.social-icon ul li {
display: inline-block;
height: 40px;
width: 40px;
border-radius: 50px;
text-align: center;
padding: 5px 0;
margin: 10px;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
.social-icon ul li a {
color: #fff;
font-size: 22px;
}
.social-icon ul li {
display: inline-block;
height: 40px;
width: 40px;
border-radius: 50px;
text-align: center;
padding: 5px 0;
margin: 10px;
}
.social-icon ul .twitter {
background-color: #50abf1;
}
.social-icon ul .linkedin {
background-color: #0077b5;
}
.social-icon ul .youtube {
background-color: #fe0000;
}
ul.footer-social {
text-align: center;
}
.checkmark::after {
left: 10px;
top: 6px;
width: 10px;
height: 15px;
border: solid #ff6d00;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
content: "";
margin-left: 7px;
margin-top: 1px;
}
input:checked ~ .checkmark {
border-color: #ff6d00;
}
.content-wrap .checkmark::after {
width: 7px;
height: 11px;
margin-left: 6px;
margin-top: 2px;
}
input#checkbox {
position: relative;
top: 7px;
z-index: 10;
color: red;
left: 7px;
}
.wpo-service-item {
background: #ffffff;
padding: 30px 20px !important;
border-radius: 7px;
text-align: center;
}
.industries-txt {
position: absolute;
bottom: 237px;
z-index: 2;
transition: all .3s ease-in-out;
width: 91%;
}
.industries-txt h3 {
color: #fff;
font-size: 21px;
margin-bottom: 10px;
}
.Features_desigan .col-lg-4.col-sm-6.col-12.custom-grid {
margin-bottom: 53px;
}
.wpo-service-icon {
text-align: center;
margin: auto;
margin-bottom: 30px;
}
.wpo-service-text {
text-align: center;
}
.wpo-service-text h2 {
font-size: 24px;
font-weight: 600;
color: #2d4277;
margin-bottom: 20px;
margin-top: 10px;
}
.wpo-service-text h2 a {
color: #2d4277;
font-size: 16px;
}
.wpo-service-item .wpo-service-text p {
margin: 15px 0;
font-weight: 400;
}
.wpo-service-text p{
margin: 14px 0;
font-weight: 400;
font-size: 13px !important;
line-height: 25px !important;
font-weight: 600 !important;
}
.wpo-service-item_men {
text-align: center;
}
.wpo-service-item_men img {
width: 100%;
}
.carousel-item img.men_img_about {
width: 100%;
padding: 0;
margin: 0;
}
.wow.pulse.animated.animated img {
width: 99%;
}
.slaidar {
text-align: left;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform .6s ease-in-out;
}
.w-100 {
width: 100%!important;
}
.carousel-caption {
position: absolute;
top: 25%;
left: 10%;
bottom: 55%;
transform: translate(0px, 0px);
}
.slaidar h1 {
color: #ffff;
font-size: 60px;
font-weight: bold;
line-height: 68px;
margin-bottom: 14px;
}
.slaidar p {
font-size: 1.25rem;
line-height: 1.5;
}
.slaidar a.slaiderbtn {
background-color: #167dbb;
color: #fff;
border-radius: 100px;
padding: 15px 40px;
font-size: 16px;
overflow: hidden;
border: 0;
position: relative;
top: 20px;
font-weight: 500;
}
.login__field {
padding: 15px 0px;
position: relative;
}
.login__icon {
position: absolute;
top: 30px;
color: #b6bdc0;
font-size: 18px;
}
.login__input {
border: none;
border-bottom: 1px solid #c6cdd1;
background: none;
padding: 10px;
color: #727272;
padding-left: 24px;
font-weight: 500;
width: 100%;
transition: .2s;
}
.login-media {
margin: 25px 0px;
}
.login-media button.blue {
background-position: 20%;
color: #fff;
height: 45px;
width: 100%;
font-size: 18px;
border: 1px transparent;
border-radius: 5px;
margin-bottom: 0px;
font-weight: 500;
padding: 6px 12px;
background-color: #f5a236;
}
.login-media button img {
width: 30px;
float: left;
display: inline-block;
margin-top: 3px;
}
.login__field i{
position: relative;
top: 32px;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
section.division {
padding: 100px 0px 100px;
}
.about-right.wow.fadeInRight.me img {
width: 81%;
margin-left: 133px;
border-radius: 50px;
}
.about-left p {
color: #000 !important;
font-size: 14px !important;
line-height: 32px !important;
font-weight: 500 !important;
text-align: justify;
}
.about-right.wow.fadeInRight.merelated img {
width: 81%;
/* margin-left: 133px; */
border-radius: 50px;
}
.about-left.meini {
margin-top: 80px;
}
.my-slider {
position: relative;
}
.controls {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
background: #333;
width: 100%;
top: 50%;
transform: translatey(-50%);
display: flex;
align-items: center;
justify-content: space-between;
&:focus {
outline: none;
}
li:hover {
cursor: pointer;
}
}
img {
margin-bottom: .25rem;
}
.card img {
width: 90% !important;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color:transparent !important;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, .125);
border-radius: 0.25rem;
}
.content-wrap .form-group {
position: relative;
}
.content-wrap .form-group label {
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #000;
padding: 0;
margin-left: 11px;
margin-bottom: 7px;
}
.content-wrap .form-group label #checkbox {
opacity: 0;
}
.login.form-wrap .checkmark {
height: 20px;
width: 20px;
top: 41%;
}
.content-wrap .checkmark::after {
width: 7px;
height: 11px;
margin-left: 6px;
margin-top: 2px;
}
.content-wrap .form-group label #checkbox {
opacity: 9;
width: 34px;
height: 26px;
}
section.men_mobile {
padding: 140px 0px 800px;
}
.men_mobile {
background-repeat: no-repeat;
background-size: 100%;
background-image: url(../images/tehmobile_img.png);
background-position: top right;
background-color: #091d3e;
}
.tehmobile.aap h1 {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
color: #fff;
}
.tehmobile.aap p {
color: #fff !important;
}
.tehmobile.aap {
text-align: center;
}
.method_men {
margin-top: 35px;
}
.method_men img {
margin-left: 17px;
margin-right: 16px;
}
section.order_now {
padding-top: 100px;
padding-bottom: 100px !important;
text-align: center;
}
.track_time h1{
font-size: 33px;
margin-bottom: 34px;
line-height: 50px;
text-transform: capitalize;
position: relative;
font-weight: 700;
padding-bottom: 14px;
color: #ffffff;
}
.become_me img {
width: 57%;
margin-bottom: 38px;
}
.become_me h2 {
font-size: 24px;
line-height: 1.17;
font-weight: 700;
margin-top: 0;
margin-bottom: var(--helio-space-S);
color: #ffffff;
}
.become_me p {
font-size: 15px !important;
line-height: 25px !important;
color: #ffffff !important;
margin-top: 5px;
margin-bottom: 34px;
}
.track_time h1:before {
position: absolute;
left: 50%;
margin-left: -25px;
bottom: -1px;
height: 2px;
width: 50px;
background: var(--primary-color);
content: "";
}
.corporate-element__link {
text-decoration: none;
width: 100%;
}
.helio-button.primary[data-v-72cd73aa] {
--button-loader-color: var(--helio-color-buttonText);
position: relative;
text-align: center;
height: 48px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
box-shadow: 0 3px 5px 0 var(--helio-color-shadow);
border: none;
background-color: #167dbb;
padding: 10px 38px;
color: #fff;
}
ul.search_ui li {
font-size: 16px;
color: #000;
margin-bottom: 11px;
}
/*faq css start .....*/
.accordion {
width: 100%;
margin: 1px auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.item.mnenn {
display: grid;
grid-template-columns: auto 1fr auto;
padding: 12px;
align-items: center;
column-gap: 24px;
row-gap: 32px;
background-color: #4db0eb;
margin-bottom: -2px;
border-left: 6px solid;
border-left: 0px solid #444083;
transition: .5s;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.item.faq{
display: grid;
grid-template-columns: auto 1fr auto;
padding: 12px;
align-items: center;
column-gap: 24px;
row-gap: 32px;
background-color: #4db0eb;
margin-bottom: -2px;
border-left: 6px solid;
border-left: 0px solid #444083;
transition: .5s;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-bottom: 30px;
}
.item.mnenn p {
color: #ffff !important;
}
.item.faq p {
color: #ffff !important;
}
.number {
color: #ced4da;
}
.number, .text {
font-size: 24px;
font-weight: 500;
}
.icon {
width: 24px;
height: 24px;
stroke: #383838;
cursor: pointer;
}
.hidden-box {
grid-column: 2;
display: none;
}
.hidden-box p {
line-height: 1.6;
margin-bottom: 24px;
}
.hidden-box ul {
display: flex;
flex-direction: column;
gap: 5px;
margin-left: 20px;
color: #fff;
font-size: 15px;
}
.open .number, .open .text {
color: #087f5b;
}
.open .hidden-box {
display: block;
}
.icon-rotate {
transform: rotate(180deg);
transition: 0.3s;
}
p.text {
color: #141323 !important;
font-size: 18px !important;
}
p.number {
color: #383838 !important;
}
.section-title.men {
padding-bottom: 0;
}
section.ev-testimonial {
padding: 97px 0px 119px;
background-color: #f8f9ff;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.ev-testimonial .author li:first-child {
left: 5%;
top: 0;
width: 450px;
}
.ev-testimonial .author li {
position: absolute;
}
.ev-testimonial .author li {
position: absolute;
right: 0;
}
.ev-testimonial .author li:first-child {
left: 5%;
top: 0;
width: 450px;
}
.ev-testimonial .author li {
position: absolute;
}
.text-center {
text-align: center !important;
}
.text-dark-blue {
font-weight: 400;
font-size: 12px;
line-height: 30px;
color: #3c6aa6;
display: inline-block;
margin-bottom: 3px;
}
.text-center.mb-4 h2 {
line-height: 50px;
text-transform: capitalize;
position: relative;
padding-bottom: 14px;
font-size: 33px;
color: #fff;
margin-bottom: 0px;
font-weight: bolder;
}
.testimonial-slides .testimonial-single-item {
text-align: center;
padding: 30px 20px;
position: relative;
margin-top: 113px;
border-radius: 10px;
}
.testimonial-slides .testimonial-single-item:before {
position: absolute;
content: "";
height: 130px;
width: 130px;
line-height: 130px;
background-color: #3c6aa6;
border-radius: 100px;
left: 0;
right: 0;
margin: 0 auto;
top: -76px;
}
.testimonial-slides .testimonial-single-item .testimonial-image {
position: absolute;
left: 0;
right: 0;
top: -70px;
}
.testimonial-slides .testimonial-single-item .testimonial-image img {
display: inline-block;
width: 125px;
height: auto;
border-radius: 100px;
}
.testimonial-slides .testimonial-single-item .testimonial-content-text h3 {
font-size: 18px;
color: #202647;
font-weight: 700;
margin: 40px 0 6px;
}
.testimonial-slides .testimonial-single-item .testimonial-content-text span {
font-size: 13px;
}
.icon a img {
width: 15px !important;
margin-bottom: 13px;
margin-top: 13px;
}
.owl-carousel .owl-item img {
display: inline-block;
width: auto;
}
.list-unstyled {
padding-left: 0;
list-style: none;
position: relative;
}
div#tns1 {
text-align: center;
}
.testimonials .single-testimonial .review {
margin-bottom: 20px;
}
ul.review{
display: inline-flex;
margin-right: 3px;
}
ul.review li i {
color: orange;
margin-right: 10px;
}
.clien-image img {
border-radius: 90px;
}
h4.sdusharof {
font-size: 18px;
font-weight: 700;
display: grid;
margin-top: 12px;
margin-bottom: 16px;
}
span.standardmen {
font-weight: 500;
margin-top: 10px;
font-size: 16px;
}
p.men_mnn {
width: 53%;
margin: 0 auto;
}
.testimonials .tns-nav button.tns-nav-active {
width: 20px;
background-color: #000 !important;
}
.testimonials .tns-nav button {
width: 10px;
height: 10px;
border-radius: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin: 0;
background: #081828;
display: inline-block;
border: none;
margin-right: 9px;
border-radius: 30px;
}
.tab-content.mano {
text-align: center;
padding: 113px 0px;
}
.tns-outer button {
display: none;
}
input.razorpay-payment-button {
background-color: #ffff;
border: 0;
padding: 13px 17px;
border-radius: 8px;
position: relative;
left: 90px;
top: -50px;
font-size: 18px;
}
/*
palan css start...*/
.custom-grid {
position: relative;
display: block;
width: 33.33%;
height: 495px;
overflow: hidden;
border-radius: 5px;
}
.custom-grid .wpo-service-item {
backface-visibility: hidden;
}
.custom-grid .card-plus {
transform-style: preserve-3d;
transition: all 0.5s linear;
}
.custom-grid:hover .card-plus {
transform: rotateY(-180deg);
}
.custom-grid .wpo-service-item {
position: absolute;
height: 100%;
display: block;
background-color: #ffffff;
padding: 1rem !important;
transform: rotateY(0deg);
}
.custom-grid .wpo-service-item.back {
position: absolute;
height: 100%;
width: 100%;
color: #ffffff;
padding: 0.5rem !important;
transform: rotateY(180deg);
background-color: #167dbb;
}
.custom-grid .card-plus {
height: 100%;
}
.wpo-service-text.growing h2 a {
color: #fff;
font-size: 25px;
text-align: center;
}
.wpo-service-text.growing p{
color: #fff !important;
}
.weddings h2 a {
color: #fff;
font-size: 25px;
}
.weddings {
position: absolute;
top: 200px;
font-size: 40px;
right: 45px;
}
.weddings.menn{
position: absolute;
top: 200px;
font-size: 40px;
right: 95px;
}
.wpo-service-text {
text-align: center;
position: relative;
top: 50px;
}
.weddings.Vastu {
position: absolute;
right: 170px;
top: 200px;
}
.psp-lite__continue_button {
padding: 20px 10px;
text-align: center;
background-color: #f5f6f9;
width: 100%;
margin: 0 auto;
margin-top: 24px;
border-radius: 5px;
}
.psp-lite__continue_button {
padding: 18px 10px;
text-align: center;
background-color: #f5f6f9;
width: 100%;
margin: 0 auto;
margin-top: 24px;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
position: relative;
top: 8px;
}
.pricing-headding-two {
min-width: 150px;
width: auto;
text-align: center;
position: relative;
left: -127px;
color: #ffff;
font-size: 18px;
font-weight: 600;
}
.pricing-headding-three {
text-align: center;
position: relative;
left: -127px;
color: #ffff;
font-size: 18px;
font-weight: 600;
}
.pricing-headding-four {
position: relative;
right: 92px;
font-size: 18px;
font-weight: 600;
}
span.dro_icon i {
width: 24px;
height: 24px;
stroke: #ffffff;
cursor: pointer;
}
span.dro_icon i {
transform: rotate(180deg);
transition: 0.3s;
}
.weddings.secti {
position: absolute;
top: 207px;
right: -9px;
}
span.material-symbols-outlined img {
width: 18px;
}
.whatsapp a i {
color: #29a71a;
margin-right: 93px;
}
.whatsapp {
text-align: center;
position: relative;
left: 170px;
top: -67px;
font-size: 37px;
}
.Solution .text-center.mb-4 {
position: relative;
top: 105px;
}
.wrapper {
display: flex;
align-items: center;
width: 100%;
}
.quote-row {
margin: auto;
width: 100%;
max-width: 1440px;
display: flex;
align-items: center;
position: relative;
justify-content: center;
}
.quote-column {
position: absolute;
padding: 0 !important;
overflow: hidden;
transition-property:top, left, right, bottom;
background: transparent;
box-shadow: none;
}
.col-active {
width: 33.33% !important;
transform: translate(-50%, -50%)!important;
top: 50%!important;
left: 50%!important;
bottom: unset!important;
background: rgba(255, 255, 255, 0.375);
box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0, 0.1);
border-radius: 1.3rem;
border: 1px solid rgba(255, 255, 255, 0.37);
overflow: hidden;
z-index:1;
height: 309px !important;
background-color: #fff !important;
}
.col-inner {
position: relative;
width: 100%;
max-width: 130px;
align-items: stretch;
justify-content: center;
overflow: hidden;
}
.col-active .col-inner {
max-width: 100%;
}
.author-meta{
width: 100%;
position: relative;
border: none;
}
.col-active .author-meta{
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.432);
}
.image-cover{
position: absolute;
width:100%;
float: left;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 100%;
z-index: 1;
cursor: pointer;
}
.col-active .image-cover{
position: relative;
width:30%;
max-width: 140px;
float: left;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 1.3rem 0rem 1.3rem 0rem;
z-index: 1;
}
.author-info{
width:70% ;
float: left;
padding: 10px;
overflow: hidden;
visibility: hidden;
}
.col-active .author-info{
visibility: visible;
}
.author-info .author-name, .author-info .person-title{
transform: translate(-100%, 0%);
transition: .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.show .author-info .author-name{
transform: translate(0%, 0%);
}
.show .author-info .person-title{
transform: translate(0%, 0%);
transition-delay: .2s;
}
.person-name{
font-size: 21.7px;
color: #000;
margin: 0;
margin-bottom: 5px;
}
.person-title{
font-size: 14px;
font-weight: 700;
color: #000;
margin: 0;
}
.quote-wrapper{
position: relative;
width: 100%;
margin: auto;
color: #494949;
padding: 20px 15px;
text-align: center;
overflow: hidden;
visibility: hidden;
z-index: 0;
}
.col-active .quote-wrapper{
visibility: visible;
}
.box-image-inner.image-cover img {
object-fit: cover;
position: relative;
width: 100%;
height: 100%;
}
.box-text-inner {
width: 340px;
margin: auto;
color:#000;
height: 80px;
}
.section-titlega8 h2 {
color: #fff !important;
}
.quote-wrapper .quote-symbol{
font-size:14vw;
line-height: 1em;
position: absolute;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
background-color: rgb(255, 255, 255);
z-index: 1;
transition: 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.quote-wrapper .quote-symbol:first-child {
left: 0%;
text-align: right;
}
.quote-wrapper .quote-symbol:last-child {
right: 0%;
text-align: left;
}
.show .quote-wrapper .quote-symbol:first-child {
left: -50%;
}
.show .quote-wrapper .quote-symbol:last-child {
right: -50%;
}
/*--Arrow--*/
.arrows-wrap {
position: unset;
}
.arrow {
position: absolute;
width: 30px;
height: 30px;
top: 80%;
background-color: #494949;
cursor: pointer;
}
.left-arrow {
float: left;
left: 30px;
clip-path: polygon(40% 0%, 40% 20%, 100% 33%, 100% 67%, 40% 80%, 40% 100%, 0% 50%);
}
.right-arrow {
float: right;
right: 30px;
clip-path: polygon(0 33%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0 67%);
}
/*mobile salider ...*/
section.about-us.section.map {
padding: 80px 0px;
}
h2.wow.fadeInUp.plan:before{
position: absolute;
content: '';
width: 44%;
height: 10px;
border-radius: 5px;
top: 3.125rem;
opacity: 0.6;
z-index: -1;
background: -webkit-linear-gradient(left, rgb(255 255 255) 0%, rgba(249,249,249,0) 100%);
top: 2.4375rem;
}
h2.wow.fadeInUp.plan{
color: #fff !important;
}
/*pricing palan css start....*/
.management-button a.buttonnow {
background-color: white;
padding: 10px;
color: #000;
border-radius: 8px;
margin-left: 94px;
position: relative;
top: -58px;
font-size: 12px;
}
.management-button {
margin-bottom: -39px;
}
p.psp-lite__pack_pricing {
margin-right: 100px !important;
}
.pricing-list {
display: flex;
justify-content: center;
align-items: baseline;
line-height: 60px;
/* overflow: auto;
height: 291px;*/
}
ul.jh li {
color: #ffff;
font-size: 18px;
}
.pricing-headding {
min-width: 500px;
width: 100%;
}
.pricing-headding-two {
min-width: 150px;
width: auto;
text-align: center;
}
li.pricing-table ul {
display: flex;
align-items: center;
}
li.pricing-table ul {display: flex;align-items: center;}
}
li.list-second {
width: 100px;
}
.en_button {
justify-content: center;
align-items: center;
display: flex;
}
span.psp-lite__pack_title {
color: #ffff;
opacity: 1;
font-size: 16px;
}
.content_button1 a {
text-decoration: none;
color: #ffff;
font-weight: bold;
font-size: 16px;
opacity: 0.8;
padding: 3px 0 0;
margin: 8px 0 2px 0;
}
.content_button1 a p {
margin: 0;
font-size: 18px;
color: #fff !important;
}
.sports_menn {
padding: 0;
margin: 0;
list-style: none;
}
.menn {
width: 22%;
}
.sports_menn {
width: 58%;
text-align: center;
}
.logged {
width:58%;
text-align: center;
}
.integrity{
width: 58%;
text-align: center;
}
li.list-first a {
color: #ffff;
text-decoration: none;
font-size: 13px;
color: #288dff;
}
ul.jh,ul.gold-in,ul.paly_in {
padding: 0;
margin: 0;
list-style: none;
}
li.list-first {
color: #ffff;
font-size: 18px;
}
li.list-second i {
font-size: 18px;
}
.Tagging.hedding h3 {
font-size: 18px;
font-weight: 600;
color: #fff !important;
}
.content_button1.price_btn {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 22px;
position: relative;
width: 79%;
left: 153px;
}
.sports_menn.active,
.logged.active,
.integrity.active {
background: #f4a135;
border-bottom: 1px solid #1e2a48;
opacity: unset;
padding: 19px;
border-radius: 5px;
color: #d6aa1d !important;
}
.mne_new_color {
width: 26%;
}
.dddd{
width: 100%;
padding: 30px 50px 20px;
border-radius: 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
margin-top: 9px;
border: 1px solid #ffff;
}
.men_cheked img {
position: absolute;
bottom: 105px;
right: -36px;
width: 30px;
height: 30px;
}
.men_cheked {
top: 0;
position: relative;
}
ul.except.sports {
margin: 0;
list-style: none;
padding: 0;
}
ul.except.sports h6 {
line-height: 60px;
font-weight: 600;
font-size: 18px !important;
color: #fff;
}
.content_button1, .content_button2, .content_button3 {
}
.programming,.programming2,.programming3{
padding: 13px 27px;
min-width: 32%;
border: 1px solid;
border: 1px solid;
border-color: #ffffff;
margin-right: 15px;
border-radius: 10px;
height: 90px;
}
.section-title.premiummm h2 {
text-align: left;
}
.price_btn a.active span {
background-color: transparent;
color: #efbf23 !important;
}
section.pricing-table.section {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: linear-gradient(90deg, #00102d 0%, #00102d 100%);
box-shadow: 0 0 0 0 #ffffff;
padding: 30px 0px;
}
/*pricing palan css end....*/
.error-area{
background-image: url(../images/404.jpg);
background-size: 100%;
background-repeat: no-repeat;
padding: 100px 0px;
}
h2.wow.fadeInUp.mad-section-titlega,h2.wow.fadeInUp.mad-section-titlepalan {
color: #fff;
}
p.wow.fadeInUp.titlega {
color: #ffff !important;
}
h2.wow.fadeInUp.mad-section-titlega:before{
position: absolute;
content: '';
width: 17%;
height: 10px;
border-radius: 5px;
top: 3.125rem;
opacity: 0.6;
z-index: -1;
background: -webkit-linear-gradient(left, rgb(255 255 255) 0%, rgba(249,249,249,0) 100%);
top: 2.4375rem;
}
h2.wow.fadeInUp.mad-section-titlepalan:before{
position: absolute;
content: '';
width: 43%;
height: 10px;
border-radius: 5px;
left: 224px;
top: 3.125rem;
opacity: 0.6;
z-index: -1;
background: -webkit-linear-gradient(left, rgb(255 255 255) 0%, rgba(249,249,249,0) 100%);
top: 2.4375rem;
}
.palan-pricing:before{
padding-top: 120px;
padding-right: 0px;
padding-bottom: 120px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/25.png);
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-position: 0 0;
box-shadow: 0 0 0 0 #ffffff;
}
.box-text-inner p{
text-align: justify;
}
.section.men_mobile:before{
background-image: url(../images/body-bg.png);
background-size: 100%;
background-repeat: no-repeat;
padding: 100px 0px;
}
section.accodi {
padding: 100px 0px;
}
.wpo-service-icon img {
border-radius: 5px;
width: 100%;
}
h2.wow.fadeInUp.mad-title-with-line2:before{
position: absolute;
content: '';
width: 22%;
height: 10px;
border-radius: 5px;
top: 3.125rem;
opacity: 0.6;
z-index: -1;
background: -webkit-linear-gradient(left, rgb(22 125 187) 0%, rgba(249,249,249,0) 100%);
top: 2.4375rem;
}
h2.wow.fadeInUp.mad-title-with-line5:before{
position: absolute;
content: '';
width: 52%;
height: 10px;
border-radius: 5px;
top: 3.125rem;
opacity: 0.6;
z-index: -1;
background: -webkit-linear-gradient(left, rgb(22 125 187) 0%, rgba(249,249,249,0) 100%);
top: 2.4375rem;
}
.section-title.premiummm {
margin-bottom: 0;
}
h2.wow.fadeInUp.mad-section-titlega8:before{
position: absolute;
content: '';
width: 8%;
height: 10px;
border-radius: 5px;
top: 3.125rem;
opacity: 0.6;
z-index: -1;
background: -webkit-linear-gradient(left, rgb(22 125 187) 0%, rgba(249,249,249,0) 100%);
top: 2.4375rem;
}
.men_solution{
background-image: url(../images/banner-bg-5.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 95px 0 84px;
position: relative;
z-index: 1;
}
h2.wow.fadeInUp.mad-section-Testimonials:before {
position: absolute;
content: '';
width: 22%;
height: 10px;
border-radius: 5px;
top: 3.125rem;
opacity: 0.6;
z-index: -1;
background: -webkit-linear-gradient(left, rgb(255 255 255) 0%, rgba(249,249,249,0) 100%);
top: 2.4375rem;
z-index: 0;
}
.commercial_box img{
width: 100% !important;
}
.owl-carousel .owl-item img{
width: 100% !important;
}
section.pricing-table.section {
overflow: hidden;
position: relative;
left: 0;
right: 0;
top: 0;
z-index: -0000;
}
/*.footer css start...*/
.footer{
background-image: url(../images/shape-bg.png);
background-color: #081828;
}
section.accodi{
background-image: url(../images/h3-parallax1.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: 1px 0px;
}
h2.wow.fadeInUp.mad-section-titlega8 {
color: #ffff;
text-align: center;
}
.pricing-table.section:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
top: 0;
width: 100%;
max-width: 100%;
height: 100%;
background-image: url(../images/header-particles.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
z-index: -5000;
}
.drone {
position:absolute;
animation-name:move;
animation-duration:40s;
animation-iteration-count:infinite;
animation-direction:alternate;
width:150px;
z-index: 999;
}
@keyframes move{
0%{left:0px; top:0px;}
15%{left:45%; top:0px;}
25%{left:90%; top:0px;}
50%{left:90%; top:75%;}
62%{left:45%; top:75%;}
75%{left:0px; top:75%;}
100%{left:0px; top:0px;}
}
footer {
position: relative;
}
.drone img {
width: 100%;
}
.box{
text-align: center;
position: relative;
overflow: hidden;
box-shadow: 0 0 5px #555;
margin-bottom: 53px;
position: relative;
}
.box img{
width: 100%;
height: auto;
}
.box .box-content{
width: 100%;
height: 100%;
padding: 0 20px;
position: absolute;
top: 0;
left: 0;
color: #fff;
background-color: rgb(22 125 187);
transform: rotate(0deg) scale(0);
transition: all 1.1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
}
.box:hover .box-content{
transform: rotate(360deg) scale(1);
transform-origin: -10% -20% 0;
}
.box .title{
font-size: 21px;
font-weight: 700;
text-transform: math-auto;
padding-bottom: 20px;
margin-bottom: 0;
border-bottom: 1px solid #fff;
color: #fff !important;
margin-top: 31px;
text-align: left;
}
h3.title.new {
position: absolute;
top: 0;
padding: 5px 20px;
}
.box .description{
font-size: 14px !important;
margin-top: 20px;
text-align: justify;
color: #fff !important;
overflow-x: auto;
overflow-y: scroll;
height: 232px;
}
@media only screen and (max-width:990px){
.box{ margin-bottom: 30px; }
}
@media only screen and (max-width:360px){
.box .box-content{ padding: 0 5px; }
.box .title{
margin-top: 10px;
padding-bottom: 10px;
}
}
/*Question page csss start.....*/
button.close.men {
background-color: transparent;
border: 0;
background-color: #4586bc;
padding: 0px 15px;
font-size: 25px;
border-radius: 5px;
margin-right: 10px;
color: #ffff;
}
sup.pricing_sup {
font-size: 17px;
position: relative;
top: 0px;
left: 0px;
margin-right: 3px;
}
/*abouts new css start.... */
.heding_abouts p,.information p {
font-size: 16px !important;
color: #383838 !important;
line-height: 30px !important;
text-align: justify;
margin-bottom: 20px;
}
.heding_abouts h2 {
font-size: 32px;
font-weight: 600;
margin-bottom: 12px;
color: #383838;
line-height: 32px;
}
.about_heding {
text-align: left;
padding: 50px 0;
}
.accessible_ios {
text-align: center;
}
.videobg::after {
position: absolute;
top: 0px;
left: 0px;
content: "";
display: block;
background-color: #167dbb30;
z-index: 2;
height: 100%;
width: 100%;
}
.videobg video {
width: 100%;
}
.information {
padding: 50px 0px;
}
/*login page css */
/*section.login.form-wrap{
background-image: url(../images/digi.mp4);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 20px 0 60px;
position: relative;
z-index: 1;
}*/
.login.form-wrap:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 30, 0.8);
}
.content-wrap:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 147px;
width: 100%;
z-index: -1;
border-radius: 3px 3px 0 0;
}
/*.content-wrap:after {
position: absolute;
content: "";
top: 137px;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/square-line.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
}*/
.contact-form-title {
padding: 0 0 23px;
text-align: center;
margin-top: -50px;
}
.contact-form-title h4 {
font-size: 25px;
line-height: 34px;
font-weight: 600;
color: #fff;
}
.contact-form-title p {
color: #fff !important;
font-size: 13px !important;
padding: 0px 0 0;
}
.btn-block button.theme-btn.login {
padding: 8px 15px !important;
background: #f5a236;
display: block;
color: #ffffff;
border-radius: 30px;
width: 100%;
cursor: pointer;
text-align: center;
transition: 0.5s;
font-size: 17px;
border: 0.3px solid #f5a236;
min-width: 98%;
margin-top: 10px;
}
.btn-block button.theme-btn.login:hover {
background-color: transparent;
color: #ff9800;
}
/*login page css end*/
.section-title_title{
padding: 0 0 2px;
text-align: center;
margin-bottom: 18px;
}
.section-title_title h4{
font-size: 30px;
line-height: 50px;
font-weight: 600;
color: #fff;
}
.section-title_title p {
color: #fff !important;
font-size: 18px;
padding: 10px 0 0;
}
.signup.form-wrap{
background-image: url(../images/faq-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 20px 0 60px;
position: relative;
z-index: 1;
}
.signup.form-wrap:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 30, 0.8);
}
.content-wrap .form-control.email.login {
background-image: url(../images/mail.jpg);
background-size: 7%;
}
.content-wrap .form-control.password.login {
background-image: url(../images/padlock.jpg);
background-size: 7%;
}
span.icon-inside.hide-password img {
width: 7%;
}
.sinup_mennn img {
width: 100%;
}
.content-wrap .form-control.mobile {
background-color: #ffffff;
border: .3px solid #167dbb;
color: #383838;
font-size: 16px;
height: 44px;
padding: 10px 50px 10px 21px;
border-radius: 0px 50px 50px 1px !important;
}
.select_menus.value {
background-color: #fff;
background-color: #fff;
border: .3px solid #167dbb;
font-size: 16px;
height: 44px;
padding: 10px 0px 10px 10px;
width: auto;
border-radius: 50px 2px 2px 50px;
color: #157dba;
}
.development_meen {
position: relative;
}
.thumbnail img {
-webkit-transition: transform 10s;
-moz-transition: transform 10s;
transition: transform 10s;
width: 100%;
}
.port-shape-thumb {
position: absolute;
left: 84px;
}
.rotateme {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes rotateme {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
/*Features animatec css */
section.welcome-section{
background-image: url(../images/light-pattern.png);
padding: 30px 0 30px;
position: relative;
}
section.portfolio-section.section{
background-image: url(../images/h7-bg-section6.jpg);
background-repeat: no-repeat;
background-size:cover;
padding: 30px 0 30px;
position: relative;
}
.bounce-animate {
animation-name: float-bob;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.why-choose-us-shape-thumb {
position: absolute;
top: 16px;
right: 0;
}
@keyframes float-bob {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
/*faq animation*/
section.menn_shoprt{
background-image: url(../images/faq_banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 30px 0 30px;
position: relative;
z-index: 1;
}
}
.testi-shape-thumb1 {
position: absolute;
left: 400px;
top: 50px;
}
.rotateme {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes rotateme {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.testi-shape-thumb {
position: absolute;
left: -120px;
top: 0;
animation: moveLeftBounce 3s linear infinite;
z-index: -1;
opacity: 0.2;
}
@keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
section.order_now.elementor-section{
background-image: url(../images/testimonial-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 30px 0 30px;
position: relative;
}
/*.heding_abouts h2::before {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 96px;
height: 4px;
background-color: #fff;
}
.heding_abouts h2::after {
content: "";
position: absolute;
left: 0px;
top: 44px !important;
height: 10px;
width: 10px;
border-radius: 50%;
background: #f4a135;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: MOVE-BG;
}*/
@-webkit-keyframes MOVE-BG {
from {
background-position: 0% 0%
}
to {
background-position: 187% 0%
}
}
.footer-thumb1.bounce-animate2 {
position: absolute;
left: -161px;
margin-top: 370px;
}
.bounce-animate2 {
animation-name: float-bob2;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob2;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob2;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob2;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@keyframes float-bob2 {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/*foter css
*/
li.gif_icon img {
width: 45px;
background-color: #ffffff;
height: 45px;
padding: 10px;
border-radius: 50px;
}
.pf-content h4 {
font-size: 16px;
margin-top: 10px;
}
li.Pages_instagram a {
background: linear-gradient(135deg, #b618c1 0%, #f3593d 100%) !important;
}
li.social-icon-color a{
background: #187dff !important;
}
li.social-icon-color2 a{
background: #219ff9 !important;
}
ol.carousel-indicators {
position: absolute;
bottom: 40px;
}
.carousel-indicators li {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
cursor: pointer;
opacity: .5;
background: #fff !important;
margin: 2px !important;
padding: 2px !important;
border: 1px solid #000;
border-radius: 50% !important;
width: 13px !important;
height: 13px !important;
}
.main-header {
width: 100%;
left: 0;
top: 0;
z-index: 99 !important;
padding: 10px 0;
transition: 300ms all ease-in;
background-color: #167dbb;
}
.main-header {
padding: 10px 0px !important;
width: 100% !important;
position: relative;
}
.header_cls {
display: flex;
padding: 5px 0;
align-items: center;
position: relative;
}
.logo img {
width: 137px;
}
.menu {
margin-left: auto;
}
.overlaybox {
display: none;
}
.menu ul {
padding-left: 0;
display: flex;
align-items: center;
align-self: center;
margin-bottom: 0;
}
.menu ul li {
display: inline-block;
padding: 0 12px;
position: relative !important;
}
a.nav-link.active {
color: #e69d32;
}
.menu ul li a {
position: relative;
transition: all 0.5s;
font-weight: 500;
color: #383838;
font-size: 16px;
}
.menu ul li a:after {
content: "";
display: inline-block;
width: 0;
background: #ee8a09;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
transition: all .5s;
height: 2px;
}
a.nav-link.active {
color: #e69d32;
}
.menu ul li a:hover {
color: #ffffff;
}
.header-end {
display: inline-flex;
}
.header-end a:first-child {
margin-right: 15px;
}
.button-bordered {
color: #ffff !important;
background-color: #f6a136;
border-color: #f6a136 !important;
font-size: 15px !important;
font-weight: 700;
}
.button-bordered {
display: inline-block;
line-height: normal;
text-align: center;
outline: none;
border-radius: 0;
transition: all 500ms ease;
padding: 0 20px;
padding-top: 11px;
padding-bottom: 12px;
border: 2px solid transparent;
transition: all .5s ease !important;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease !important;
position: relative;
overflow: hidden;
border-radius: 4px;
margin-left: 15px;
}
a.button {
cursor: pointer;
}
a.button.button-bordered:hover {
background-color: transparent;
color: #ffffff !important;
}
.account_sec button {
margin-left: 10px;
}
/*.navbar-nav .nav-item a.active, .navbar-nav .nav-item a:hover {
background-color: #167dbb;
color: #fff !important;
}*/
.navbar-nav .nav-item a {
font-size: 15px;
font-weight: 600;
color: #ffffff;
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
padding: 10px 15px;
position: relative;
text-transform: capitalize;
background-color: transparent;
border-radius: 20px;
}
.top_header {
background-color: #167dbb;
padding: 20px 0;
}
.top_header ul.top_cnt {
display: flex;
align-items: center;
}
.top_header ul.top_cnt li {
color: #fff;
font-size: 13px;
margin-right: 66px;
font-weight: 500;
}
.top_header ul.top_cnt a {
color: #ffff;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
header .container, .top_header .container {
max-width: 95%;
}
.main-header.sticky::after {
content: "";
position: absolute;
top: 0px;
width: 17%;
width: 27%;
height: 100%;
z-index: -1;
background-color: #fff;
-webkit-transform: skew(23deg);
transform: skew(23deg);
border-right: 10px solid #f5a236;
left: -37px;
}
.top_header ul.top_cnt li i {
padding-right: 5px;
}
.button-bordered {
color: #ffffff !important;
background-color: #f5a236;
border-color: #ffffff !important;
font-size: 15px !important;
font-weight: 500;
}
/* demo css start...*/
span.left_product {
width: 169px;
height: 552px;
position: absolute;
left: 0px;
background-color: #167dbb;
display: inline-block;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.development_meen img {
width: 100%;
position: relative;
top: 69px;
border: 20px solid #ffff;
top: 69px;
}
section.about-us.section.map{
width: 100%;
padding-top: 26px;
background-image: url(../images/laptop-right-design.webp);
background-repeat: no-repeat;
position: relative;
background-position: right;
min-height: 615px;
height: 39%;
display: flex;
align-items: center;
}
section.new_design_in {
width: 100%;
padding-top: 4%;
padding-bottom: 4%;
background-image: url(../images/job_.jpg);
background-repeat: no-repeat;
position: relative;
background-size: cover;
min-height: 706px;
height: 100%;
display: flex;
align-items: center;
}
section.new_design_in {
padding: 50px 0;
}
.reviews_app {
background-color: #fff;
text-align: center;
position: relative;
-webkit-box-shadow: 0px 0px 29px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 29px -9px rgba(0,0,0,0.75);
box-shadow: 0px 0px 29px -9px rgba(0,0,0,0.75);
border-radius: 12px;
min-height: 543px;
margin-bottom: 50px;
}
.box1_m img {
width: 100%;
border-radius: 12px 12px 0px 0px;
}
.comremot {
padding: 13px 27px;
height: 230px;
}
.comremot p {
text-align: justify;
font-size: 14px !important;
line-height: 26px !important;
}
.comremot h3 {
font-size: 21px;
color: #333333;
font-weight: bold;
padding-bottom: 17px;
color: #167dbb;
}
.area_sicre h2 {
font-size: 32px;
margin-bottom: 34px;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 32px;
font-weight: 700;
color: #383838;
}
.ct-link-external1 a {
text-decoration: none;
font-size: 16px;
display: inline-flex;
align-items: center;
font-weight: 700;
background-color: #167dbb;
padding: 11px 23px;
color: #fff;
font-weight: 400;
border-radius: 5px;
border: 1px solid #167dbb;
transition: 0.3s all ease-in-out;
}
.ct-link-external1 a:hover {
background-color: transparent;
color: #167dbb;
border: 1px solid #167dbb;
transform: scale(1.05);
}
.ct-link-external1 i {
margin-left: 8px;
font-size: 14px;
}
.reviews_app:after {
position: absolute;
content: "";
right: -4px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 252px;
border-right: 8px solid #167dbb;
border-radius: 10px;
}
span.more_mini {
font-family: 'Satisfy', cursive;
font-weight: 400;
}
.totam_app h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 32px;
font-weight: 700;
color: #383838;
margin-bottom: 15px;
}
.totam_app p {
color: #383838 !important;
font-size: 16px !important;
line-height: 27px !important;
text-align: justify;
width: 92%;
margin-bottom: 8px;
}
.voluptas_in img {
width: 100%;
}
.totam_app {
margin-top: 41px;
}
.aspernatur_ui {
margin-bottom: -540px;
text-align: center;
}
.owl-carousel .owl-item img {
width: 43% !important;
height: 100%;
}
.voluptas_in {
position: absolute;
}
section.about-us.sectiongallery {
padding: 60px 0px 60px;
background-image: url(../images/mobile--android-img01.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/*gaet in tech page css start*/
.contact_sec_form_digi{
margin-top: 0px;
padding: 30px;
position: relative;
background: #fff;
border-radius: 10px;
}
.contact_sec_form_digi::before {
content: "";
position: absolute;
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
border-radius: 10px;
background-color: #e6e6e6;
z-index: -1;
}
.form-group, .mobile_companies_itm_img, .why_sec_con .heading_type2 h3, section.crm_sec h3 {
margin-bottom: 0px;
}
.user-icon {
background-position: -786px -1280px;
width: 22px;
}
section.men_our {
background-color: #167dbb;
padding: 70px 0;
margin-top: 0px;
position: relative;
}
.file_input.digimy {
height: 47px;
overflow: hidden;
position: relative;
}
.file_input.digimy input[type=file] {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
}
.file_input.digimy span {
border: 2px dashed #ced4da;
width: 100%;
border-radius: 5px;
padding: 5px 10px;
font-size: 18px;
height: 100%;
overflow: hidden;
display: block;
text-align: center;
color: #383838;
}
.btn.btn_digimy {
background: #081828;
color: #fff;
width: 100%;
height: 47px;
font-size: 18px;
}
.btn.btn_digimy :before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 200px;
transition: .5s;
}
.btn:after, .btn:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 200px;
transition: .5s;
}
.blog_table_head, .contact_social_link, .d-flex, .date_comp, .footer-inner-cls {
display: flex;
}
.digimy_social_link{
display: flex;
}
.mail_address_clsdigi.ml-auto a{
display: flex;
background: #167dbb;
height: 45px;
align-items: center;
padding: 0 15px 0 50px;
border-radius: 5px;
color: #fff;
}
.mail_address_clsdigi a{
display: flex;
background: #167dbb;
height: 45px;
align-items: center;
padding: 0 15px 0 50px;
border-radius: 5px;
color: #fff;
}
.digimy_social_link {
display: flex;
}
.mail_address_cls {
position: relative;
}
.mail_cont.land{
border-left: 1px solid #fff;
height: 100%;
display: flex;
align-items: center;
padding-left: 15px;
}
.mail_address_clsdigi.ml-auto i {
font-size: 22px;
position: relative;
right: 29px;
}
.mail_address_clsdigi.ml-auto a h6 {
font-size: 14px !important;
margin-bottom: 0 !important;
font-weight: 700 !important;
color: #ffffff;
}
.mail_address_clsdigi i {
font-size: 22px;
position: relative;
right: 29px;
}
.mail_address_clsdigi a h6 {
font-size: 14px !important;
margin-bottom: 0 !important;
font-weight: 700 !important;
color: #ffffff;
}
.mail_address_clsdigi {
position: relative;
width: 48%;
}
.comment-icondigimy {
background-position: -849px -1280px;
position: absolute;
top: 171px;
left: 47px;
font-size: 20px;
}
.email_control, .message_control, .name_control, .telephone_control {
padding-left: 50px;
}
.head_digimyland h3 {
font-size: 40px;
color: #fff;
margin-bottom: 1px;
font-weight: 600;
}
.head_digimyland p {
font-size: 18px !important;
color: #000 !important;
margin-left: 10px !important;
margin-bottom: 22px;
}
.head_digimyland h4{
color: #fff;
font-size: 18px;
font-weight: 400;
margin-bottom: 2px;
position: absolute;
opacity: 0.8;
}
.form-control.name_control {
background-image: url(../images/name-icon.svg);
background-size: 6%;
position: relative;
background-repeat: no-repeat;
background-position: 22px center;
}
.form-control.email_control.gmail{
background-image: url(../images/email-icon.svg);
background-size: 8%;
position: relative;
background-repeat: no-repeat;
background-position: 22px center;
}
.area_sicre.faq h2 {
margin-bottom: 0 !important;
margin-top: 0;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 35px;
font-weight: 700;
color: #383838 !important;
margin-bottom: 15px;
text-align: left;
}
section.spheres_in_pe {
padding: 50px 0px 60px;
background-image: url(../images/features-bg.jpg);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
}
.all_min_its {
background: #F3F4F5;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 25px;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background: transparent;
color: #fff !important;
border: 0;
}
h2.all_in{
background: #ffffff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
border-radius: 3px;
list-style: none;
padding: 15px;
font-size: 18px;
color: #373737;
font-weight: 500;
border-left: 5px solid #167dbb;
transition: .5s;
height: 66px;
}
.explore_hedding h2::after {
content: " ";
width: 70px;
height: 5px;
position: absolute;
bottom: -12px;
left: 5px;
background: #167dba;
border-radius: 10px;
}
.explore_hedding {
text-align: left;
position: relative;
margin-bottom: 37px;
}
.explore_hedding h2 {
font-size: 32px;
font-weight: 700;
line-height: 35px;
}
.portfolio-item-wrapper .portfolio-img {
overflow: hidden;
position: relative;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
animation: fadeInRight 2s ease backwards;
width: 428px;
}
.list-group-item {
position: relative;
display: block;
padding: 0.5rem 1rem;
text-decoration: none;
background-color: transparent !important;
border: 0;
margin-bottom: 20px !important;
}
.list-group-item.active h2 {
z-index: 2;
color: #fff;
background: #167dbb;
color: #fff !important;
border-left: 5px solid #c2d5e0;
}
.head_digimyland img {
width: 80%;
position: relative;
left: 24px;
top: 51px;
}
.contact-us.section_us{
height: 500px;
background-image: url(../images/contact-bg.webp);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
top: 90px;
}
section.tenance {
padding: 50px 0px;
}
section.men_our.conatct {
background-color: #f1f1f1 !important;
padding: 50px 0px !important;
margin-top: -119px !important;
}
.contact_sec_form_digi.project {
margin-top: 70px;
}
.head_digimyland.get h3 {
color: #000;
font-size: 50px;
margin-top: -93px;
font-weight: 700;
}
.head_digimyland.get {
margin-top: 80px;
}
.timelines img {
width: 100%;
}
/*abouts page design css start....*/
section.parameters_us {
background-image: url(../images/aboutUs_header1.webp);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
top: 90px;
margin-bottom: 140px;
}
section.parameters_us:after {
content: "";
z-index: 99;
background-image: url(../images/design_us.png);
background-size: 100% 100%;
width: 100%;
background-position: top;
position: absolute;
background-repeat: no-repeat;
left: 0px;
right: 0px;
bottom: -22px;
height: 266px;
}
.timelines img {
width: 100%;
}
.web_design h2 {
font-weight: bold;
font-size: 50px;
color: #fff;
margin: 10px 0 10px;
line-height: 80px;
}
.web_design {
margin: 40px 0 0 0;
}
.web_design p {
color: #fff !important;
font-size: !important;
font-size: 16px !important;
margin-bottom: 10px;
line-height: 25px !important;
text-align: justify;
}
/*testimonial css start..*/
section.sharing {
position: relative;
padding: 60px 0px;
}
.ratings ul li i {
color: #fc0;
}
.Client_us {
margin-bottom: 20px;
}
section.sharing:before {
content: "";
top: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 674px solid #167dbb;
border-left: 822px solid transparent;
z-index: -1;
position: absolute;
}
.sfl-thumb {
border: 10px solid #fff;
border-radius: 4px;
box-shadow: 0 5px 10px rgba(16,17,21,.1);
}
.sfl-thumb img {
width: 100%;
}
.min_ap img {
margin-bottom: 0px !important;
}
.video-button:before {
-webkit-animation: inner-ripple 2s linear infinite;
animation: inner-ripple 2s linear infinite;
z-index: -10;
}
.video-button:before {
border-radius: 100%;
height: 100%;
left: 0;
opacity: .15;
top: 0;
width: 100%;
z-index: -10;
}
.video-button {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.Client_us span {
color: #24205f !important;
font-size: 20px;
font-weight: 500;
}
.reviewer-info span {
color: #383838;
margin-top: 10px;
}
.Client_us h2 {
margin-bottom: 0 !important;
margin-top: 0;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 35px;
font-weight: 700;
color: #383838 !important;
margin-bottom: 15px !important;
}
.owl-carousel.review {
padding: 37px 0px;
position: relative;
z-index: 1;
}
.review-box {
color: #FFFFFF;
background-color: #333333;
padding: 30px 0px;
width: 80%;
background-color: #fff;
padding: 32px 50px 40px;
-webkit-box-shadow: 0 22px 27px rgba(0,5,36,.1);
-khtml-box-shadow: 0 22px 27px rgba(0,5,36,.1);
-moz-box-shadow: 0 22px 27px rgba(0,5,36,.1);
-ms-box-shadow: 0 22px 27px rgba(0,5,36,.1);
-o-box-shadow: 0 22px 27px rgba(0,5,36,.1);
box-shadow: 0 22px 27px rgba(0,5,36,.1);
}
/*.review-box figure {
width: 78px;
height: 78px;
border-radius: 50%;
overflow: hidden;
display: inline-block;
border: 3px solid #333333;
}*/
.review-box figure.hours_salid img {
/* width: 8px; */
height: 86px;
border-radius: 50%;
overflow: hidden;
display: inline-block;
border: 3px solid #333333;
width: 21% !important;
left: 0;
}
.reviewer-info h4 {
font-size: 21px;
font-weight: 700;
}
.owl-carousel.review .review-box figure {
border-color: #C9C9C9;
}
.review-box figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.review-box .ratings {
padding: 10px 0;
}
.ratings ul {
display: inline-flex;
}
.ratings ul {
display: inline-flex;
}
/*mobile page design ...*/
section.include_app {
position: relative;
background-color: #383838;
}
section.include_app:before {
content: "";
top: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 713px solid #f5a236;
border-left: 1062px solid transparent;
z-index: 0;
position: absolute;
}
section.include_app {
padding: 60px 0px 0px;
background-position: right bottom -162px;
position: relative;
top: 90px;
}
.Android_mini h2 {
font-weight: bold;
font-size: 50px;
color: #fff;
line-height: 55px;
margin-bottom: 21px;
}
.web_new img {
width: 72%;
margin: 0 auto;
position: relative;
left: 50px;
}
.Android_mini p {
color: #ffffff !important;
font-size: 14px !important;
line-height: 25px !important;
text-align: justify;
width: 92%;
margin-bottom: 20px;
}
.web_new {
margin-bottom: 42px;
}
.Android_mini {
margin-top: 18px;
}
section.animations_app {
padding: 30px 0;
}
.android_list a img {
width: 100%;
margin-bottom: 36px;
}
.tegration h2 {
font-size: 50px;
font-weight: 700;
margin-bottom: 22px;
}
section.login_page{
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
position: relative;
}
section.login_page:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 30, 0.8);
}
.text_setup {
position: relative;
z-index: 10;
}
.content-wrap.register .form-group {
margin-bottom: 21px;
}
section.login.form-forgrt {
padding: 80px 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
position: relative;
}
section.login.form-forgrt .video_min{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
section.login.form-forgrt:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 30, 0.8);
}
section.question:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 30, 0.8);
}
.content-wrap.question{
background: transparent;
border-radius: 58px;
border: 1px solid #ffff;
background-color: #ffffff1a;
max-width: 50%;
margin: 0 auto;
padding: 140px 23px 95px;
border: 1px solid #dddddd;
background-color: transparent;
-webkit-box-shadow: 10px 0 12px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 10px 0 12px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 3px #ddd;
}
.content-wrap.question:after {
position: absolute;
content: "";
top: 25px;
/* left: 188px; */
height: 100%;
width: 20%;
background-image: url(../images/cemra_land.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
transform: translateX(100px);
overflow: hidden;
}
section.question.form-wrap video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.questionsignup {
position: relative;
z-index: 10;
}
section.question.form-wrap {
position: relative;
padding: 80px 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
position: relative;
}
.vdo-bg.mobile_hide {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
min-height: 700px;
position: relative;over;
z-index: 0;
}
/*.vdo-bg.mobile_hide:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(15 13 28 / 70%);
z-index: 1;
}*/
.vdo-bg.mobile_hide video {
width: 100%;
height: 100%;
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
z-index: 0;
}
/*abouts new css start*/
section.our_view_land {
padding: 60px 0px 60px;
background-image: url(../images/why_men.png);
background-color: #f5f5f5;
}
.Things_line h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 15px;
margin-top: 30px;
}
.Things_line p {
color: #383838 !important;
font-size: 16px !important;
line-height: 27px !important;
text-align: justify;
width: 100%;
margin-bottom: 8px;
}
.managed_land img {
width: 100%;
}
section.connection_new {
padding: 60px 0px 60px;
background-color: #167dbb;
}
.anywhere h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #fff;
margin-bottom: 37px;
text-align: center;
}
.farmers_of {
background-color: rgba(0,0,0,0.2);
border-radius: 10px;
border: 1px dashed #fff;
height: 100%;
width: 100%;
max-width: 100%;
padding: 30px 15px;
transition: all 0.5s;
}
.platforms-outer h6 {
color: #fff;
font-weight: 600;
font-size: 20px;
line-height: normal;
letter-spacing: 0;
margin: 15px 0 10px;
}
.platforms-outer p {
color: #fff !important;
font-weight: normal;
font-size: 14px !IMPORTANT;
line-height: 23px !IMPORTANT;
letter-spacing: 0 !important;
margin: 0px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
}
.farmers_of.paper {
position: relative;
top: 36px;
}
.anywhere {
margin-bottom: 50px;
}
.farmers_of.fencing {
position: relative;
top: 70px;
}
.farmers_of:hover {
background-color: #f5a236;
transform: translateY(-10px);
}
section.recordfor {
background-color: #ededed;
padding: 60px 0px 30px;
text-align: center;
}
.systems_men h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 5px;
text-align: center;
}
.including.men img {
width: 100%;
}
.challenges_img h3 {
font-size: 18px;
line-height: 21px;
color: #081828;
/* text-transform: uppercase; */
font-weight: 600;
letter-spacing: 0.5px;
/* margin-bottom: 9px; */
font-family: 'Poppins', sans-serif;
}
.challenges_img {
margin-top: 51px;
text-align: left;
margin-bottom: -22px;
}
.challenges_img p {
font-size: 15px !important;
line-height: 23px !IMPORTANT;
}
.systems_men {
margin-bottom: 29px;
}
section.these_thing {
padding: 60px 0px 60px;
background-image: url(../images/digimyland_img.webp);
}
.reduce {
text-align: center;
margin-bottom: 60px;
}
.reduce h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 5px;
text-align: center;
}
.reduce p {
font-size: 15px !important;
line-height: 23px !IMPORTANT;
}
.all_management {
background: #fff;
border-radius: 50px;
width: 311px;
height: 292px;
text-align: center;
padding: 10px 15px;
margin: 0px auto 45px;
}
.administrationt h3 {
font-size: 20px;
font-weight: 700;
margin: 20px 0px;
}
.all_management :before {
display: inline-block;
content: "";
width: 32px;
height: 196px;
left: -47px;
background: #27a1e1;
position: absolute;
border-radius: 116px 0px 0px 116px;
top: 21px;
}
.administrationt {
position: relative;
}
.all_management.used :before {
display: inline-block;
content: "";
width: 32px;
height: 196px;
left: -47px;
background: #f5a236;
position: absolute;
border-radius: 116px 0px 0px 116px;
top: 21px;
}
.all_management.develop :before {
display: inline-block;
content: "";
width: 32px;
height: 196px;
left: -47px;
background: #e05f42;
position: absolute;
border-radius: 116px 0px 0px 116px;
top: 21px;
}
section.collateral_men {
width: 100%;
padding: 60px 0 60px;
background-color: #fcf8f7;
background-image: url(../images/digicross_shaps.png), url(../images/digimy_left_shape.png );
background-position: top right, left bottom;
background-repeat: no-repeat;
}
.businesses img {
width: 100%;
}
.accessible h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 15px;
/* margin-top: 30px; */
}
.accessible p {
color: #383838 !important;
font-size: 16px !important;
line-height: 27px !important;
text-align: justify;
width: 100%;
margin-bottom: 23px;
}
section.powering_faq{
padding: 60px 0px 60px;
background: #064e96;
}
.valuable_faq img {
width: 100%;
}
.valuable_faq {
text-align: center;
}
.asked_min h2 {
margin-top: 0;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 35px;
font-weight: 700;
color: #fff !important;
margin-bottom: 15px;
}
.asked_min {
margin-top: 100px;
}
.asked_min p {
color: #ffffff !important;
font-size: 16px !important;
line-height: 26px !important;
text-align: justify;
width: 90%;
margin-bottom: 16px;
}
section.landmarks_in{
padding: 35px 0px 60px;
background: #064e96;
padding-bottom: 107px;
}
.create_menn h2 {
font-size: 32px;
font-weight: 600;
margin-bottom: 34px;
color: #383838;
text-align: left;
}
.Stakeholders img {
width: 100%;
position: relative;
top: 69px;
border: 20px solid #ffff;
}
.right_product{
width: 169px;
height: 492px;
position: absolute;
background-color: #f5a236;
display: inline-block;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
right: 0;
}
.Things_line.Record h2 {
color: #fff;
margin-top: 50px;
margin-bottom: 11px;
}
.Things_line.Record p {
color: #fff !important;
}
.information_button a {
text-decoration: none;
font-size: 16px;
display: inline-flex;
align-items: center;
font-weight: 700;
background-color: #fff;
padding: 11px 23px;
color: #064e96;
font-weight: 400;
border-radius: 5px;
border: 1px solid #ffffff;
transition: 0.3s all ease-in-out;
margin-top: 16px;
}
.information_button a:hover {
background-color: transparent;
color: #ffffff;
border: 1px solid #ffffff;
transform: scale(1.05);
}
.information_button a i {
margin-left: 10px;
font-size: 14px;
position: relative;
top: 2px;
}
/*
new css start valuNew .... */
section.assistance {
background-image: url(../images/vallu_back.jpg);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
padding: 145px 0 60px;
}
.measurement h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #ffff;
margin-bottom: 15px;
}
.measurement p {
color: #ffff !important;
font-size: 15px !important;
line-height: 27px !important;
width: 68%;
margin-bottom: 8px;
margin: 0 auto;
}
.measurement {
text-align: center;
}
section.managing {
background-image: url(../images/Enhancing.webp);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
padding: 60px 0 60px;
}
.ensure_in h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 15px;
}
.ensure_in p {
color: #383838 !important;
font-size: 16px !important;
line-height: 27px !important;
width: 90%;
margin-bottom: 8px;
text-align: justify;
}
.topographic {
padding: 60px 0px 60px;
background-color: #f3f3f3;
}
.this_teg h2 {
text-align: left;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 2px;
}
.this_teg p {
color: #383838 !important;
font-size: 15px !important;
line-height: 27px !important;
width: 54%;
margin-bottom: 36px;
}
.domain_than h2 {
text-align: left;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 2px;
}
.domain_than p {
color: #383838 !important;
font-size: 15px !important;
line-height: 27px !important;
width: 54%;
margin-bottom: 36px;
}
.measurements_slide_text {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
box-shadow: 0px 0 90px rgb(0 0 0 / 10%);
padding: 37px 30px;
border-radius: 30px;
margin: 0 0 45px 0px;
}
span.infrastructure_manual_Count {
font-size: 216px;
color: rgba(32,32,32,10%);
font-weight: bold;
line-height: 166px;
margin-right: 30px;
width: 130px;
text-align: center;
}
.measurements_slide_text>div {
margin: 0;
width: calc(100% - 130px);
}
.measurements_slide_text>div h5 {
color: #202020;
font-size: 24px;
font-weight: bold;
line-height: normal;
margin-bottom: 15px;
}
.measurements_slide_text>div p {
color: #202020 !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 28px !important;
text-align: left;
margin: 0;
}
.measurements_slide_text:hover {
background: linear-gradient(to right, #167dbb, #167dbb, #167dbb);
}
.measurements_slide_text:hover h5, .measurements_slide_text:hover p {
color: #fff;
}
.measurements_slide_text:hover p {
color: #fff !important;
}
span.sectors {
font-size: 17px;
color: #383838;
font-weight: bold;
text-align: center;
margin-right: 3px;
background-color: #167dbb;
width: 30px;
height: 30px;
border-radius: 50px;
justify-content: center;
align-items: center;
display: grid;
color: #fff;
}
section.government_min{
background-image: url(../images/digimyland_service-bg.webp);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
padding: 60px 0 60px;
}
.domain_than p {
margin-bottom: 17px;
}
section.qualification_in{
background-image: url(../images/Legal_bg.webp);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
padding: 60px 0 60px;
}
.ortgage_in h2 {
text-align: left;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 2px;
}
.ortgage_in p {
color: #383838 !important;
font-size: 15px !important;
line-height: 27px !important;
width: 54%;
}
ul.interest {
padding-left: 20px;
padding-top: 0px;
margin-top: 30px;
margin-bottom: 30px;
}
ul.interest li {
position: relative;
color: #1f2756;
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
padding-left: 34px;
width: 68%;
}
ul.interest li:before {
position: absolute;
left: 0px;
top: 4px;
width: 22px;
height: 22px;
background: url(../images/Digicheck.webp);
background-repeat: no-repeat;
content: "";
}
section.documents_in{
width: 100%;
background: #fff url(../images/digimy-bg.webp);
background-repeat: no-repeat;
position: relative;
background-position: right;
min-height: 489px;
height: 100%;
display: flex;
padding: 60px 0 60px;
}
.property_di h2 {
text-align: left;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 2px;
}
.property_di p {
color: #383838 !important;
font-size: 15px !important;
line-height: 27px !important;
width: 68%;
margin-bottom: 8px;
}
ul.searches {
padding-left: 20px;
padding-top: 0px;
margin-top: 30px;
margin-bottom: 30px;
}
ul.searches li {
position: relative;
color: #1f2756;
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
padding-left: 34px;
width: 68%;
}
ul.searches li:before {
position: absolute;
left: 0px;
top: 4px;
width: 22px;
height: 22px;
background: url(../images/digiland_icon.webp);
background-repeat: no-repeat;
content: "";
}
section.representation_min{
background-image: url(../images/Vastudigi.webp);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
padding: 60px 0 60px;
}
.prevent_in h2 {
text-align: left;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 5px;
}
.prevent_in p {
color: #383838 !important;
font-size: 15px !important;
line-height: 27px !important;
width: 68%;
margin-bottom: 8px;
}
ul.improve li {
display: block;
border-bottom: 1px solid #ebebeb;
padding: 10px 0px;
width: 100%;
}
ul.check_darkm li{
background: url(../images/dark_orange.png) left 7px/17px no-repeat;
padding-left: 30px;
margin-bottom: 10px;
}
ul.check_darkm {
margin-bottom: 20px;
}
ul.check_darkm li{
font-size: 18px;
color: #fff;
font-weight: 700;
}
ul.consuming_in li i {
display: block;
width: 18px;
height: 18px;
line-height: 15px;
font-size: 17px;
text-align: center;
background-color: #167dbb;
position: absolute;
top: 7px;
left: 0;
border-radius: 17px;
color: #fff;
justify-content: center;
align-items: center;
display: flex;
font-size: 1px;
}
ul.consuming_in li {
position: relative;
padding-left: 30px;
margin-bottom: 15px;
display: inline-block;
}
ul.management_styam li i {
display: block;
width: 18px;
height: 18px;
line-height: 15px;
font-size: 17px;
text-align: center;
background-color: #167dbb;
position: absolute;
top: 7px;
left: 0;
border-radius: 17px;
color: #fff;
justify-content: center;
align-items: center;
display: flex;
font-size: 1px;
}
ul.management_styam li {
position: relative;
padding-left: 30px;
margin-bottom: 15px;
display: inline-block;
width: 52%;
}
.Tagging.hedding {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
img.mennn_salider{
margin-bottom: 20px;
}
section.ensuring_img {
padding: 60px 0px 60px;
background-color: #f3f3f3;
}
.ensuring_most h2 {
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 39px;
font-weight: 700;
color: #383838;
margin-bottom: 2px;
}
.ensuring_most p {
margin-bottom: 23px;
font-size: 16px !important;
}
ul.consuming_in h5 {
font-weight: 700;
}
.mep_my iframe {
width: 86%;
border: 0px;
height: 500px;
}
/*contact css page desgn */
.contact_sec_form_digi.project{
background: rgb(8 24 40);
padding: 50px 33px;
}
section.tandard{
background-image: url(../images/page-title.webp);
background-size: 100%;
position: relative;
background-repeat: no-repeat;
padding: 100px 0 227px;
position: relative;
top: 91px;
}
section.tandard:before {
position: absolute;
content: '';
background: #00224f;
width: 100%;
height: 74%;
left: 0px;
top: 0px;
opacity: .7;
}
.palan_ui h2 {
font-size: 40px;
line-height: 50px;
color: #fff;
font-weight: 700;
}
.palan_ui {
position: relative;
text-align: center;
}
section#testimonial-area {
padding: 50px 0px;
background-color: #f5f6f9;
}
.Client_us {
text-align: center;
}
.Client_us p {
margin-bottom: 53px !important;
}
#testimonial-area {
.section-heading h2 {
font-size: 48px;
line-height: 58px;
}
}
.testi-wrap {
position: relative;
height: 595px;
margin-top: -80px;
}
.client-single {
margin-top: 20px;
text-align: center;
position: absolute;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.client-info,
.client-comment {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.client-single {
&.inactive {
.client-comment,
.client-info {
display: none;
}
.client-comment,
.client-info {
opacity: 0;
visibility: hidden;
}
}
&.position-1 {
-webkit-transform: scale(0.65);
transform: scale(0.65);
}
&.position-2 {
left: -40px;
top: 105px;
}
&.position-3 {
left: -60px;
top: 240px;
-webkit-transform: scale(0.4) !important;
transform: scale(0.4) !important;
}
&.position-4 {
left: 55px;
top: 380px;
}
&.position-5 {
top: 30px;
right: 55px;
}
&.position-6 {
top: 225px;
right: -40px;
}
&.position-7 {
top: 400px;
right: 45px;
-webkit-transform: scale(0.4) !important;
transform: scale(0.4) !important;
}
&.active {
top: 10%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
width: 70%;
.client-comment,
.client-info {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
}
&:not(.active) {
-webkit-transform: scale(0.55);
transform: scale(0.55);
z-index: 99;
}
&.active .client-img {
width: 160px;
height: 160px;
margin: 0 auto 24px;
position: relative;
&:before {
border-radius: 100%;
content: "";
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgb(157, 91, 254)),
to(rgb(56, 144, 254))
);
background-image: linear-gradient(
180deg,
rgb(157, 91, 254) 0%,
rgb(56, 144, 254) 100%
);
padding: 5px;
width: 160px;
height: 160px;
top: -4px;
left: 0px;
position: absolute;
z-index: -1;
}
}
.client-img img {
width: 150px;
border-radius: 50%;
border: 8px solid #d1e9ff;
cursor: pointer;
height: 150px;
}
&.active .client-img img {
max-width: 160px;
margin: 0 auto 24px;
border: 0;
height: 150px;
}
}
.client-comment {
padding: 0 30px;
h3 {
font-size: 22px;
line-height: 32px;
color: #505b6d;
}
span i {
font-size: 60px;
color: #0084ff;
margin: 40px 0 24px;
display: inline-block;
}
}
.client-info {
h3 {
color: #000;
font-weight: 600;
margin-bottom: 4px;
}
p {
color: #0084ff;
text-transform: uppercase;
}
}
span.user_wan {
color: #e05f42;
font-weight: 600;
margin-left: 10px;
}
.men_Annual h2 {
font-size: 40px;
line-height: 66px;
color: #383838;
font-weight: 700;
text-align: center;
margin-bottom: 34px;
}
/*palan css start*/
.palan_ui.planning h2 {
color: #383838;
margin-bottom: 50px;
text-align: left;
}
.pricingTable h3.title.Basic {
background-color: #e05f42;
}
span.price-currency.Basic {
background-color: #e05f42 !important;
}
span.amount.Basic {
border-bottom: 2px solid #e05f42 !important;
}
.pricingTable-signup.Basic a {
background-color: #e05f42 !important;
}
ul.pricing-content.Basic li:before {
background-color: #e05f42;
}
.pricingTable .pricing-content li.disable.Basic:before {
background-color: #e05f42;
}
span.price-currency.Gold {
background-color: #f5a236 !important;
}
.pricingTable ul.pricing-content.Gold li:before{
background-color: #f5a236;
}
span.user_wan.Gold {
color: #f5a236;
}
.pricingTable-signup.Gold a {
background-color: #f5a236 !important;
}
.pricingTable .pricing-content li.disable.Platinum:before {
background-color: #f5a236;
}
span.amount.Gold {
border-bottom: 2px solid #f5a236 !important;
}
span.price-currency.Platinum {
background-color: #71bf51 !important;
}
span.amount.Platinum {
border-bottom: 2px solid #71bf51 !important;
}
ul.pricing-content.Platinum li:before{
background-color: #71bf51 !important;
}
span.user_wan.Platinum {
color: #71bf51;
}
h3.title.Platinum {
background-color: #71bf51;
}
.pricingTable-signup.Platinum a {
background-color: #71bf51 !important;
}
h3.title.Gold {
background-color: #f5a236;
}
:root{ --main-color: #01C9FF; }
.demo{ background-color: #ddd; }
.pricingTable{
color: var(--main-color);
background: #fff;
font-family: 'Poppins', sans-serif;
text-align: center;
padding: 20px 0 30px;
margin: 0 15px;
box-shadow: 0 0 12px #0000004d;
}
.pricingTable .pricingTable-header{ margin: 0 0 25px; }
.pricingTable .title{
color:#fff;
background: var(--main-color);
font-size: 33px;
font-weight: 600;
text-transform: uppercase;
padding: 35px 25px;
margin: 0 -15px 15px;
border-radius: 5px 5px 5px 0;
position: relative;
}
.pricingTable .title:after{
content: '';
background: linear-gradient(to top right,transparent 50%, #444 50%);
height: 15px;
width: 15px;
position: absolute;
left: 0;
top: 100%;
}
.pricingTable .price-value{
padding: 0 0 0 70px;
display: inline-block;
position: relative;
}
.pricingTable .price-value span{ display: block; }
.pricingTable .price-value .price-currency{
color: #fff;
background-color: var(--main-color);
font-size: 35px;
line-height: 60px;
height: 60px;
width: 60px;
border-radius: 50%;
position: absolute;
left: 0;
top: 5px;
}
.pricingTable .price-value .amount{
color: #000;
font-size: 35px;
font-weight: 300;
line-height: 45px;
padding: 0 20px;
margin: 0 0 3px;
border-bottom: 2px solid var(--main-color);
}
span.user_mahunt {
color: #383838;
font-size: 25px;
font-weight: 300;
text-decoration: line-through;
}
.pricingTable .price-value .duraton{
color: #666;
font-size: 15px;
font-weight: 300;
}
.pricingTable .pricing-content{
text-align: left;
padding: 0;
margin: 0 0 35px;
list-style: none;
display: inline-block;
overflow: auto;
height: 200px;
}
.pricingTable .pricing-content li{
color: #666;
font-size: 17px;
font-weight: 300;
line-height: 35px;
letter-spacing: .5px;
padding: 0 15px 0 25px;
margin: 0 0 10px;
position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
content: "";
background-color: var(--main-color);
height: 10px;
width: 10px;
border-radius: 50%;
transform: translateY(-50%);
position: absolute;
left: 0;
top: 50%;
}
.pricingTable .pricing-content li.disable:before{ background-color: #999; }
.pricingTable .pricingTable-signup a{
color:#fff;
background: var(--main-color);
font-size: 23px;
font-weight: 400;
text-transform: uppercase;
padding: 5px 25px;
border-radius: 5px;
display: inline-block;
transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
text-shadow: -2px 2px 1px rgba(0,0,0,0.4);
box-shadow: 5px 5px 0 rgba(0,0,0,0.12);
}
.pricingTable.darkblue{ --main-color: #0180FF; }
.pricingTable.golden{ --main-color: #edae38; }
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
section.onr_blog {
background-image: url(../images/jblog_image.webp);
background-repeat: no-repeat;
background-size: cover;
padding: 150px 0px;
display: block;
}
.blog_in h2 {
text-align: center;
color: #fff;
}
section.blog_web {
padding: 50px 0px;
}
.footer_blog {
padding: 20px 24px;
border-bottom: 1px solid #dbdbdb;
}
.footer_blog h2 {
font-size: 30px;
font-weight: 600;
}
.Latest_in {
padding: 24px;
}
h2.men_heding_text a {
text-decoration: none;
color: #383838;
font-size:27px;
font-weight: 600;
margin-bottom: 10px;
}
a.spatial_link {
padding-left: 5px;
font-weight: 400 !important;
font-size: 14px !important;
color: #858585 !important;
margin-bottom: 10px !important;
}
span.textual {
color: #858595;
font-weight: 400;
}
a.digitize_land img {
width: 99%;
}
.reliable_teb {
flex-direction: column !important;
}
.updated_blog {
padding: 24px 0;
border-bottom: 1px solid #ebebeb;
margin: 0;
display: flex;
color: #05070e;
}
figure.updated.img {
margin: 0;
flex: 0 0 164px;
max-width: 164px;
height: 164px;
margin-right: 26px;
}
.updated.img {
position: relative;
overflow: hidden;
}
a.ownership img {
object-fit: cover;
}
.updated.img:after {
content: "";
background: linear-gradient(273deg, rgba(255, 255, 255, .12), transparent);
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
left: 0;
}
figcaption h3 {
font-size: 20px;
line-height: 1.3;
margin-bottom: 10px;
}
.polpul_va{
position: relative;
background: #fff;
border-radius: 12px;
box-shadow: 13px 9px 7px 0px #0000000d;
width: 100%;
z-index: 99;
height: 240px;
margin-bottom: 40px;
}
section.committed {
background-color: #e1e6ec;
padding: 100px 0px;
}
.helping_icon h3{
text-align: center;
font-size: 20px;
font-weight: 700;
color: #383838;
padding: 25px 0px 7px;
padding-bottom: 13px;
}
.helping_icon {
text-align: center;
padding: 30px 0px;
}
span.madhyam {
font-weight: 700;
color: #383838;
}
.helping_icon p {
padding-bottom: 12px;
width: 83%;
margin: 0 auto;
}
.polpul_va:after {
position: absolute;
content: "";
/* right: -10px; */
top: 51%;
transform: translateY(-50%);
width: 10px;
height: 239px;
border-right: 8px solid #167dbb;
border-radius: 10px;
left: -2px;
}
.polpul_va.mady:after {
position: absolute;
content: "";
top: 51%;
transform: translateY(-50%);
width: 10px;
height: 239px;
border-right: 8px solid #e05f42;
border-radius: 10px;
left: -2px;
}
.polpul_va.phone:after {
position: absolute;
content: "";
top: 51%;
transform: translateY(-50%);
width: 10px;
height: 239px;
border-right: 8px solid #f6a136;
border-radius: 10px;
left: -2px;
}
/*best auction css start*/
section.men_best_auction {
z-index: 9;
padding: 100px 0 80px;
background: linear-gradient(148deg, #0c7bb3, #8c80e7);
text-align: center;
position: static;
position: relative;
transform: translateY(0%);
}
nav.Uncategorized {
text-align: left;
padding: 10px 0px;
}
h1.work_in {
margin: 0;
color: #fff;
font-size: 43px;
font-weight: 600;
position: relative;
padding-bottom: 10px;
text-align: left;
}
.tinba_menu {
display: flex;
}
.tinba_menu img {
width: 60px;
height: 60px;
border-radius: 100%;
}
.Goyal_in a {
color: #ffff;
font-size: 18px;
font-weight: 500;
}
.author_header_name.ms-3 {
margin-left: 15px;
margin-top: 6px;
}
.public_inn span i {
color: #fff;
font-size: 18px;
margin-right: 10px;
}
.public_inn {
color: #ffff;
font-size: 17px;
}
.protective p {
font-size: 18px !important;
line-height: 42px !important;
font-size: 19px !important;
color: #2f3f32 !important;
font-weight: 400 !important;
text-align: justify;
}
section.underscoring {
padding: 50px 0px 100px;
}
.banking_the{
}
.banking_the{
background-image: url(../images/cta058g.webp);
background-repeat: no-repeat;
color: #fff;
text-align: center;
padding: 28px 15px;
background-size: 100%;
}
.banking_the strong {
font-size: 38px;
font-weight: 700;
color: #fff;
font-family: SitkaSmall;
display: block;
line-height: 1.2;
margin-bottom: 20px;
}
.banking_the .small {
display: block;
font-size: 28px;
color: #ffbc45;
font-weight: 700;
line-height: 1.5;
}
.banking_the strong small{
display: block;
font-size: 27px;
color: #ffbc45;
font-weight: 700;
line-height: 1.5;
}
.banking_the img {
width: 100%;
}
.measures_what h2 {
font-weight: 600;
color: #000;
font-size: 30px;
}
.reality.app {
background-color: #f6f6f6;
margin-top: 50px;
padding: 10px 17px;
}
ul.list-into {
display: flex;
flex-wrap: wrap;
}
.reality.app h4 {
font-size: 20px;
margin-bottom: 10px;
}
ul.list-into li a {
font-size: 14px;
color: #6d6d6d;
background-color: #ffffff;
border-radius: 29px;
padding: 9px 20px;
margin: 4px;
display: inline-block;
margin-bottom: 18px;
}
.sensitive_ul img {
width: 69%;
}
.measures_what {
margin-bottom: 25px;
}
.palan_ui.Models h2 {
font-size: 40px;
line-height: 50px;
color: #383838;
font-weight: 700;
}
.palan_ui.Models {
padding: 50px 0px;
}
section.functionalities {
background-image: url(../images/DevelopOnlinebg.webp);
background-repeat: no-repeat;
color: #fff;
text-align: center;
padding: 60px;
background-size: 100%;
}
.information_user h2 {
margin-top: 0;
font-family: "Saira", Sans-serif;
font-size: 32px !important;
line-height: 35px;
font-weight: 700;
color: #ffffff !important;
margin-bottom: 55px !important;
text-align: left;
}
.mapping_app {
text-align:center;
}
.mapping_app img {
width: 70%;
}
.specific_box ul {
display: block;
grid-template-columns: repeat(2, 1fr);
gap: 0 16px;
}
.specific_box ul li {
margin-bottom: -2px;
position: relative;
}
.mobile_app_box_jalaj {
padding: 8px 25px;
border-radius: 20px;
/* border: dotted 2px #bebebe; */
min-height: 0;
}
.mobile_app_box_jalaj span {
color: #131314;
font-size: 26px;
font-weight: 600;
line-height: normal;
padding-left: 25px;
margin-bottom: 20px;
display: block;
position: relative;
}
.mobile_app_box_jalaj p {
font-size: 15px;
line-height: normal;
color: #131314;
font-weight: 400;
}
.mobile_app_box_jalaj span::before{
position: absolute;
content: "";
background: linear-gradient(to right, #167dbb, #167dbb);
width: 10px;
height: 31px;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 50px;
}
.specific_box ul li .mobile_app_items_icon {
position: absolute;
top: 20px;
right: 40px;
}
section.about-us.section {
padding: 100PX 0PX;
}
.landmarks_menn a {
background-color: #167dbb;
padding: 8px 10px;
font-size: 19px;
font-weight: 600;
color: #ffff;
border-radius: 5px;
width: 31%;
text-align: center;
margin-top: 16px;
}
.landmarks_menn img {
width: 18%;
margin-right: 9px;
}
.landmarks_menn {
width: 100%;
}