@import url('https://fonts.googleapis.com/css?family=Fira+Sans:200,300,300i,400,400i,500,500i,600,700,800,900|Hind+Vadodara:300,400,500,600,700');


body {
font-size: 16px;
line-height: 1.3;
font-family: "Hind Vadodara", sans-serif;
font-weight: 400;
}

.container-fluid {
max-width: 100%;
}



@media (min-width: 1000px) {
.container-fluid {
max-width: 90%;
}
}

@media (min-width: 1366px) {
.container-fluid {
max-width: 80%;
}
}

@media (min-width: 1800px) {
.container-fluid {
max-width: 70%;
}
}

header.header-main {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #dadae1;
z-index: 99998;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
padding: 15px 0px;
}

.scroll-header header.header-main {
background-color: #7f7878;
-webkit-box-shadow: 0 0 10px rgb(166 209 237 / 30%);
box-shadow: 0 0 10px rgb(166 209 237 / 30%);
padding: 0px 0px;
}

.header-main .container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 15px;
padding-bottom: 15px;
}

.logo-section {
max-width: 204px;
}



.custom-menu-primary {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.custom-toll {
position: fixed;
display: inline-block;
margin-bottom: 5px;
width: auto;
max-width: 133px;
font-size: 15px;
letter-spacing: 1px;
font-weight: bold;
top: 5px;
right: 50px;
color: #ffffff;
transition: all .3s;
}

.scroll-header .custom-toll {
color: #ffba01;
}

.custom-toll span {
font-size: 15px;
font-weight: 600;
display: block;
transition: all .3s;
}
.custom-toll span a {
text-decoration: none;
color: inherit;
}
.logo-section img {
max-width: 125%;
vertical-align: middle;
border-style: none;
}

.custom-menu-primary .custom-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.custom-menu-primary .custom-nav > li > a {
    display: block;
    margin: 0;
    padding: 15px 10px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: bold;
    color: #dc3545;
    text-decoration: none;
}


.custom-menu-primary .custom-nav > li {
position: relative;
padding: 0px 6px;
}

.custom-menu-primary .custom-nav li ul ul {
left: 100%;
top: 0px;
}

.custom-menu-primary .custom-nav li ul li {
position: relative;
}

.custom-menu-primary .custom-nav li ul li a {
display: block;
margin: 0;
padding: 10px 10px;
text-transform: uppercase;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-weight: 500;
color: #ffba01;
text-decoration: none;
}

.custom-menu-primary .custom-nav > li:nth-last-child(1) > ul {
left: auto;
right: 0;
}

.custom-menu-primary .custom-nav > li:nth-last-child(1) > ul ul, 
.custom-menu-primary .custom-nav > li:nth-last-child(2) > ul ul {
left: auto;
right: 100%;
}

.custom-menu-primary .custom-nav > li:nth-last-child(1) > a, .custom-menu-primary .custom-nav > li:nth-last-child(2) > a {
    background-image: -webkit-linear-gradient( 
blue
 , purple, blue);
    background-image: -o-linear-gradient(blue, purple, blue);
    background-image: linear-gradient( 
blue
 , purple, blue);
    background-repeat: repeat-x;
    color: #fff;
    padding: 9px 20px;
    border-radius: 10px;
}

.custom-menu-primary .custom-nav > li:last-child {
padding-right: 0;
}

.custom-menu-primary .custom-nav > li:nth-last-child(1):hover > a,
.custom-menu-primary .custom-nav > li:nth-last-child(2):hover > a {
text-decoration: none;
color: #fff;
-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}



.copyright-section {
background-color: #b66f6f;
padding: 30px 0;
}

.social-icons {
text-align: right;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}

.social-icons li {
display: inline-block;
margin-right: 10px;
}

.social-icons li a {
text-decoration: none;
line-height: 30px;
color: #172b43;
width: 30px;
height: 30px;
display: block;
background: #a6d1ed;
text-align: center;
border-radius: 5px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.social-icons li:last-child {
margin-right: 0;
}

.social-icons li svg {
display: inline-block;
width: 16px;
position: relative;
top: -2px;
}

.social-icons li a.twitter:hover {
background-color: #0057ff;
}

.social-icons li a.facebook:hover {
background-color: #1da1f2;
}

.social-icons li a.pinterest:hover {
background-color: #dd4b39;
}

.social-icons li a.linkedin:hover {
background-color: #ea4c89;
}

.social-icons li a.youtube:hover {
background-color: #ff0000;
}

.social-icons li a:hover {
color: #ffffff;
}

.copyright-text p {
margin-bottom: 0;
color: #ffba01;
position: relative;
z-index: 8;
}

.copyright-section .row {
align-items: center;
}

.copyright-text p a {
margin-bottom: 0;
color: #ffba01;
position: relative;
z-index: 8;
transition: all .3s;
}

.copyright-text p a:hover {
color: #d79d00;
}

footer.main-footer {
background-color: #172b43;
position: relative;
z-index: 6;
overflow: hidden;
}

.shape-footer-top {
max-width: 100%;
position: absolute;
top: -90%;
z-index: 0;
left: -8%;
opacity: 0.1;
-webkit-transform: rotate( 90deg );
-ms-transform: rotate(90deg);
transform: rotate( 90deg );
}

.footer-logo img {
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
vertical-align: middle;
max-width: 180px;
}

.footer-logo {
max-width: 100%;
}

.footer-menu-in {
font-size: 15px;
font-weight: 400;
text-align: right;
color: #fff;
}

.footer-menu-in a {
color: #ffba01;
font-size: 14px;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.footer-logo-wrapper .row {
align-items: center;
}

.footer-logo-wrapper .container-fluid {
padding-top: 15px;
padding-bottom: 15px;
}

.footer-logo-wrapper {
padding: 30px 0px 0px;
}

.footer-address h5 {
color: #fff;
font-weight: 400;
font-size: 26px;
}

.footer-address p {
color: #fff;
font-size: 15px;
font-weight: 400;
margin-bottom: 5px;
}

.footer-address p a {
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffba01;
font-size: 14px;
}

.footer-address p a svg {
display: inline-block;
height: 14px;
width: 14px;
vertical-align: -3px;
}

.footer-address p a:hover {
text-decoration: none;
color: #e1a500;
}

.footer-address-wrapper .row {
align-items: center;
}

.footer-btn .btn-mid {
background-image: -webkit-linear-gradient( 45deg , #e9a17b, #ffba01);
background-image: -o-linear-gradient(45deg, #e9a17b, #ffba01);
background-image: linear-gradient( 45deg , #e9a17b, #ffba01);
background-repeat: repeat-x;
font-weight: 400;
text-transform: uppercase;
border: none;
cursor: pointer;
border-radius: 10px;
vertical-align: middle;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
display: inline-block;
font-size: 14px;
color: #ffffff;
line-height: 1;
padding: 10px 16px;
}

.footer-btn .btn-mid:hover {
text-decoration: none;
color: #fff;
-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}

.footer-menu-in a:hover {
text-decoration: none;
color: #e1a500;
}

.footer-add-main h5 {
color: #fff;
font-weight: 400;
margin-bottom: 20px;
font-size: 25px;
}

.footer-add-main p {
color: #fff;
font-size: 15px;
font-weight: 400;
margin-bottom: 5px;
line-height: 1.7;
}

.footer-add-main p a {
color: #ffba01;
font-size: 14px;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.footer-add-main p a:hover {
color: #e1a500;
text-decoration: none;
}

.footer-add-main p a svg {
display: inline-block;
height: 14px;
width: 14px;
vertical-align: -2px;
}

.footer-add-main {
padding-bottom: 30px;
}

.shape-footer-bottom {
max-width: 100%;
position: absolute;
bottom: -80%;
z-index: 0;
right: -9%;
opacity: 0.1;
-webkit-transform: rotate( 90deg );
-ms-transform: rotate(90deg);
transform: rotate( 90deg );
}

.footer-top {
position: relative;
padding: 80px 0px 50px;
}

.clients-logo-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
}

.body-wrapper {
padding: 50px 0px;
position: relative;
overflow: hidden;
}

.clients-logo-wrapper .client {
max-width: 20%;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
text-align: center;
-ms-flex-item-align: center;
align-self: center;
}

.clients-logo-wrapper .client img {
vertical-align: middle;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 100%;
width: auto;
}

.start-project-content {
-webkit-box-shadow: 0 10px 19px 1px rgb(166 209 237 / 20%);
box-shadow: 0 10px 19px 1px rgb(166 209 237 / 20%);
padding: 65px 70px;
border-radius: 10px;
margin: 20px 0px 30px;
}

.start-project-content-wrapper {
padding-bottom: 40px;
}

.cm-items-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.cm-text-md-left {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

.cm-text-md-right {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
text-align: center;
}

.services-wrapper {
position: relative;
}

.services-wrapper .service-box {
height: 100%;
display: block;
background: #fff;
border-radius: 10px;
position: relative;
z-index: 2;
outline: none;
padding: 56px 30px 22px;
}

.services-wrapper .service-box:before {
content: " ";
width: 95%;
height: 95%;
z-index: -3;
position: absolute;
top: auto;
bottom: 1px;
left: 1px;
border-radius: 12px;
background-image: -webkit-linear-gradient( 350deg , #e9a17b, #ffba01);
background-image: -o-linear-gradient(350deg, #e9a17b, #ffba01);
background-image: linear-gradient( 100deg , #e9a17b, #ffba01);
background-repeat: repeat-x;
outline: 1px solid transparent;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.services-wrapper .service-box:after {
content: " ";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 10px 50px rgb(166 209 237 / 20%);
box-shadow: 0 10px 50px rgb(166 209 237 / 20%);
z-index: -2;
}

.services-wrapper .service-box p span {
font-weight: 400;
padding-left: 5px;
color: #001a51;
}

.services-wrapper .service-box p svg {
display: inline-block;
font-size: inherit;
height: 17px;
overflow: visible;
vertical-align: -.125em;
color: #ffba01;
width: 17px;
overflow: visible;
}

.services-wrapper .service-box p {
font-size: 18px;
line-height: 25px;
}

.services-wrapper .service-box:hover {
text-decoration: none;
}

.services-wrapper .service-box p:last-child {
}

.services-wrapper .service-box:hover:before {
-webkit-transform: rotate( 2deg ) translateX(-5px) translateY(16px);
-ms-transform: rotate(2deg) translateX(-5px) translateY(16px);
transform: rotate( 2deg ) translateX(-5px) translateY(16px);
}

.cm-text-md-left h3 {
color: #172b43;
font-weight: 900;
font-size: 40px;
}

.cm-text-md-left p {
font-weight: 400;
color: #001a51;
margin: 0;
}

.cm-text-md-right .custom-btn {
background-image: -webkit-linear-gradient( 45deg , #001a51, #6245fe);
background-image: -o-linear-gradient(45deg, #001a51, #6245fe);
background-image: linear-gradient( 45deg , #001a51, #6245fe);
background-repeat: repeat-x;
display: inline-block;
color: #fff;
font-weight: 400;
text-transform: uppercase;
border: none;
cursor: pointer;
border-radius: 10px;
vertical-align: middle;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
line-height: 30px;
font-size: 16px;
padding: 15px 27px;
}

.cm-text-md-right .custom-btn:hover {
text-decoration: none;
color: #fff;
-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}

.about-us {
position: relative;
padding: 121px 0px;
margin: 100px 0 65px;
overflow: hidden;
}


.video-reveal-from-right {
position: absolute;
z-index: -1;
opacity: .9;
max-width: 100%;
right: -20%;
bottom: -14%;
-webkit-transform: rotate( 90deg );
-ms-transform: rotate(90deg);
transform: rotate( 90deg );
}

.video-play-bg {
position: absolute;
top: 0;
bottom: 0;
right: 50%;
width: 50%;
margin-right: 70px;
border-top-right-radius: 50px;
border-bottom-right-radius: 350px;
z-index: 1;
background-image: -webkit-linear-gradient(
blue
, #e9a17b, red);
background-image: -o-linear-gradient(blue, #e9a17b, red);
background-image: linear-gradient(
blue
, #e9a17b, red);
background-repeat: repeat-x;
}

.video-play-bg .video-play-btn {
width: 100px;
height: 100px;
display: inline-block;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
font-size: 16px;
line-height: 100px;
text-align: center;
padding-left: 7px;
color: #6245fe;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
outline: none;
position: absolute;
top: 40px;
right: 50px;
z-index: 5;
}

.video-play-bg .video-play-btn svg {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
margin-right: 5px;
width: .875em;
}

.about-section-wrap h2 {
font-size: 45px;
font-weight: 900;
margin-bottom: 20px;
}

.about-section-wrap p {
font-weight: 400;
padding-left: 5px;
color: #001a51;
font-size: 18px;
line-height: 1.5;
}

.about-section-wrap p:not(:last-of-type) {
margin-bottom: 20px;
}

.clients-counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 20px;
}

.experiance .client-counts {
background: -webkit-linear-gradient(
45deg
, #001a51, #6245fe);
background: -o-linear-gradient(45deg, #001a51, #6245fe);
background: linear-gradient(
45deg
, #001a51, #6245fe);
-webkit-background-clip: text;
color: transparent;
}

.projects .client-counts {
background: -webkit-linear-gradient(
45deg
, #f18cff, #af46fc);
background: -o-linear-gradient(45deg, #f18cff, #af46fc);
background: linear-gradient(
45deg
, #f18cff, #af46fc);
-webkit-background-clip: text;
color: transparent;
}

.all-clients .client-counts {
background: -webkit-linear-gradient(
45deg
, #e9a17b, #ffba01);
background: -o-linear-gradient(45deg, #e9a17b, #ffba01);
background: linear-gradient(
45deg
, #e9a17b, #ffba01);
-webkit-background-clip: text;
color: transparent;
}

.client-counts {
    font-family: "Fira Sans", sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
}

.clients-expriance-name {
font-family: "Fira Sans", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #ffba01;
}

.video-play-bg .video-play-btn:hover {
color: #6245fe;
-webkit-box-shadow: 0 2px 50px rgb(0 0 0 / 10%);
box-shadow: 0 2px 50px rgb(0 0 0 / 10%);
text-decoration: none;
}

.video-play-bg:after {
content: " ";
position: absolute;
top: -45px;
right: -2px;
width: 100%;
height: 104%;
border-top-right-radius: 350px;
border-bottom-right-radius: 350px;
background-color: #fff;
background-image: url('/../public/home/images2/about-img.png');
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

.banner-wrapper {
position: relative;
}

.banner-wrapper:before {
content: " ";
width: 68vw;
height: 68vw;
-webkit-transform: rotate( 260deg );
-ms-transform: rotate(260deg);
transform: rotate( 260deg );
position: absolute;
top: -40%;
right: -20%;
border-radius: 50%;
outline: 1px solid transparent;
z-index: -2;
/*
background-image: -webkit-linear-gradient( 45deg , #e9a17b, #ffba01);
background-image: -o-linear-gradient(45deg, #e9a17b, #ffba01);
background-image: linear-gradient( 45deg , #e9a17b, #ffba01);
background-repeat: repeat-x;
*/
}

.banner-wrapper:after {
    border-radius: 50%;
    outline: 1px solid transparent;
    z-index: -2;
    position: absolute;
    content: " ";
    width: 68vw;
    height: 68vw;
    background: #fff url(/../public/home/images2/banner-round-img-2.jpg) center center no-repeat;
    background-size: cover;
    background-position: calc(100% - -171px) 401px;
    top: -46%;
    right: -20%;
}

.banner-reveal-from-right {
position: absolute;
z-index: -1;
opacity: .9;
left: 3%;
top: 190px;
width: 779px;
height: 759px;
transform: translate3d(-135.7022px, 0px, 0px);
}

.banner-content {
padding: 280px 0 250px;
position: relative;
z-index: 2;
}

.banner-content > h3 {
color: #FF0000;
font-weight: 900;
font-family: "Fira Sans", sans-serif;
font-size: 36px;
line-height: 1.4;
margin-bottom: 5px;
}

.banner-content h1 {
font-family: "Fira Sans", sans-serif;
color: #172b43;
line-height: 1.4;
font-weight: 900;
font-size: 60px;
}

.banner-content .banner-custom-btn {
background-image: -webkit-linear-gradient( 45deg , #001a51, #6245fe);
background-image: -o-linear-gradient(45deg, #001a51, #6245fe);
background-image: linear-gradient( 45deg , #001a51, #6245fe);
background-repeat: repeat-x;
display: inline-block;
color: #fff;
font-weight: 400;
text-transform: uppercase;
border: none;
cursor: pointer;
border-radius: 10px;
vertical-align: middle;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
line-height: 30px;
margin-top: 20px;
padding: 16px 30px;
font-size: 16px;
font-family: "Hind Vadodara", sans-serif;
}

.banner-content .banner-custom-btn:hover {
text-decoration: none;
color: #fff;
-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}

.site-wrapper {
position: relative;
overflow-x: hidden;
}

.sliderpop {
width: 250px;
top: 30%;
position: fixed;
margin-left: 0;
text-align: center;
background: none;
z-index: 100;
left: -250px;
transition: all .7s;
}

.side-form-open .sliderpop {
    left: 0px;
}

.sidebar1 {
position: absolute;
top: 90px;
left: 279px;
width: 100px;
height: 30px;
padding-left: 1px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
background: #042c71;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-weight: 700;
transform: rotate( 90deg );
transform-origin: left top 0;
color: #fff;
cursor: pointer;
}

.vtitle svg {
display: inline-block;
height: 16px;
width: 16px;
}

.slidepop-top {
width: 100%;
height: 55px;
padding: 5px 0 5px 0;
background: #fff;
border-top-left-radius: .3em .3em;
border-top-right-radius: .3em .3em;
border-top: 10px solid #042c71;
border-bottom: 1px solid #042c71;
border-left: 1px solid #042c71;
border-right: 1px solid #042c71;
}

.sliderpoptitle {
text-align: center;
font-size: 22px;
font-weight: 700;
color: #042c71;
}

.slidepop-body {
width: 100%;
text-align: center;
background: #fff;
border-left: 1px solid #042c71;
border-right: 1px solid #042c71;
max-height: calc(100vh - 160px);
overflow-y: auto;
}

.slidepop-foot {
width: 100%;
height: 10px;
background: #fff;
border-bottom-left-radius: .3em .3em;
border-bottom-right-radius: .3em .3em;
border-top: 1px solid #d8d8d8;
border-bottom: 5px solid #042c71;
border-left: 1px solid #042c71;
border-right: 1px solid #042c71;
}

.slidepopheader {
width: 200px;
margin-left: 20px;
}

.slidepopheader form input {
border-radius: 5px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
color: #001a51;
background: transparent;
width: calc(100% - 10px);
min-height: 10px;
padding: 5px;
letter-spacing: .5px;
border: 0;
font-size: 12px;
border-bottom: 1px dashed #dbdbdb;
line-height: 30px;
}

.slidepopheader form textarea {
border-radius: 5px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
color: #001a51;
background: transparent;
line-height: 30px;
height: 50px;
width: 100%;
border: 0;
font-size: 12px;
border-bottom: 1px dashed #dbdbdb;
margin-top: 10px;
padding: 6px;
resize: none;
margin-bottom: 10px;
}

.slidepopheader form button.button {
cursor: pointer;
font-weight: bolder;
width: 100%;
-webkit-appearance: button;
margin-left: 0px;
margin-top: -15px;
color: #ffffff;
background-color: #ffb900;
padding: 10px 17px;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
border: 0;
border-radius: 2px;
outline: 0;
box-shadow: 3px 3px 20px rgb(0 0 0 / 20%);
-webkit-transition: all .2s;
transition: all .2s;
line-height: 25px;
font-family: "Hind Vadodara", sans-serif;
margin-top: 5px;
margin-bottom: 10px;
}

.slidepopheader form {
position: relative;
}

.slidepopheader form button.button:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

span.vtitle {
line-height: 1;
font-size: 14px;
top: 3px;
position: relative;
}

.footer-btn {
text-align: right;
}

@media (min-width: 768px) {

.cm-text-md-left {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}

.cm-text-md-right {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
text-align: right;
}
}


@media (min-width: 981px) {
.menu-trigger {
display: none;
}
.custom-menu-primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}

.custom-menu-primary .custom-nav {
margin-left: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.custom-menu-primary .custom-nav li ul {
margin: 0;
padding: 0;
list-style-type: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .3s;
position: absolute;
top: 100%;
background-color: #ffffff;
min-width: 190px;
box-shadow: 0px 5px 11px 0px rgb(141 130 130 / 19%);
-webkit-box-shadow: 0px 5px 11px 0px rgb(141 130 130 / 19%);
-moz-box-shadow: 0px 5px 11px 0px rgb(141 130 130 / 19%);
}
.custom-menu-primary .custom-nav li:hover > ul {
opacity: 1;
visibility: visible;
pointer-events: all;
}
}

@media screen and (min-width: 1600px) {
.banner-wrapper:after {
-webkit-transform: rotate( 0deg );
-ms-transform: rotate(0deg);
transform: rotate( 0deg );
-webkit-box-shadow: -5px 0 30px rgb(0 0 0 / 10%);
box-shadow: -5px 0 30px rgb(0 0 0 / 10%);
background: #fff url('../images/banner-round-img-2.jpg') calc(100% - 320px) 405px no-repeat;
background-size: 105%;
top: -46%;
right: -20%;
}
}


@media screen and (max-width: 1199px) {
.banner-wrapper:after {
top: -100px;
right: -90px;
z-index: 1;
background-position: calc(100% - 40px) 90px;
}
.banner-wrapper:before {
top: -70px;
right: -70px;
z-index: 1;
}
.banner-content {
padding: 280px 0 80px;
position: relative;
z-index: 2;
}
.banner-reveal-from-right {
top: 93px;
}
}

@media screen and (max-width: 1500px) {
.custom-toll {
max-width: 100%;
}
.custom-toll span {
display: inline-block;
}
.scroll-header .custom-toll {
font-size: 13px;
}
.scroll-header .custom-toll span {
font-size: 13px;
}
}

@media screen and (max-width: 1200px) {

.custom-menu-primary .custom-nav > li > a,
.custom-menu-primary .custom-nav li ul li a {
font-size: 14px;
}
}

@media screen and (max-width: 1000px) {
.banner-content {
padding: 280px 0 0px;
}
.services-wrapper .row > div {
margin-top: 20px;
}
.clients-logo-wrapper .client {
max-width: 33.333333%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
padding: 15px 15px;
}
.body-wrapper {
padding: 50px 0px 20px;
}
}


@media (max-width: 980px) {
.header_close {
cursor: pointer;
}

.header_close span {
width: 30px;
height: 3px;
border-radius: 20px;
display: block;
margin: 6px 0;
background-image: -webkit-linear-gradient( 45deg , #e9a17b, #ffba01);
background-image: -o-linear-gradient(45deg, #e9a17b, #ffba01);
background-image: linear-gradient( 45deg , #e9a17b, #ffba01);
background-repeat: repeat-x;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.mobile-open .header_close span.bar1 {
-webkit-transform: rotate( -45deg ) translate(-7px, 5px);
-ms-transform: rotate(-45deg) translate(-7px, 5px);
transform: rotate( -45deg ) translate(-7px, 5px);
}

.mobile-open .header_close span.bar2 {
opacity: 0;
}

.mobile-open .header_close span.bar3 {
-webkit-transform: rotate( 45deg ) translate(-8px, -6px);
-ms-transform: rotate(45deg) translate(-8px, -6px);
transform: rotate( 45deg ) translate(-8px, -6px);
}

.custom-toll {
right: 15px;
top: 3px;
}

.custom-menu-primary {
display: none;
background-color: #f6f6f6;
margin-top: 15px;
max-height: calc(100vh - 100px);
overflow-y: auto;
}

.client-counts {
font-size: 30px;
}

.clients-expriance-name {
font-size: 13px;
line-height: 20px;
}
.custom-menu-primary .custom-nav > li {
display: block;
width: 100%;
}
.custom-menu-primary .custom-nav > li:last-child {
padding-right: 6px;
}
.custom-menu-primary .custom-nav > li {
display: block;
width: 100%;
}

.custom-menu-primary .custom-nav > li:nth-last-child(1),
.custom-menu-primary .custom-nav > li:nth-last-child(2) {
padding-top: 5px;
padding-bottom: 5px;
}

.custom-menu-primary .custom-nav > li:nth-last-child(1) > a,
.custom-menu-primary .custom-nav > li:nth-last-child(2) > a {
display: inline-block;
padding: 9px 20px;
border-radius: 10px;
}
.custom-menu-primary .custom-nav li ul {
margin: 0;
padding: 0;
list-style-type: none;
display: none;
padding-left: 10px;
}
.custom-menu-primary .custom-nav li ul li a {
    padding: 15px 10px;
}
.child-trigger {
position: absolute;
right: 0;
top: 0;
height: 48px;
width: 40px;
font-size: 14px;
font-weight: 700;
z-index: 9;
cursor: pointer
}

.child-trigger:after {
content: "";
height: 2px;
width: 10px;
background: #ffba01;
display: block;
margin: 0 auto;
position: absolute;
top: 22px;
left: 13px;
}

.child-trigger:before {
content: "";
height: 2px;
width: 10px;
background: #ffba01;
display: block;
margin: 0 auto;
transform: rotate(90deg);
position: absolute;
top: 22px;
left: 13px;
}
.child-trigger.child-open:before {
opacity: 0;
}
.mobile-open header.header-main {
    background-color: #ffffff;
}
.mobile-open .custom-toll {
    color: #ffba01;
}
}

@media (max-width: 767px) {
.services-wrapper .row > div {
margin-top: 30px;
}
.services-wrapper .row > div:first-child {
margin-top: 0px;
}
.footer-btn {
text-align: left;
margin-top: 22px;
}
.footer-menu {
padding-top: 25px;
}

.footer-menu-in {
text-align: left;
}
.copyright-text {
text-align: center;
}

.social-icons {
text-align: center;
padding-top: 20px;
}
.video-play-bg {
position: relative;
left: auto;
right: auto;
width: 90vw;
height: 68vw;
margin-bottom: 53px;
}

.about-us {
margin: 0;
padding: 70px 0px 30px;
}

.video-play-bg .video-play-btn {
top: 50%;
-webkit-transform: translateY(-63%);
-ms-transform: translateY(-63%);
transform: translateY(-63%);
}

.video-play-bg:after {
right: 0;
top: -20px;
}
.clients-counter > div {
text-align: center;
font-size: 1.3rem;
line-height: 1.6;
font-weight: 500;
}
.start-project-content {
padding: 45px 10px;
border-radius: 10px;
}
.cm-text-md-right {
text-align: left;
margin-top: 25px;
}
.cm-text-md-left h3 {
font-size: 30px;
}
.banner-content h1 {
font-size: 35px;
}
.banner-content > h3 {
font-size: 30px;
}
.banner-content {
padding: 180px 0 0px;
}
.banner-wrapper:before {
width: 100vw;
height: 100vw;
top: -70px;
right: -70px;
z-index: 1;
}

.banner-wrapper:after {
width: 100vw;
height: 100vw;
}
.about-section-wrap h2 {
    font-size: 35px;
}
.services-wrapper .service-box {
    padding: 35px 15px 22px;
}
}


@media (max-width: 480px) {
.clients-logo-wrapper .client {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}

@media (max-width: 360px) {
.clients-logo-wrapper .client {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}

.footer-address-wrapper {
    padding-top: 30px;
    background: #a46363;
}