html {
scroll-behavior: smooth;
}
body {
font-size: 16px;
font-family: 'nunitobold';
color: #000;
scroll-behavior: smooth;
padding-top: 109px;
scroll-behavior: smooth;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
h1,
h2,
h4,
h5 {
font-family: 'Quicksand', sans-serif;
}
p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
}
h2 {
font-size: 60px;
font-weight: 100;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 200;
}
p {
font-size: 14px;
line-height: 22px;
}
a {
font-family: 'Montserrat', sans-serif;
}
section {
overflow: hidden;
}
.row-flex {
display: flex;
justify-content: center;
align-items: center;
}
.treat_business_c a,
.treat_business_c a,
.sec-bottom a,
.pp-btn button,
.we-do-secction a,
.lef-inner-contin a {
background-color: #bd8b28;
padding: 14px 36px;
border-radius: 60px;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
color: #000 !important;
line-height: normal;
border-color: #bd8b28;
display: inline-block;
position: relative;
overflow: hidden;
transition: all ease-in-out 0.4s;
z-index: 9;
text-shadow: 1px 1px 1px #f7be4d !important;
}
/*-------- header -----------*/
header.header {
background: #000;
border: 1px solid #151515;
padding: 14px 0;
transition: all ease-in-out 0.5s;
position: static;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
header nav.navbar.navbar-default {
background: transparent;
border: 0;
}
header.header {
background: #000;
border: 1px solid #151515;
padding: 14px 0;
}
header.header .nav-rr .navbar-right {
padding: 0;
}
header.header .nav-rr .navbar-right li {
display: inline-block;
margin-right: 7px;
}
header.header .nav-rr .navbar-right li:last-child {
margin-right: 0;
}
header.header .nav-rr .navbar-right li a {
color: #fff;
}
header.header .navbar-nav {
float: none;
text-align: right;
float: right;
}
header.header .nav-rr .navbar-right {
float: none;
margin: 0;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:hover {
color: #bd8b28;
}
header.header .navbar {
min-height: auto !important;
margin: 0;
}
header .navbar-brand {
height: auto !important;
min-height: auto !important;
padding: 0;
}
header .navbar-brand img {
height: 80px;
}
header .navbar-brand a {
padding: 0;
}
header ul.navbar-right a {
background-color: #bd8b28;
padding: 11px 25px;
border-radius: 60px;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
color: #000 !important;
display: inline-block;
position: relative;
overflow: hidden;
transition: all ease-in-out 0.4s;
z-index: 999;
border: 1px solid #bd8b28;
text-shadow: 1px 1px 1px #f7be4d !important;
}
@media (min-width:768px) {
header #bs-example-navbar-collapse-1 {
width: 100%;
text-align: center;
display: flex !important;
align-items: center;
justify-content: center;
}
header.header .nav-rr {
width: 218px;
padding: 0;
margin: 0;
}
header .navbar .navbar-header {
WIDTH: 100px;
}
header.header .navbar .container-fluid {
display: flex;
align-items: center;
}
}
/*---------- end header ------------*/
/**-*-*-*-*-*-*-*-* start banner -*-*-*-*-*-*-*-*-*/
.banner {
background-color: #000;
padding: 139px 0;
position: relative;
}
section.banner .container {
width: 100%;
max-width: 100%;
padding: 0 110px;
}
.banner-contain h1 {
font-size: 60px;
color: #fff;
font-weight: 700;
margin-bottom: 0;
font-size: 60px;
line-height: 71px;
}
.banner-contain h1 span {
display: block;
color: #bd8b28;
font-family: 'Raleway', sans-serif;
}
.banner-contain h2 {
font-size: 60px;
line-height: 71px;
margin: 0;
font-family: 'Raleway', sans-serif;
font-weight: 400;
}
.banner-contain h3 span {
font-weight: 800;
color: #fff;
font-size: 36px;
}
.banner-contain h3 {
font-size: 30px;
font-weight: 200;
color: #fff;
padding-top: 15px;
font-family: 'Montserrat', sans-serif;
margin-top: 5px;
}
.banner:after {
content: "";
background-size: contain;
background-repeat: no-repeat;
background-image: url(image/banner-image.png);
width: 1067px;
bottom: 0;
right: 0;
position: absolute;
height: 579px;
}
@media (min-width:1781px) {
.banner:after {
width: 1167px;
height: 657px;
}
.banner {
padding: 200px 0;
}
}
/**-*-*-*-*-*-*-*-* end banner -*-*-*-*-*-*-*-*-*/
/**-*-*-*-*-*-*-*-* start whhowe are -*-*-*-*-*-*-*-*-*/
.who-we-are h2,
.our-project-sec h2 {
color: #bd8b28;
}
.who-we-are .who-image img {
width: 100%;
}
.who-we-are {
padding: 230px 0 80px;
position: relative;
}
/*
.who-we-are:after{
content: "";
background-size: cover;
background-repeat: no-repeat;
background-image: url(image/who-we-are.png);
width: 48%;
bottom: 61px;
left: 0;
position: absolute;
top: 241px;
}
*/
@media (min-width:992px) {
.who-we-are .who-image {
width: 830px;
position: relative;
left: -290px;
}
}
.product-head p {
color: #a3a3a3;
}
.who-contain p {
padding-top: 22px;
color: #a3a3a3;
font-size: 22px;
line-height: 34px;
font-weight: 200;
transition: all ease-in-out 0.4s;
}
.who-contain a {
margin-top: 15px;
display: inline-block;
}
.sticky-we-header {
position: fixed;
top: 109px;
z-index: 9999;
left: 50%;
transform: translateX(-50%);
width: 100%;
margin: 0 !important;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.sticky-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
section.who-we-are {
background: #000;
color: #fff;
}
.who-we-are .who-contain {
position: relative;
}
.who-we-are .who-contain .who-pragrap {
padding-left: 60px;
}
.who-we-are .who-contain:after {
content: "";
background-image: url(image/contain-qrrow.png);
background-size: cover;
background-repeat: no-repeat;
width: 20px;
position: absolute;
top: 99px;
left: 0;
height: 290px;
}
.who-we-are .who-contain:before {
content: "";
height: 273px;
top: 108px;
border-left: 1px solid #7b77778c;
position: absolute;
left: 9px;
z-index: 0;
}
/**-*-*-*-*-*-*-*-* end who we are -*-*-*-*-*-*-*-*-*/
/**-*-*-*-*-*-*-*-* start project -*-*-*-*-*-*-*-*-*/
.our-project-sec {
background-image: url(image/slider-banner.png);
background-repeat: no-repeat;
background-size: cover;
padding: 210px 0 100px;
text-align: center;
color: #fff;
background-color: #000;
}
.our-project-sec .product-head {
max-width: 521px;
margin: 0 auto;
padding-bottom: 60px;
}
.product-box .pro-image {
padding: 20px 19px 52px;
position: relative;
}
.product-box h4 {
font-size: 18px;
transition: all ease-in-out 0.4s;
color: #a3a3a3;
}
.product-box .pro-image:after {
content: "";
background-repeat: no-repeat;
background-size: contain;
height: 22px;
background-image: url(image/slider-arrow.png);
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
width: 16px;
height: 16px;
transition: all ease-in-out 0.4s;
}
.product-slider .owl-stage .owl-item {
transition: all ease-in-out 0.4s;
}
.product-slider .owl-stage .owl-item:hover .pro-image:after {
background-image: url(image/sloder-hver.png);
width: 26px;
height: 26px;
bottom: 0px;
}
.our-project-sec .product-slider {
position: relative;
}
.product-box a {
color: #fff;
text-decoration: none !important;
}
.our-project-sec .product-slider:after {
content: "";
background-repeat: no-repeat;
background-size: contain;
height: 10px;
background-image: url(image/Layer-9.png);
position: absolute;
bottom: 41px;
left: 19px;
right: 19px;
z-index: -1;
}
.product-slider .owl-stage .owl-item:hover h4 {
color: #bd8b28;
}
.owl-carousel .owl-nav {
display: block !important;
}
.owl-carousel .owl-nav button.owl-prev {
position: absolute;
left: -80px;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
background-color: #252424 !important;
border-radius: 100%;
font-size: 18px !important;
display: flex;
align-items: center;
justify-content: center;
color: #ddd !important;
}
.owl-carousel .owl-nav button.owl-next {
position: absolute;
right: -79px;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
background-color: #252424 !important;
border-radius: 100%;
font-size: 18px !important;
display: flex;
align-items: center;
justify-content: center;
color: #ddd !important;
}
/**-*-*-*-*-*-*-*-* end project -*-*-*-*-*-*-*-*-*/
/**-*-*-*-*-*-*-*-* start project-2 -*-*-*-*-*-*-*-*-*/
.our-projects-2 {
padding: 60px 0 100px;
background: #161616;
position: relative;
}
.our-projects-2 .heading {
text-align: center;
padding-bottom: 50px;
}
.our-projects-2 img {
width: 100%;
}
.contain-tella {
text-align: right;
padding-right: 60px;
}
.our-projects-2 h3 {
font-size: 24px;
font-weight: 600;
color: #fff;
font-family: 'Montserrat', sans-serif;
margin-top: 0;
}
.our-projects-2 p {
font-size: 14px;
color: #6a6a6a;
line-height: 24px;
padding-top: 16px;
}
.navbar-default .navbar-nav > li > a:focus {
background: transparent !important;
}
.our-projects-2 a {
color: #bd8b28;
display: inline-block;
margin-top: 10px;
font-size: 14px;
}
.row.bottom-undelie .col-lg-12:after {
content: "" !important;
position: absolute;
left: 0;
right: 0;
background: #bdbdbd1c;
height: 1px;
width: 100%;
z-index: 0;
top: 50%;
transform: translateY(-50%);
}
.row.bottom-undelie .col-lg-12 {
position: relative;
}
.row.bottom-undelie .col-lg-12 a {
margin: 0;
}
.row.bottom-undelie {
text-align: center;
margin-top: 67px;
}
.our-projects-2:before {
content: "";
position: absolute;
background-image: url(image/project2-after.png);
left: 0;
height: 350px;
background-repeat: no-repeat;
background-size: cover;
width: 650px;
bottom: 0;
}
/**-*-*-*-*-*-*-*-* end project-2 -*-*-*-*-*-*-*-*-*/
/**-*-*-*-*-*-*-*-* start footer -*-*-*-*-*-*-*-*-*/
footer {
background-image: url(image/footer-bac.png);
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0;
border-top: 1px solid #3c3c3c;
}
footer .footer-right {
padding-left: 70px;
}
.footer-right form input,
.footer-right form textarea {
background: #272727;
border-color: #272727;
padding: 16px 15px;
height: auto;
border-radius: 12px;
font-size: 14px;
color: #a3a3a3;
font-family: 'Montserrat', sans-serif;
}
.footer-right form .half-width {
width: 49%;
float: left;
}
.footer-right form textarea {
height: 220px;
}
.footer-right form .half-width:nth-child(2n) {
float: right;
}
.footer-right form input::placeholder,
.footer-right form textarea::placeholder {
font-size: 14px;
color: #a3a3a3;
}
.footer-left ul li {
display: flex;
align-items: flex-start;
}
.pp-btn button {
padding: 11px 42px;
border-radius: 21px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
letter-spacing: 2px;
font-weight: 400;
}
.pp-btn button:focus {
background: #ebb132 !important;
outline: 0 !important;
}
.copyright-sec ul li a:hover {
color: #ebb132;
}
.pp-btn button:hover {
background-color: #ebb132;
color: #000 !important;
border-color: #ebb132 !important;
}
.footer-left ul {
padding: 0;
}
.form-control:focus {
border-color: #bd8b28;
outline: 0;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(189 139 40 / 58%);
}
.footer-left ul li {
padding-bottom: 15px;
}
.footer-left ul li a {
margin: 0;
display: inline-block;
color: #fff;
font-size: 14px;
padding-left: 19px;
}
.footer-left h2 {
padding-bottom: 10px;
}
.footer-left ul li i {
font-size: 24px;
line-height: normal;
color: #bd8b28;
width: 25px;
}
.footer-left ul li p {
margin: 0;
display: inline-block;
color: #fff;
font-size: 14px;
padding-left: 19px;
}
.footer-right p {
color: #fff;
font-size: 14px;
padding: 18px 0 14px;
}
/**-*-*-*-*-*-*-*-* end fter -*-*-*-*-*-*-*-*-*/
/**-*-*-*-*-*-*-*-* start copy right-*-*-*-*-*-*-*-*-*/
.copyright-sec {
background-color: #212121;
color: #9e9e9e;
padding: 18px 0;
}
.copyright-sec p {
font-size: 12px;
margin: 0;
text-transform: uppercase;
}
.copyright-sec ul li a {
color: #9e9e9e;
font-size: 20px;
transition: all ease-in-out 0.4s
}
.copyright-sec ul {
padding: 0;
text-align: right;
margin: 0;
}
.copyright-sec ul li {
display: inline-block;
margin-left: 18px;
}
/**-*-*-*-*-*-*-*-* end copy right -*-*-*-*-*-*-*-*-*/
/**-*-*-*-*-*-*-*-* start page What-We-Do -*-*-*-*-*-*-*-*-*/
.What-We-Do {
background-color: #000;
padding: 100px 0 30px;
text-align: center;
color: #fff;
}
.we-do-secction .right-image img {
width: 100%;
}
.we-do-secction h1 {
font-size: 34px;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
padding-bottom: 6px;
margin: 0;
}
.we-do-secction p {
font-size: 16px;
padding-top: 16px;
color: #a3a3a3;
}
.What-We-Do p {
color: #a3a3a3;
max-width: 700px;
margin: 8px auto 25px;
}
.we-do-secction {
background-color: #000;
padding: 50px 0;
}
.we-do-secction .right-image img {
width: 100%;
}
.we-do-secction {
color: #fff;
background-color: #000;
padding: 70px 0;
border-bottom: 1px solid #1b1b1b;
background-color: #000;
}
.we-do-secction h1 {
font-size: 34px;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
padding-bottom: 6px;
margin: 0;
}
.we-do-secction p {
font-size: 16px;
padding-top: 16px;
}
.we-do-secction a {
margin-top: 33px;
}
.we-do-secction .left-contain {
padding-left: 40px;
position: relative;
}
.we-do-secction .left-contain:after {
content: "";
position: absolute;
width: 26px;
height: 26px;
background-repeat: no-repeat;
background-size: cover;
top: 6px;
left: -10px;
background-image: url(image/sloder-hver.png);
}
.What-We-Do .navbar-default {
background-color: #303030;
min-height: auto;
border-radius: 0px;
border: 0;
overflow: hidden;
}
.What-We-Do .navbar-default .nav-info a {
color: #9d9d9d;
padding: 9px 15px;
font-size: 14px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.What-We-Do .navbar-default .nav-info a:focus {
color: #9d9d9d;
}
.What-We-Do .navbar-default .nav-info a:hover {
background-color: #ebb132;
color: #fff !important;
}
.What-We-Do .navbar-default .container-fluid,
.What-We-Do .navbar-default .container-fluid .navbar-collapse {
padding: 0 !important;
}
section#web-seo {
padding-bottom: 120px;
border: 0;
}
.What-We-Do .navbar-default .nav-info a.active,
.What-We-Do .navbar-default .nav-info a:hover {
background: #bd8b28;
color: #fff;
}
/*------------ end page What-We-Do -----------*/
/*------------ start page projec -----------*/
.tab-content .prjct-box {
background: transparent;
padding: 0px 0px 10px;
margin-top: 44px;
}
.tab-content .col-lg-4 {
padding-right: 12px;
padding-left: 12px;
}
.tab-content .prjct-box .image-pro {
/*height: 181px;*/
overflow: hidden;
text-align: center;
margin-bottom: 34px;
}
.tab-content .prjct-box .image-pro img {
width: auto;
height: 100%;
max-width: unset;
transition: all ease-in-out 0.6s;
}
.tab-content .prjct-box h3 {
font-size: 24px;
color: #fff;
font-weight: 600;
margin: 0 0 10px;
font-family: 'Montserrat', sans-serif;
}
.tab-content .prjct-box a {
font-size: 14px;
color: #fff;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.project-tab-sec ul.nav-tabs {
border: 0;
background-color: #303030;
padding: 0;
margin: 30px 0 54px;
border-radius: 0px;
overflow: hidden;
width: 580px;
margin: 0 auto;
}
.project-tab-sec ul.nav-tabs a {
color: #9d9d9d;
margin-right: 6px;
font-size: 14px;
border: 0 !important;
border-radius: 0;
line-height: normal;
margin: 0 !important;
text-transform: uppercase;
}
.project-tab-sec h2 {
color: #bd8b28;
font-weight: 200;
}
.project-tab-sec ul.nav-tabs li {
margin-bottom: 0;
}
.project-tab-sec {
padding: 100px 0;
}
/*.tab-content .prjct-box:hover img {
transform: scale(1.2);
}*/
.What-We-Do h2 {
margin-top: 0;
}
.project-tab-sec ul.nav-tabs li.active a,
.project-tab-sec ul.nav-tabs a:hover {
background-color: #bd8b28;
color: #fff;
}
.tab-content .prjct-box a:hover {
color: #cf9f38;
text-decoration: underline;
}
/*------------ end page project -----------*/
/*------------ start who we are -----------*/
.who-banner {
background: #000;
color: #fff;
padding: 80px 0;
}
.lef-inner-contin p {
font-weight: 300;
font-size: 27px;
color: #a3a3a3;
line-height: 33px;
padding-top: 15px;
}
section.starting p {
font-size: 27px;
line-height: 34px;
padding-top: 12px;
color: #a3a3a3;
font-weight: 300;
}
.lef-inner-contin p b {
font-size: 27px;
color: #a3a3a3;
font-weight: 400;
font-style: italic;
}
.who-banner .row .right-inner-imaage img {
width: 110%;
padding-left: 20px;
}
.lef-inner-contin a {
margin-top: 30px;
}
section.starting {
background: #000;
padding: 15px 0;
position: relative;
color: #fff;
}
section.starting .left-image img {
width: 120%;
border-radius: 100%;
}
.starting:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 80px;
bottom: 80px;
background: #181616;
z-index: 0;
}
.starting .left-image {
position: relative;
left: -150px;
}
.pragrap-who p {
font-size: 16px;
line-height: 27px;
color: #a3a3a3;
}
.starting .container:after {
content: "";
position: absolute;
left: -112px;
background-image: url(image/Shape.png);
background-repeat: no-repeat;
background-size: contain;
top: 6px;
width: 140px;
height: 123px;
}
.starting .container:before {
content: "";
position: absolute;
right: -33px;
background-image: url(image/shape-2.png);
background-repeat: no-repeat;
background-size: contain;
bottom: 29px;
width: 83px;
height: 80px;
}
section.starting .man-working:before {
content: "";
position: absolute;
right: 140px;
background-image: url(image/shape-3.png);
background-repeat: no-repeat;
background-size: contain;
top: 40px;
width: 46px;
height: 45px;
}
.starting .container {
position: relative;
}
.pragrap-who {
padding: 60px 0;
background: #000;
color: #fff;
}
.our-tem {
background-image: url(image/slider-banner.png);
background-repeat: no-repeat;
background-size: cover;
padding: 210px 0 100px;
text-align: center;
color: #fff;
background-color: #000;
}
.our-tem h3,
.our-tem a {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
color: #fff;
}
.our-tem-member .tem-image {
position: relative;
overflow: hidden;
}
.our-tem-member .tem-image .tem-social {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 60%);
transition: all ease-in-out 0.6s;
}
.our-tem-member:hover .tem-social {
left: 0;
}
.our-tem-member .tem-image img {
width: 100%;
}
.our-tem-member .tem-image .tem-social ul {
padding: 0;
}
.our-tem-member .tem-image .tem-social ul li {
display: inline-block;
margin-right: 10px;
}
.our-tem-member .tem-image .tem-social ul li a {
width: 42px;
height: 42px;
background: #bd8b28;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 18px;
z-index: 999;
text-decoration: none;
}
.our-tem-member .tem-image .tem-social .profile {
display: inline-block;
margin-top: 28px;
}
.our-tem-member .tem-image .tem-social .profile a {
background: #bd8b28;
padding: 10px 20px;
display: inline-block;
border-radius: 4px;
}
section.starting h3 {
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 300;
}
section.starting h3 span {
font-weight: 900;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 36px;
}
.our-tem h2 {
padding-bottom: 25px;
color: #bd8b28;
}
.riht-starting h2,
.lef-inner-contin h2 {
color: #bd8b28;
}
/*------------ end who we are -----------*/
section.mmap-sec {
line-height: 0;
}
section.addres-sec .address {
background: #cb9d39;
color: #fff;
position: absolute;
left: 0;
width: 100%;
padding: 13px 10px;
top: -27px;
}
section.addres-sec .container {
position: relative;
}
section.addres-sec {
overflow: visible;
text-align: center;
}
section.addres-sec .address p {
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
vertical-align: middle;
}
section.addres-sec .address p i {
font-size: 20px;
margin-right: 6px;
}
.treat_business_c a::after,
.treat_business_c a:before,
.sec-bottom a:after,
.pp-btn button:after,
.we-do-secction a:after,
.lef-inner-contin a:after,
header ul.navbar-right a:after,
.sec-bottom a:before,
.pp-btn button:before,
.we-do-secction a:before,
.lef-inner-contin a:before,
header ul.navbar-right a:before {
left: -50px;
border-left: 50px solid transparent;
transform: translateX(100%);
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-bottom: 80px solid #da9706;
box-sizing: border-box;
transition: 0.5s ease-in-out;
z-index: -1;
}
.treat_business_c a:before,
.sec-bottom a:before,
.pp-btn button:before,
.we-do-secction a:before,
.lef-inner-contin a:before,
header ul.navbar-right a:before {
right: -50px;
border-right: 50px solid transparent;
transform: translateX(-100%);
}
.we-do-secction a:hover {
border-color: #da9706;
}
.treat_business_c a:hover::after,
.sec-bottom a:hover::after,
.pp-btn button:hover::after,
.we-do-secction a:hover::after,
.lef-inner-contin a:hover::after,
header ul.navbar-right a:hover::after {
transform: translateX(3%);
}
.treat_business_c a:hover::before,
.sec-bottom a:hover::before,
.pp-btn button:hover::before,
.we-do-secction a:hover::before,
.lef-inner-contin a:hover::before,
header ul.navbar-right a:hover::before {
transform: translateX(-24%);
}
/*----------------------- project-dtlks---------------------*/
.dtls-banner {
padding: 90px 0;
background-repeat: no-repeat;
background-size: cover;
background: #000;
}
.dtls-banner-cont {
text-align: center;
max-width: 750px;
margin: 0 auto;
}
section.dtls-about {
background: #000;
color: #a3a3a3;
padding: 60px 0;
}
.dtls-banner img {
width: 100%;
}
.dtls-banner-cont p {
padding-top: 22px;
color: #a3a3a3;
font-size: 22px;
line-height: 34px;
font-weight: 200;
padding-bottom: 18px;
}
.dtls-banner-cont h2 {
color: #bd8b28;
margin: 0;
}
.dtls-sec-e h3 {
font-size: 24px;
font-weight: 600;
color: #ffff;
font-family: 'Montserrat', sans-serif;
}
.dtls-sec-e p {
color: #fff;
}
.dtls-sec-f h2 {
font-size: 35px;
max-width: 600px;
margin: 0 auto;
line-height: normal;
padding-bottom: 20px;
position: relative;
margin-bottom: 25px;
}
.dtls-sec-f h2:after {
position: absolute;
left: 50%;
transform: translateX(-50%);
content: "";
height: 1px;
width: 120px;
background: #fff;
bottom: 0;
}
.cont,
.cont a {
color: #fff;
}
section.dtls-about img {
width: 100%;
}
.dtls-about h2,
.dtls-sec-d h2 {
font-size: 39px;
padding-bottom: 0px;
margin: 0;
}
.dtls-about p {
margin: 0;
}
.dtls-sec-e .row.sec-bottom {
padding-top: 60px;
}
.dtls-sec-b .container {
width: 100%;
padding: 0;
max-width: 100%;
}
.dtls-sec-b .container .row {
margin: 0;
display: table;
width: 100%;
}
.dtls-sec-b .container .row .col-md-8,
.dtls-sec-b .container .row .col-md-4 {
display: flex;
align-items: center;
justify-content: center;
height: 531px;
padding: 60px 0;
}
.dtls-sec-b .container .row img {
height: 100%;
}
.dtls-sec-b .container .row .col-md-8 {
background: #bd8b28;
}
.dtls-sec-b .container .row .col-md-4 {
background: #161616;
}
section.dtls-sec-e {
background: #161616;
text-align: center;
padding: 80px 0;
}
section.dtls-sec-d {
background: #000;
padding: 80px 0;
color: #a3a3a3;
}
section.dtls-sec-d p {
font-size: 14px;
color: #6a6a6a;
line-height: 24px;
padding-top: 16px;
}
section.dtls-sec-d img {
width: 100%;
}
section.dtls-sec-f {
background: #bd8b28;
padding: 80px 0;
text-align: center;
}
/*10-08-2021 */
.What-We-Do .navbar-default .nav-info a {
padding: 9px 40px;
}
.navbar-nav {
float: none;
}
.navbar-nav > li {
float: none;
display: inline-block;
}
/*12-08-2021*/
.tab-content .prjct-box .image-pro img {
object-fit: cover;
width: 300px;
height: 250px;
border: 1px solid #fff;
border-radius: 9px;
}
.logoboxwrap .prjct-box .image-pro img {
object-fit: contain !important;
border: 1px solid #bd8b28;
border-radius: 9px;
padding: 20px;
}
.tab-content .prjct-box-logo .image-pro-logo img {
object-fit: cover;
width: 300px;
height: 250px;
/*border: 1px solid #fff;border-radius: 9px;*/
}
.logoboxwrap .prjct-box-logo .image-pro-logo img {
object-fit: contain !important;
/*border: 1px solid #bd8b28;border-radius: 9px;*/
padding: 20px;
}
.nav-tabs > li {
float: none;
display: inline-block;
}
/*18-08-2021*/
/*18-08-2021*/
/*.What-We-Do{padding-top: 0px;}*/
section.What-We-Do.project-tab-sec.kpvsec {
padding-top: 0px;
}
.kpvtabsection .right-image img {
width: 100%;
}
.kpvtabsection .left-contain {
text-align: left;
position: relative;
}
.kpvtabsection .left-contain:after {
content: "";
position: absolute;
width: 26px;
height: 26px;
background-repeat: no-repeat;
background-size: cover;
top: 6px;
left: -10px;
background-image: url(image/sloder-hver.png);
}
.kpvtabsection .left-contain h1 {
font-size: 34px;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
padding-bottom: 6px;
margin: 0;
}
/*.project-tab-sec ul.nav-tabs{text-align: -webkit-center;}*/
/*01-09-2021*/
.img-wrapper img {
height: 220px;
width: 100%;
object-fit: cover;
}
.img-wrapper {
margin-top: 0px;
margin-bottom: 30px;
}
#overlay img {
width: 80%;
}
/*------------------------- project detels ------------------------------*/
.deatels-banner .owl-nav button {
display: none !important;
}
.acc {
margin: 0 auto;
max-width: 800px;
padding-left: 45px;
}
.acc__card {
margin: 0;
position: relative;
}
.accrodian_sec .contain h2 {
padding-bottom: 20px;
}
.acc__title {
display: block;
}
.acc .acc__panel {
display: none;
}
.acc .acc__card .active h3 i:before {
content: "\f068";
}
.acc .acc__card .acc__panel {
padding: 0 10px 6px;
}
.acc__title h3 {
font-size: 18px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
margin-top: 0;
color: #fff;
position: relative;
padding: 10px;
letter-spacing: 1.5px;
margin-bottom: 16px;
}
.accrodian_sec h2 {
color: #bd8b28;
}
.accrodian_sec {
background-color: #000;
padding: 70px 0;
color: #fff;
}
.acc .acc__card h3 {
position: relative;
}
.iconbox-icon-wrap i {
font-size: 32px;
width: 62px !important;
height: 62px !important;
color: #bd8b28;
background-color: #252424c4;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-bottom: 20px;
}
.accrodian_sec .acc__card {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.acc .acc__card h3 i.fa {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.deatels-banner {
background: #000;
line-height: 0;
}
.acc .acc__card h3 i.fa::before {
font-weight: 200;
}
.ic_box_sec .row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.treat_business {
background: #0a0a0a;
color: #fff;
padding: 40px 0;
}
.treat_business_c h2 {
color: #bd8b28;
}
.treat_business_c p {
max-width: 720px;
margin: 0 auto;
padding: 14px 0;
}
/*------------*/
.ic_box_sec .row .iconbox {
width: 23.5%;
padding-right: 20px;
margin-right: 2%;
position: relative;
padding: 20px 20px 20px 0;
}
.ic_box_sec .row .iconbox:last-child {
margin-right: 0;
padding-right: 0;
}
.ic_box_sec {
background: #181616;
color: #fff;
padding: 30px 0;
}
.ic_box_sec .row .iconbox:last-child::after {
display: none;
}
.ic_box_sec .row .iconbox:after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1px;
background: #424242;
}
.ic_box_sec .row .iconbox h3 {
margin-top: 0;
font-size: 20px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.ic_box_sec .row .iconbox p {
margin-bottom: 0;
font-family: 'Montserrat', sans-serif;
}
.sher {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.sher .left-top {
width: 50%;
margin-top: 20px;
}
.sher .left-top h3,
.sher .left-top h4 {
font-size: 18px;
font-weight: 200;
font-family: 'Montserrat', sans-serif;
margin-top: 0;
color: #8c8c8c;
letter-spacing: 1px;
}
.sher .left-top h4 {
color: #fff;
font-size: 16px;
}
.sher .left-top ul.social-icon li {
display: inline-block;
margin-right: 9px;
}
.sher .left-top ul.social-icon {
padding: 0;
margin: 0;
}
.sher .left-top ul.social-icon li a {
color: #fff;
transition: all ease-in-out 0.4s;
}
.sher .left-top ul.social-icon li a:hover {
color: #bd8b28;
}
.sher .left-top:nth-child(1),
.sher .left-top:nth-child(2) {
margin-top: 0;
}
.accrodian_sec .row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
/*----------------------- kpve live chat page css -----------*/
.page_banner {
background-color: #000;
padding: 75px 0;
}
.page_banner .row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.contain_banner h2 {
font-size: 58px;
line-height: normal;
}
.contain_banner h2 b {
display: block;
}
.contain_banner h2 span {
color: #cc9d38;
}
.contain_banner p {
color: #a3a3a3;
font-size: 16px;
padding: 15px 0 12px;
}
.contain_banner .banner_form input {
border: 1px solid #a3a3a3;
background: transparent;
height: 50px;
padding: 10px 20px;
width: 58%;
border-radius: 29px 0 0 29px;
outline: 0 !important;
border-right: 0 !important;
box-shadow: unset !important;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 14px;
}
.contain_banner .banner_form input[type="submit"] {
width: 33%;
background: #cc9d38;
border: 0;
border-radius: 0 29px 29px 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
}
.page_banner .contain_banner .banner_form {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding-top: 35px;
}
.page_banner .contain_banner .banner_form input::placeholder {
color: #585858;
}
ul.banner_trai {
padding: 0;
margin: 0;
padding-top: 23px;
}
.page_banner ul.banner_trai li {
color: #fefefe;
display: inline-block;
font-size: 14px;
padding-right: 13px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.page_banner .banner_trai li:last-child {
padding: 0;
}
/*---------------- chat ----------------*/
.masanger_sec .head_msanger h2 {
text-align: center;
color: #ebb033;
font-size: 60px;
line-height: 67px;
padding-bottom: 26px;
}
.all_tab_sec {
display: flex;
align-items: center;
justify-content: flex-end;
}
.all_tab_sec .left_tab {
width: 13%;
}
.all_tab_sec .right_tab_cont {
width: 61%;
position: relative;
}
.all_tab_sec .left_tab ul {
padding: 0;
margin: 0;
}
section.masanger_sec {
padding: 80px 0;
background: #0d0d0d;
}
.all_tab_sec .left_tab ul li {
display: block;
padding: 15px 0;
position: relative;
}
.all_tab_sec .right_tab_cont .tab_cont {
background-image: url(image/kpv_mobile_ddd.png);
background-repeat: no-repeat;
background-size: cover;
max-width: 272px;
height: 510px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 34px 13px 23px 6px;
width: 100%;
z-index: 1;
}
.all_tab_sec .right_tab_cont .tab_cont ul {
display: none;
}
.all_tab_sec .right_tab_cont .bc_img {
position: relative;
}
.all_tab_sec .right_tab_cont .bc_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.all_tab_sec .right_tab_cont .tab_cont ul {
padding: 0;
margin: 0;
clear: both;
overflow: hidden;
}
.all_tab_sec .right_tab_cont .tab_cont ul li {
display: block;
width: 92%;
padding: 15px;
line-height: normal;
margin: 8px 0;
font-size: 14px;
position: relative;
}
.all_tab_sec .right_tab_cont .tab_cont ul li:nth-child(odd) {
background: #171717;
float: left;
border-radius: 0 15px 0 0;
}
.all_tab_sec .right_tab_cont .tab_cont ul li:nth-child(even) {
background: #656565;
float: right;
border-radius: 15px 0px 0px 0;
}
.all_tab_sec .left_tab ul li span {
width: 60px;
height: 60px;
background: #fff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.all_tab_sec .left_tab ul li span img {
width: 37px;
}
.all_tab_sec .left_tab ul li::after {
content: "";
background-repeat: no-repeat;
background-size: cover;
}
.all_tab_sec .left_tab ul li:first-child::after {
background-image: url(image/rotet_.png);
width: 390px;
height: 112px;
position: absolute;
transform: rotate(21deg);
top: 120px;
left: 16px;
}
.all_tab_sec .left_tab ul li:nth-child(2)::after {
background-image: url(image/rotet_2.png);
width: 350px;
height: 112px;
position: absolute;
transform: rotate(8deg);
top: 75px;
left: 43px;
}
.all_tab_sec .left_tab ul li:nth-child(3)::after {
background-image: url(image/rotet_3.png);
width: 349px;
height: 33px;
position: absolute;
transform: rotate(6deg);
top: 71px;
left: 46px;
}
.all_tab_sec .left_tab ul li:nth-child(4)::after {
background-image: url(image/rotet_4.png);
width: 353px;
height: 38px;
position: absolute;
transform: rotate(3deg);
top: 20px;
left: 16px;
}
.all_tab_sec .left_tab ul li:nth-child(5)::after {
background-image: url(image/rotet_5.png);
width: 374px;
height: 137px;
position: absolute;
transform: rotate(5deg);
top: -79px;
left: 66px;
}
.all_tab_sec .left_tab ul li:nth-child(6)::after {
background-image: url(image/roted_6.png);
width: 352px;
height: 204px;
position: absolute;
transform: rotate(3deg);
top: -165px;
left: 56px;
}
.all_tab_sec .left_tab ul li p {
position: absolute;
top: 50%;
left: -130px;
color: #fff;
width: 120px;
text-align: right;
transform: translateY(-50%);
line-height: normal;
}
.masanger_sec .head_msanger p {color: #6a6a6a;font-size: 18px;line-height: 28px;font-weight: 400;padding: 10px 0 0;text-align: center;}
.masanger_sec .head_msanger {
padding-bottom: 40px;
max-width: 540px;
margin: 0 auto;
}
section.site_section {
background: #000000;
padding: 80px 0;
}
section.site_section.section_right {
padding-top: 0;
}
.site_section .row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
color: #fff;
}
.site_section .contain_left h2 {
color: #f5c518;
font-size: 60px;
margin: 0 0 30px;
line-height: 60px;
}
.site_section .contain_left ul {
padding: 0;
margin: 0;
}
.site_section .contain_left ul li {
color: #696969;
display: block;
font-size: 16px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
padding: 7px 0 25px 24px;
}
.section_right .contain_left p {
color: #696969;
}
.site_section .contain_left ul li i {
margin-left: -24px;
padding-right: 5px;
color: #c99b39;
font-size: 15px;
position: relative;
top: -2px;
}
.site_section .contain_left a,
.developer-friendl .developer_conta a {
color: #d1a038;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
margin-top: 5px;
text-decoration: none;
margin-left: 24px;
transition: all ease-in-out 0.4s;
}
.site_section .imagr_right img {
width: 100%;
}
.section_right .contain_left {
padding-left: 25px;
}
.section_left .contain_left {
padding-right: 20px;
}
.site_section .contain_left a i,
.developer-friendl .developer_conta a i {
position: relative;
right: 0;
transition: all ease-in-out 0.4s;
}
.site_section .contain_left a:hover i,
.developer-friendl .developer_conta a:hover i {
right: -10px;
color: #bd8b28;
}
.site_section .contain_left a:hover.developer-friendl .developer_conta a:hover {
color: #bd8b28;
}
.section_right .contain_left ul li {
padding-bottom: 10px;
}
.section_right .contain_left a {
margin-top: 15px;
}
/*------------ end chat ------*/
/*--- icon_section----*/
.icon_box_mon .cont_mony p {
margin: 0;
font-size: 18px;
color: #828282;
}
.mony_section .icon_box_mon {
text-align: center;
padding: 45px 0;
position: relative;
}
.icon_box_mon .cont_mony h3 {
font-size: 42px;
font-weight: 900;
font-family: Montserrat, sans-serif;
color: #fff;
letter-spacing: 1px;
line-height: 50px;
}
.mony_section {
padding: 80px 0;
background: #0a0a0a;
}
.mony_section .col-md-4 {
position: relative;
}
.mony_section .col-md-4 .sape_img {
position: absolute;
top: 54%;
left: 50%;
transform: translate(-50%, -50%);
}
.support_section {
background: #000;
padding: 80px 0 0;
overflow: visible;
}
.support_section .our_support a,
section.pricing .row .cont a.pri,
.sms_banner .contain_banner a {
padding: 13px 30px;
border-radius: 60px;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
position: relative;
overflow: hidden;
transition: all ease-in-out 0.4s;
z-index: 999;
background: linear-gradient(to right, #e7ae33, #bd8b28);
color: #fff;
font-weight: 500;
letter-spacing: 1px;
display: inline-block;
margin-top: 15px;
}
.support_section ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-content: flex-end;
justify-content: space-between;
}
.support_section ul li {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
width: 25%;
padding: 0 20px;
overflow: hidden;
}
.support_section .our_support {
max-width: 640px;
text-align: center;
margin: 0 auto;
padding-bottom: 80px;
}
.support_section .our_support h2 {
color: #ebb033;
font-size: 60px;
line-height: 67px;
margin: 13px 0 10px;
}
.support_section .our_support p {
color: #6a6a6a;
font-size: 22px;
line-height: 28px;
font-weight: 500;
padding: 10px 0 8px;
}
.support_section .our_support a:hover,
section.pricing .row .cont a.pri:hover,
.sms_banner .contain_banner a:hover {
background: linear-gradient(to right, #bd8b28, #e7ae33);
}
/*----------------------- end kpve live chat page css -----------*/
/*--------------------------- kpve sms page -----------*/
.direct_alerts {
background: #090909;
padding: 80px 0;
color: #fff;
}
.direct_alerts .row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.direct_alerts .dir_cont p {
font-size: 22px;
color: #6f6f6f;
line-height: 28px;
margin: 0;
padding-top: 15px;
max-width: 500px;
}
.direct_alerts .dir_cont h2 {
color: #ebb033;
}
.developer-friendl {
background: #000;
padding: 80px 0;
color: #fff;
}
.developer-friendl .headding {
max-width: 690px;
margin: 0 auto;
text-align: center;
padding-bottom: 44px;
}
.developer-friendl .headding p {
color: #6f6f6f;
font-size: 14px;
}
.developer-friendl .headding h2 {
margin-top: 0;
color: #ebb033;
}
.developer-friendl .row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.developer-friendl .row img {
width: 100%;
}
.developer-friendl .developer_conta {
padding-right: 45px;
position: relative;
}
.developer-friendl .developer_conta h3 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
margin: 0px 0 36px;
position: relative;
z-index: 1;
}
.developer-friendl .developer_conta h3::after {
content: "";
position: absolute;
left: -34px;
top: -35px;
width: 86px;
height: 85px;
background-image: url(image/headding_round.png);
background-repeat: no-repeat;
background-size: contain;
}
.developer-friendl .developer_conta p {
color: #6a6a6a;
padding-bottom: 20px;
margin: 0;
}
.developer-friendl .dir_img {
padding-left: 35px;
}
.developer_conta::after {
content: "";
position: absolute;
top: 50%;
right: -58px;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-image: url(image/dev_arrow.png);
width: 102px;
height: 33px;
}
.Code_samples .box_sec .icon {
text-align: center;
}
.Code_samples {
background: #0a0a0a;
padding: 80px 0;
}
.Code_samples .headding {
text-align: center;
padding-bottom: 35px;
}
.Code_samples .headding h2 {
color: #ebb033;
margin: 0;
}
.Code_samples .headding h3 {
font-family: 'Montserrat', sans-serif;
color: #fff;
margin: 0;
padding: 10px 0;
}
.page_banner .baner_img img {
width: 100%;
}
.Code_samples .box_sec {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.Code_samples .box_sec .col-md-4 {
display: flex;
align-items: center;
justify-content: center;
padding: 34px;
min-height: 310px;
width: 28.6%;
margin-right: 7%;
margin-bottom: 7%;
position: relative;
z-index: 1;
transition: all ease-in-out 0.4s;
}
.Code_samples .box_sec .col-md-4:nth-child(3n) {
margin-right: 0;
}
.Code_samples .box_sec .col-md-4::after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #161106;
z-index: -1;
transition: all ease-in-out 0.4s;
}
.Code_samples .box_sec .icon h3 {
font-size: 18px;
color: #fff;
font-family: 'Montserrat', sans-serif;
padding: 10px 0 7px;
}
.Code_samples .box_sec .icon p {
color: #6a6a6a;
font-weight: 500;
font-size: 14px;
transition: all ease-in-out 0.4s;
}
.Code_samples .box_sec .col-md-4:hover::after {
background: #cb9c39;
}
.Code_samples .box_sec .col-md-4:hover img {
filter: brightness(100);
}
.Code_samples .box_sec .col-md-4 img {
transition: all ease-in-out 0.4s;
}
.Code_samples .box_sec .col-md-4:hover p {
color: #fff;
}
.developer-friendl .global_senders {
padding: 55px 0;
}
.developer-friendl .global_senders .developer_conta {
padding-left: 45px;
padding-right: 0;
}
.developer-friendl .global_senders .dir_img {
padding-right: 35px;
padding-left: 0;
}
.developer-friendl .global_senders ::after {
right: unset;
left: -55px;
background-image: url(image/support_arrow_mmmm.png);
}
section.pricing {
background-color: #030303;
padding: 60px 0;
}
section.pricing .row {
text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1000px;
margin: 0 auto;
}
section.pricing .row .cont {
max-width: 510px;
margin: 0 auto;
}
section.pricing .row .cont h2 {
color: #ebb033;
margin: 0;
}
section.pricing .row .cont h3 {
font-family: 'Montserrat', sans-serif;
color: #fff;
margin: 0;
padding: 15px 0;
}
section.pricing .row .cont p {
color: #6a6a6a;
}
section.pricing .row .cont p a {
color: #f9b023;
}
section.Capabilities {
padding: 80px 0;
background: #000;
color: #fff;
}
.Capabilities .headding {
text-align: center;
padding-bottom: 60px;
}
.Capabilities .headding h2 {
color: #ebb033;
margin: 0;
}
.Capabilities .headding h3 {
font-family: 'Montserrat', sans-serif;
color: #fff;
margin: 0;
padding: 15px 0;
}
.Capabilities .tab_sec .wrapper ul.tabs {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0;
margin: 0 0 25px 0;
}
.Capabilities .tab_sec .wrapper ul.tabs li {
display: inline-block;
width: 14.28%;
}
.Capabilities .tab_sec .wrapper ul.tabs li a {
color: #8e8e8e;
text-transform: capitalize;
font-size: 14px;
font-weight: 600;
position: relative;
text-align: left;
display: block;
text-decoration: none;
}
.Capabilities .tab_sec .wrapper ul.tabs li a::after {
content: "";
position: absolute;
left: 0;
height: 1px;
background: #5c340099;
width: 0;
bottom: -6px;
transition: all ease-in-out 0.4s;
}
.Capabilities .tab_sec .wrapper ul.tabs li a.active::after {
width: 80%;
}
.Capabilities .tab_sec .wrapper ul.tabs li a:hover::after {
width: 80%;
}
.Capabilities .tab_sec .wrapper ul.tabs li a:hover {
color: #ebb033;
}
.Capabilities .tab_sec .wrapper ul.tabs li a.active {
color: #ebb033;
}
.Capabilities .tab_sec .wrapper .tabgroup p {
color: #616161;
font-size: 14px;
line-height: 22px;
padding-bottom: 12px;
padding-top: 5px;
}
.tab_sec .right_sms_cont .top_img {
display: flex;
align-items: center;
}
.Capabilities .tab_sec .right_sms_cont h4 {
font-size: 18px;
color: #ebb033;
padding-left: 20px;
}
.Capabilities .tab_sec .right_sms_cont ul {
padding: 27px 0 0;
margin: 0;
}
.Capabilities .tab_sec .right_sms_cont ul li {
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
padding: 7px 0 10px 24px;
}
.Capabilities .tab_sec .right_sms_cont ul li i {
margin-left: -24px;
padding-right: 5px;
color: #c99b39;
font-size: 15px;
position: relative;
top: -2px;
}
.Capabilities .left_tab .wrapper {
padding-right: 60px;
}
.Capabilities .left_tab .right_sms_cont {
padding-left: 60px;
}
.Capabilities .left_tab {
margin-bottom: 70px;
}
.Capabilities .tab_sec {
position: relative;
overflow: hidden;
}
.Capabilities .tab_sec::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 1px;
background: #737a8a4d;
transform: translateX(-50%);
height: 100%;
}
.Capabilities .right_tab .right_sms_cont {
padding-right: 40px;
}
.Capabilities .right_tab .wrapper {
padding-left: 60px;
}
.support_section ul li:nth-child(3),
.support_section ul li:nth-child(4) {
position: relative;
bottom: -12px;
}
.support_section ul li:first-child img {
position: relative;
bottom: -14px;
}
.contain_banner .banner_form input::placeholder {
font-weight: 600 !important;
}
.support_section ul li img {
width: 100%;
}
/*-- upcomming page -------*/
.upcomming_section_1 {
background: #000;
color: #fff;
padding: 45px 0;
}
.upcomming_section_right .left_cont {
padding-left: 18px;
}
.upcomming_section_right .right_img img {
padding-right: 15px;
}
.upcomming_section_1 .main_headding {
text-align: center;
padding: 25px 0 75px;
}
.upcomming_section_1 .main_headding h2 {
display: inline-block;
padding-bottom: 25px;
margin: 0;
position: relative;
}
.upcomming_section_1 .main_headding h2::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 250px;
height: 1px;
background: rgb(227 181 65 / 25%);
transform: translateX(-50%);
}
.upcomming_section_1 .row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.upcomming_section_1
.right_img img {
width: 100%;
}
.upcomming_section_1
.headdin_uc h2 {
font-size: 48px;
font-weight: 800;
text-transform: capitalize;
margin: 0;
}
.upcomming_section_1 .headdin_uc p {
font-size: 18px;
padding-top: 12px;
padding-bottom: 30px;
margin-bottom: 0;
}
.upcomming_section_1 .headdin_uc {
position: relative;
}
.upcomming_section_1 .left_cont h3 {
margin-top: 0;
padding-top: 28px;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: 600;
}
.upcomming_section_1 .left_cont p {
font-size: 16px;
color: #6a6a6a;
line-height: 28px;
font-weight: 400;
}
.upcomming_section_1 .left_cont ul {
padding: 0;
margin: 0;
}
.upcomming_section_1 .left_cont ul li {
margin-left: 19px;
padding: 5px 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #6a6a6a;
}
.upcomming_section_1 .left_cont a{
background: linear-gradient(to right, #e7ae33, #bd8b28);
padding: 11px 29px;
border-radius: 60px;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
position: relative;
overflow: hidden;
transition: all ease-in-out 0.4s;
z-index: 1;
border: 1px solid #eab033;
margin-top: 25px;
font-weight: 600;
color: #fff;
}
.upcomming_section_1 .left_cont a:hover{
background: linear-gradient(to right, #bd8b28, #e7ae33);
}
.upcomming_buttom {
padding-bottom: 70px;
}
.upcomming_section_1 .left_cont ul li::marker {
color: #eab033;
font-size: 22px;
}
.upcomming_section_1 .headdin_uc::after {
content: "";
position: absolute;
left: -30px;
bottom: 33px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(image/number_1.png);
width: 104px;
height: 112px;
}
.apps_section .headdin_uc::after {
content: "";
display: none;
position: absolute;
left: -30px;
bottom: 33px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(image/number_1.png);
width: 104px;
height: 112px;
}
.upcomming_section_2 .headdin_uc::after {
background-image: url(image/number_2.png);
}
.upcomming_section_3 .headdin_uc::after {
background-image: url(image/number_4.png);
}
.upcomming_buttom .headdin_uc::after {
background-image: url(image/number_3.png);
}
/*------ end upcomming page -------*/
/*-------------------------*/
/*-------------------end kpve sms page -----------*/
@media (max-width:1300px) and (min-width:940px) {
.all_tab_sec .right_tab_cont .bc_img {
position: relative;
right: 54px;
}
.all_tab_sec .left_tab {
position: relative;
left: 33px;
}
section.masanger_sec .row .mobile_tab {
position: relative;
right: -50px;
}
.all_tab_sec .right_tab_cont {
width: 708px;
position: relative;
right: -63px;
}
}
@media (max-width: 1199px) {
.site_section .contain_left h2,
.masanger_sec .head_msanger h2 {
font-size: 42px;
line-height: 42px;
margin-bottom: 15px;
}
.masanger_sec .head_msanger h2 {
margin: 0;
}
.page_banner .contain_banner h2 {
font-size: 48px;
}
.direct_alerts .dir_img img {
width: 100%;
}
.Capabilities .left_tab .wrapper {
padding-right: 24px;
}
.Capabilities .tab_sec .wrapper ul.tabs li {
width: auto;
display: inline-block;
min-width: 42px;
margin-left: 10px;
}
.Capabilities .tab_sec .wrapper ul.tabs li:first-child {
margin-left: 0;
}
.Capabilities .tab_sec .wrapper ul.tabs li {
width: auto;
min-width: 35px;
margin-left: 10px;
}
.Capabilities .left_tab .right_sms_cont {
padding-left: 24px;
}
.contain_banner .banner_form input[type="submit"] {
width: 40%;
}
}
@media(max-width:1100px) {
.Code_samples .box_sec .col-md-4 {
padding: 20px;
}
}
@media(max-width:1100px) and (min-width:991px) {
.page_banner ul.banner_trai li {
padding-right: 4px;
font-size: 13px;
}
.page_banner .contain_banner .banner_form {
padding-top: 15px;
}
}
@media (max-width:991px) {
.upcomming_section_1 .headdin_uc::after {
width: 84px;
height: 92px;
left: -20px;
bottom: 39px;
}
.upcomming_section_left .row {
flex-direction: column-reverse;
}
.upcomming_section_1 .right_img img {
padding-bottom: 32px;
}
.page_banner .contain_banner .banner_form {
padding: 0;
}
.mony_section .col-md-4 {
padding: 20px 15px;
}
.mony_section {
padding: 50px 0;
}
.support_section .our_support h2 {
font-size: 42px;
line-height: 45px;
}
.mony_section .row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.section_left .row {
flex-direction: column-reverse;
justify-content: center;
}
.site_section .imagr_right img {
padding-bottom: 50px;
}
.site_section .contain_left ul li {
padding-bottom: 7px;
line-height: 20px;
}
.contain_banner .banner_form input[type="submit"] {
width: 30%;
}
.Capabilities .left_tab .wrapper,
.Capabilities .left_tab .right_sms_cont {
padding: 0;
}
section.pricing .row .cont {
padding-top: 29px;
}
section.pricing .row .cont h3 {
font-size: 18px;
}
.Capabilities .tab_sec .right_sms_cont ul li {
display: block;
}
.Capabilities .tab_sec::after {
display: none;
}
.Capabilities .right_tab .wrapper {
padding: 0;
padding-top: 35px;
}
.Code_samples .box_sec .col-md-4 {
margin-right: 2%;
width: 32%;
margin-bottom: 2%;
}
.Code_samples .box_sec .col-md-4 {
padding: 20px 14px;
}
.page_banner .contain_banner {
text-align: center;
max-width: 600px;
margin: 0 auto;
}
.page_banner .row {
flex-direction: column-reverse;
}
.page_banner .row .col-sm-12 {
max-width: 600px;
margin: 0 auto;
}
.page_banner .baner_img img {
padding-bottom: 26px;
}
.direct_alerts .dir_cont p {
margin: 0 auto;
text-align: center;
padding: 0;
}
.direct_alerts .dir_cont {
text-align: center;
padding-top: 15px;
}
.developer-friendl .row {
flex-direction: column-reverse;
}
.developer-friendl .dir_img img {
padding-bottom: 87px;
}
.developer-friendl .global_senders .dir_img,
.developer-friendl .dir_img {
padding: 0;
}
.developer-friendl .developer_conta {
padding: 0;
text-align: center;
}
.developer-friendl .developer_conta h3 {
display: inline-block;
}
.developer-friendl .developer_conta h3::after {
left: 50%;
transform: translateX(-50%);
}
.developer-friendl .global_senders {
flex-direction: unset;
}
.developer-friendl .developer_conta h3 br {
display: none;
}
.developer-friendl .global_senders .developer_conta {
padding: 0;
}
.developer_conta::after {
display: none;
}
section.Capabilities,
.Code_samples,
.developer-friendl,
.direct_alerts {
padding: 60px 0 !important;
}
section.pricing {
padding-top: 0 !important;
}
}
@media (max-width:939px) {
.all_tab_sec .right_tab_cont {
width: 100%;
}
.all_tab_sec .left_tab ul li::after {
display: none;
}
.all_tab_sec .left_tab {
width: 100%;
}
.all_tab_sec {
flex-wrap: wrap;
}
.all_tab_sec .left_tab ul li {
display: flex;
flex-direction: column-reverse;
justify-content: center;
}
.all_tab_sec .left_tab ul li p {
position: static;
margin: 0;
transform: unset;
text-align: center;
}
.all_tab_sec .left_tab ul li span {
margin: 0px auto 4px;
}
.all_tab_sec .left_tab ul {
display: flex;
align-items: flex-start;
justify-content: center;
}
}
@media (max-width:767px) {
.upcomming_section_1 .headdin_uc::after {
width: 61px;
height: 61px;
left: -13px;
bottom: 38px;
}
.upcomming_section_1 .left_cont p {
padding-top: 4px;
}
.upcomming_section_1 .headdin_uc h2 {
font-size: 28px;
}
.upcomming_section_1 .main_headding h2 {
font-size: 32px;
}
.all_tab_sec .right_tab_cont .tab_cont {
height: 420px;
width: 223px;
}
.all_tab_sec .right_tab_cont .tab_cont::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
background-image: url(image/mobile_icon-dot.png);
width: 68px;
height: 41px;
top: -41px;
background-size: contain;
background-repeat: no-repeat;
z-index: -104;
}
.all_tab_sec .right_tab_cont .bc_img img {
height: 480px;
object-fit: cover;
position: relative;
left: 50%;
transform: translateX(-50%);
width: auto;
}
.support_section .our_support {
padding-bottom: 35px;
}
.section_right .contain_left,
.section_left .contain_left {
padding: 0;
}
.site_section .contain_left h2,
.masanger_sec .head_msanger h2 {
font-size: 33px;
line-height: normal;
}
.support_section ul li {
padding: 0 5px;
}
.mony_section .row .col-md-4 {
width: 100%;
}
.support_section ul li:nth-child(3),
.support_section ul li:nth-child(4) {
bottom: -4px;
}
.support_section ul li:first-child img {
bottom: -5px;
}
.Code_samples .box_sec .col-md-4 {
width: 48%;
margin: 1% !important;
}
.Code_samples .headding h2 {
font-size: 32px;
}
section.pricing .img img {
width: 100%;
}
.Code_samples .headding h3 {
font-size: 20px;
}
section.site_section {
padding: 60px 0;
}
section.site_section.section_right {
padding-bottom: 60px;
}
.support_section {
padding: 60px 0 0;
}
.page_banner {
padding: 60px 0;
}
}
@media (max-width:640px) {
.contain_banner .banner_form input[type="submit"] {
width: 42%;
}
.support_section .our_support h2 {
font-size: 38px;
line-height: 44px;
}
.support_section .our_support img {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
}
@media (max-width:579px) {
.all_tab_sec .right_tab_cont .tab_cont {
height: 330px;
background-size: contain;
width: 175px;
}
.all_tab_sec .left_tab ul li p {
display: block;
width: 100%;
}
.all_tab_sec .right_tab_cont .bc_img img {
height: 410px;
word-break: break-all;
object-fit: cover;
width: auto;
position: relative;
transform: translateX(-50%);
left: 50%;
}
section.masanger_sec {
padding: 60px 0;
}
.all_tab_sec .left_tab ul li span img {
width: 24px;
}
.all_tab_sec .left_tab ul li span {
width: 45px;
height: 45px;
}
.masanger_sec .head_msanger h2 {
padding-bottom: 20px;
}
.masanger_sec .owl-carousel .owl-nav button {
background: transparent !important;
}
.masanger_sec .owl-carousel .owl-nav button span {
font-size: 30px;
}
.all_tab_sec .left_tab ul li p {
font-size: 12px;
}
.all_tab_sec .left_tab ul li {
padding: 0;
}
}
@media (max-width:480px) {
.upcomming_section_1 .headdin_uc::after {
width: 61px;
height: 61px;
left: -8px;
bottom: unset;
top: -9px;
}
.page_banner .contain_banner h2 {
font-size: 34px;
}
.contain_banner p {
padding: 0;
margin: 0;
}
.direct_alerts .dir_cont p {
font-size: 16px;
line-height: 24px;
}
.Code_samples .box_sec .col-md-4 {
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
max-width: 270px;
}
.Capabilities .tab_sec .wrapper ul.tabs {
overflow-x: scroll;
margin-bottom: 14px;
}
.Capabilities .tab_sec .wrapper ul.tabs li {
display: inline-block;
width: auto;
min-width: initial;
}
.Capabilities .tab_sec .wrapper ul.tabs li a {
margin-bottom: 15px;
}
.page_banner ul.banner_trai li {
display: block;
padding: 0;
}
.contain_banner .banner_form input {
display: block;
max-width: 320px;
width: 100%;
margin: 0 auto 12px;
border: 1px solid #a3a3a3 !important;
border-radius: 29px;
}
.page_banner .contain_banner .banner_form {
display: block;
}
.contain_banner .banner_form input[type="submit"] {
width: 100%;
max-width: 178px;
border: 0 !important;
border-radius: 29px;
margin-bottom: .0;
}
.page_banner .contain_banner .banner_form {
padding-top: 15px;
}
.support_section .our_support h2, .site_section .contain_left h2, .masanger_sec .head_msanger h2 {
font-size: 28px;
line-height: 31px;
}
}
@media (min-width:940px) {
.masanger_sec .all_tab_sec .left_tab .owl-carousel {
display: block;
}
}
/*-------------APPS-PAGE-----------------------------*/
a.getr-btnnn:hover {
background: linear-gradient(to right, #bd8b28, #e7ae33);
}
a.getr-btnnn {
background: linear-gradient(to right, #e7ae33, #bd8b28);
padding: 11px 29px;
border-radius: 60px;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
position: relative;
overflow: hidden;
transition: all ease-in-out 0.4s;
z-index: 1;
text-shadow: 0px -0.4px #fff;
border: 1px solid #eab033;
margin-top: 25px;
font-weight: 600;
color: #000;
}
.left_cont img {
width: 100%;
margin-bottom: 20px;
}
.apps_section .row {
align-items: baseline;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.get-steredd {
background: #141313;
color: #fff;
margin-bottom: 25px;
font-weight: 400;
padding: 20px;
}
.apps_section .headdin_uc h2 {
font-size: 48px;
margin-bottom: 20px!important;
font-weight: 800;
text-transform: capitalize;
margin: 0;
color: #fff;
}
.apps_section, .galllery-outer{
background: #000;
color: #fff;
padding: 45px 0;
}
.secornd-join {
display: flex;
flex-direction: column;
align-items: center;
background: #141313;
height: 360px;
justify-content: center;
padding: 0px 10px;
}
.secornd-join h5{
font-size: 35px;
text-align: center;
font-weight: 700;
line-height: 45px;
}
.apps_section .left_cont p {
font-size: 14px;
color: #a3a3a3;
line-height: 22px;
font-weight: 400;
}
.work-progress {
background: #000;
}
.work-progress .row{
justify-content: center;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.img-progress img {
height: 90px;
}
.img-progress {
height: fit-content;
border: 1px solid #fff;
text-align: center;
height: 140px;
margin: auto;
width: 140px;
line-height: 140px;
border-radius: 100px;
}
.items-progress h3 {
font-size: 20px;
text-align: center;
color: #fff;
}
.col-md-2-2 {
width: 20%;
margin: auto;
text-align: center;
}
.work-progress .row {
justify-content: center;
display: flex;
align-items: center;
flex-wrap: wrap;
}
h6.small-headings {
font-size: 25px;
color: #fff;
font-weight: 900;
font-family: 'Montserrat';
}
.work-progress-inner{
background: #000;
padding: 45px 0px;
border-top: 1px solid #ffffff40;
border-bottom: 1px solid #ffffff40;
}
section.galllery-outer .img-wrapper {
border: 1px solid #5b3f04;
padding: 15px;
}
section.galllery-outer .img-overlay {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 15px 10px;
}
section.galllery-outer .Expense_Me h6{
font-size: 18px;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}
section.galllery-outer .Expense_Me p{
font-size: 14px;
color: #fff;
font-weight: 200;
margin-bottom: 0px;
}
section.galllery-outer .img-overlay {
background: rgb(189 139 40 / 86%);
}
section.galllery-outer .img-wrapper img {
height: 280px;
width: 100%;
object-fit: cover;
}
.apps_section.brandinf-section .row {
align-items: flex-start;
}
.background-blckk {
background: #0f0f0f;
padding: 30px;
}
.back-itemss{
background: #0f0f0f;
}
.brandinf-section .background-blckk p{
color: #fff;
font-size: 14px;
}
.brandsss-count {
background: #000;
background: #000;
color: #fff;
padding: 10px 0 25px;
}
.col-lg-4.pddingNone{
padding: 0px;
}
.col-lg-4.pddingNone img{
width: 100%;
}
.brandsss-count .row {
align-items: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.items-count {
text-align: center;
}
.items-count img {
height: 70px;
}
.items-count h2{
font-size: 25px;
font-weight: bold;
margin-top: 20px;
}
.items-count p{
font-size: 15px;
margin-top: 2px;
margin-bottom: 0px;
font-weight: 200;
}
.work-progress-inner p{
color: #a3a3a3;
font-weight: 500;
}
section.work-progress.our-brandss-outer .owl-carousel .owl-stage{
display: flex;
align-items: center;
filter: grayscale(50%);
justify-content: center;
}
section.work-progress.our-brandss-outer .owl-carousel .owl-item img{
width: 70%;
filter: grayscale();
}
section.work-progress.our-brandss-outer .owl-nav.disabled{
display: none!important;
}
section.work-progress.our-brandss-outer .work-progress-inner{
padding: 50px 0px 30px;
}
div#our-brands {
padding: 50px 0px 30px;
}
.kpvtabsection-photo .left-contain {
text-align: left;
position: relative;
padding-left: 40px;
}
.kpvtabsection-photo .left-contain h1 {
font-size: 34px;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
padding-bottom: 6px;
margin: 0;
}
.kpvtabsection-photo .left-contain:after {
content: "";
position: absolute;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: cover;
top: 6px;
left: -10px;
background-image: url(image/sloder-hver.png);
}
.kpvtabsection-photo .left-contain p {
color: #a3a3a3;
margin-top: 10px;
font-weight: 500;
}
.hosting-content{
display: flex;
align-items: center;
align-items: flex-start;
column-gap: 22px;
color: #a3a3a3;
margin-top: 10px;
font-weight: 500;
}
.items-hosting {
padding-top: 30px;
border-top: 1px solid #ffffff24;
margin-top: 30px;
}
.hosting-content img {
height: 38px;
}
h6.small-light-head { color: #bd8b28;
font-size: 48px;
margin-top: 00;
line-height: normal;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 200;
}
.chec-fill-content ul li i.fa.fa-check {
position: relative;
width: 20px;
height: 20px;
margin-right: 10px;
color: #af7a09;
z-index: 9;
background: #000;
}
.chec-fill-content ul {
list-style: none;
padding: 0px;
margin-bottom: 0px;
}
.chec-fill-content ul li i.fa.fa-check::after {
position: absolute;
border: 1px solid #af7a09;
display: block;
content: "";
width: 16px;
height: 16px;
top: 1px;
border-radius: 100px;
left: -3px;
z-index: 0;
}
.chec-fill-content ul li {
display: flex;
color: #a3a3a3;
margin-top: 15px;
font-size: 14px;
font-weight: 500;
}
.chec-fill-content h6 {
font-size: 20px;
}
.chec-fill-content{
background: #000;
margin-top: 30px;
padding: 45px 0px 0;
border-top: 1px solid #ffffff40;
}
.back-itemss {
padding: 40px 20px;
}
.chec-fill-content img{
width: 100%;
}
.chec-fill-content .row {
align-items: flex-start;
}
.socialmedia-mk .row{
align-items: flex-start;
}
.socialmedia-mk i {
color: #ffae00;
margin-right: 15px;
}
.chec-fill-content.socialmedia-mk .background-blckk {
background: #0f0f0f;
padding: 20px;
}
section.work-progress.our-brandss-outer.social-mdiaaa div#our-brands {
padding: 0px 0px 0px;
}
section.work-progress.our-brandss-outer.social-mdiaaa .work-progress-inner {
background: #000;
padding: 0px 0px 60px;
border-top: 0px solid #ffffff40;
border-bottom: 0px solid #ffffff40;
}
.chec-fill-content.socialmedia-mk {
border-top: 0px;
}
.btn-play {
width: 65px;
text-transform: uppercase;
font-size: 25px;
border-radius: 40px;
height: 65px;
background: #ffffff;
color: #000;
border: none;
line-height: 55px;
cursor: pointer;
padding-top: 8px;
animation: at-ripple-pink 0.6s linear infinite;
text-align: center;
position: absolute;
}
/* Pink Animate */
@-webkit-keyframes at-ripple-pink {
0% {
box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2);
}
100% {
box-shadow: 0 10px 10px rgba(255, 65, 130, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 65, 130, 0);
}
}
@keyframes at-ripple-pink {
0% {
box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2), 0 0 10px 30px rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2);
}
100% {
box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2), 0 0 10px 30px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 65, 130, 0);
}
}
.upcomming_section_1 .left_cont .video-boxx a {
background: transparent;
padding: 0px;
border-radius: 0px;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
position: relative;
overflow: hidden;
transition: all ease-in-out 0.4s;
z-index: 1;
border: 0px solid #eab033;
margin-top: 0px;
font-weight: 600;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
color: #fff;
}
.upcomming_section_1 .left_cont .video-boxx {
position: relative;
}
.rxtColor p{
color: #a3a3a3!important;
font-weight: 600!important;
}
.chec-fill-content.socialmedia-mk.desinnginng li {
display: flex;
align-items: center;
font-size: 14px;
}
.chec-fill-content.socialmedia-mk.desinnginng li i{
font-size: 16px;
}
.produc-mh-hvr{
}
.produc-mh-hvr .img-overlay {
padding: 0px!important;
}
section.galllery-outer .produc-mh-hvr .img-wrapper {
border: 0px solid #5b3f04;
padding: 0px;
}
.videoimggg img{
width: 100%;
}
section.apps_section.videoimggg .row {
align-items: flex-start;
}
.progress {
width: 120px;
height: 120px;
font-size: 30px;
color: #fff;
border-radius: 50%;
overflow: hidden;
position: relative;
background: #07070c;
text-align: center;
line-height: 120px;
margin: 20px;
}
.progress::after {content: "%";}
.progress .title {position: relative;z-index: 100;}
.progress .overlay {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #07070c
}
.progress .left, .progress .right {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 5px solid #ca9115;
border-radius: 100px 0px 0px 100px;
border-right: 0;
transform-origin: right;
}
.progress .left {animation: load1 1s linear forwards;}
.progress:nth-of-type(2) .right, .progress:nth-of-type(3) .right {animation: load2 .5s linear forwards 1s;}
.progress:last-of-type .right, .progress:first-of-type .right {animation: load3 .8s linear forwards 1s;}
@keyframes load1 {
0% {transform: rotate(0deg);}
100% {transform: rotate(180deg);}
}
@keyframes load2 {
0% {z-index: 100;transform: rotate(180deg);}
100% {z-index: 100;transform: rotate(270deg);}
}
@keyframes load3 {
0% {z-index: 100;transform: rotate(180deg);}
100% {
z-index: 100;transform: rotate(315deg);}
}
.progreesssOuter{
display: flex;
align-items: center;
justify-content: space-between;
}
.get-steredd.ouSeriveice h6 {
font-size: 35px;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
}
.get-steredd.ouSeriveice {
background: #fff;
color: #000;
text-align: left;
}
@