@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*****************Global Styles****************/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{ color: #212529;font-size: 16px;font-family: 'Poppins', sans-serif; }
h1, h2, h3, h4, h5, h6, ul, li, p{ padding: 0; margin: 0; }
a{ text-decoration: none; }
.btn-green{background: linear-gradient(90deg, #00FF85 38%, #007F42 100%);color: #000;text-transform: uppercase;border: transparent;padding: 10px 25px;border-radius: 10px; }
.btn-transparent-purple{ background: linear-gradient(to bottom, #6c0042, #5f0042, #530040, #45003f, #38003c);color:#fff;  border: none; box-shadow: none;}
.btn-transparent-purple:hover{ background:transparent; border: 1px solid #3f003e; color: #3f003e; }
.btn-transparent-pink{ background: #914579; color: #fff; border: none; box-shadow: none;}
.btn-transparent-purple:hover{ background:transparent; border: 1px solid #764065; color: #764065; }
.text-purple{ color: #38003c; }


/************** Header Styles **************/
 header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}
 header  .navbar-expand-lg .navbar-collapse {
    display: block !important;
}
 header  .navbar-expand-lg .navbar-nav {
    float: right; 
}
 header  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    padding: 0 35px 0 0;
    line-height: 35px;
    font-weight: 300;
}
 header  .navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}
 header  .navbar-light .navbar-nav .nav-link:focus,  header  .navbar-light .navbar-nav .nav-link:hover{

}
 header  .navbar-light .navbar-nav button {
    background: #3496ce;
    color: #fff;
    padding: 5px 28px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 600;
}
 header  .navbar-nav li:last-child button {

}
header nav:hover {
    background: #fff;
}
header nav:hover .nav-item .nav-link, header nav:hover .nav-item .nav-link.active{
    color: #323232;
    font-weight: 500;
}
header .navbar-nav li:hover .drop-menu,  header .navbar-nav li:hover .mega-box {
    opacity: 1; 
    visibility: visible; 
    top: 100px;
    transition: all 0.3s ease;
    z-index: 1000;
}
header .mega-box{
    position: absolute;
    top:100px;
    background:#242526;
    width: 100%;
    left: 0; 
    opacity:0;
    visibility: hidden;
    transition: all 0.3s ease;
}
 header .mega-box .content{
    background: #fff;
    /*display: flex;*/
    width: 100%;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
    padding: 65px 50px 150px;
}
header .mega-box content content-box {
    padding: 10px;
}
header .mega-box .content-box h4 {
    font-size: 17px;
    padding: 15px 0px;
}
header .mega-box .content-box p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}
header .mega-box .content-box img {
    width: 100%;
}
header .mega-box .content-box ul {
    padding-left: 70px;
    border-left: 1px solid #eee;
}
header .mega-box .content-box li {
    list-style: none;
}
header .mega-box  .content-box ul li a {
    padding-bottom: 15px;
    display: block;
    font-size: 16px;
    color: #25292d;
}
header .mega-box .content-box > a {
    color: blue;
    font-size: 14px;
    margin-top: 15px;
    display: block;
}
header .mega-box .content-box > a i {
    padding-left: 10px;
}
.bgcolor.scrolled{
    background:#fff;
    transition-property: background-color, color;
  transition-duration: 0.5s;
  transition-function: ease-in-out;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
header .bgcolor.scrolled .navbar-nav .nav-link {
    color: #212529;
    font-weight: 600;
}
header .bgcolor.scrolled .navbar-nav .nav-link.active {
    color: #212529;
}

/************** Mobile Menu Styles **************/
.resp-mobile-menu {
    display: none;
}
.mobile-menu {
  display:block;
  width:100%;
background: #8aa8bd/*e0b88f/*c99393/*e5d1a4/*dcc591/*EFD3A3*/;
line-height: 1.6em;
font-weight: 400;
width:100%;
text-align:center;
    position: relative;
  margin:0 auto;
}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {
    list-style-type:none;
  margin: 0 auto;
  padding-left:0;
  text-align:center;
  width:100%;
  position: absolute;
  background: #338ac2;
  padding-bottom: 20px;
}

/*Create a horizontal list with spacing*/
.mobile-menu li {
    display:inline-block;
    /*float: left;
    margin-right: 1px;*/
}

/*Style for menu links*/
.mobile-menu li a {
    display:block;
    min-width:140px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform:uppercase;
    text-decoration: none;
    padding: 10px 0;  
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

/*Hover state for top level links*/
.mobile-menu li:hover a {
    color: #212529;
    background-color:#ccddee;
}

/*Style for dropdown links*/
.mobile-menu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
.mobile-menu button {
    padding: 5px 30px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    margin-top: 10px;
}
/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {
    color: #4db3ff;
}

/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
    display: none;
}

/*Make dropdown links vertical*/
.mobile-menu li ul li {
    display: block;
    float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
    text-decoration: none;
    color: #fff;
    background: #fff;
    text-align: center;
    padding: 15px 15px 20px;
    display: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.mobile-menu .show-menu span{
   padding-left: 25px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{
    display: block;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*Responsive Styles*/

@media screen and (max-width : 991px){
  .mobile-menu {
    opacity: 1 !important;
  }
  .mobile-menu .lines {
    content:"";
    height: 5px; 
    width:20px;
    padding-right:15px;
  float: right;
}
    /*Make dropdown links appear inline*/
    .mobile-menu ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    .mobile-menu li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    .mobile-menu ul li, .mobile-menu li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .mobile-menu .show-menu {
        display:block;
    }
}

/************** Banner Styles **************/
.banner{
    position: relative;
}
.banner:after{
    content: "";
    position: absolute;
    top: -7px;
    background: rgba(0,0,0, 0.6);
    width: 100%;
    height: 100%;
    display: block;
}
.banner #myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  width: 100%; 
  height: 100%;
}

.banner .content {
  position: absolute;
  top: 35%;
  color: #fff;
  padding: 20px;
  z-index: 1;
  width: 100%;
  right: 0;
}
.banner .content h1 {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 60px;
}
.banner .content p {
    font-size: 15px;
    font-weight: 200;
    margin: 15px 0px 20px;
    width: 60%;
    line-height: 27px;
}
.banner .content button {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 25px;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
}
.banner .content #owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.banner .content .owl-dots {
    opacity: 0;
}


/************** About-Content Styles **************/
.about-content {
    padding: 60px 0;
    background: #f8fcff;	
    margin-top: -7px;	
}
.about-content .about-left h2 {
    padding-bottom: 20px;
}
.about-content .about-left p {
   line-height: 30px;
    padding-bottom: 5px;
    font-weight: 300;
    font-size: 18px;
}
.about-content .about-left p span {
   font-weight: 500;
}
.about-content  .about-right img {
	width: 100%;
}
.about-content .about-right .cards {
    text-align: center;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    display: flex;
    min-height: 198px;
    border-radius: 25px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 165px;
    padding: 15px;
    margin-bottom: 30px;
}
.about-content .about-right .sft-top {
	margin-top: 40px;
}
.about-right .cards h2 {
    color: #e4174b;
    padding-bottom: 10px;
    font-weight: 600;
}
.about-right .cards p {
    font-size: 18px;
}
.main-elemenator {
	background: #764065;
	padding: 50px 0 0;
}
.key-features {
    color: #fff;
	text-align: center;
	padding-bottom: 40px;
}
.key-features .inner-elemenator{
	background: url(../images/bg.png) no-repeat center 0;
	background-size: cover;
	background-position: 100% 100%; 
}
.key-features h1 { 
	padding-bottom: 20px; 
}
.key-features .owl-carousel.owl-drag .owl-item {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    min-height: 335px;
    padding: 30px 15px;
    margin-top: 30px;
    border-radius: 10px;
}
.key-features .owl-carousel.owl-drag .owl-item h4 {
   padding-bottom: 15px;
   font-size: 20px;
}
.key-features .owl-carousel.owl-drag .owl-item .item img {
	width: 50px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.key-features .owl-nav {
    display: none;
}
.key-features .owl-dots {
	display: none;
}
.we-serve {
	background: #fff;
	margin: 0 20px;
	text-align: center;
	padding: 50px 0;
}
.we-serve h2 {
    margin-bottom: 25px;
} 
.we-serve .serve-blks {  
	color: #fff;
    min-height: 145px;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.we-serve .serve-blks h3 {
	font-size: 26px;
}
.services {
	padding: 150px 0 50px;
}
.services h1 {
   color: #fff;
   text-align: center;
   font-size: 40px;
   font-style: italic;
   margin-bottom: 20px;
}
.services .service-blks {
	background: #fff;
	text-align: center;
	padding: 50px 25px;
	min-height: 563px;
	margin-bottom: -60px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;

}
.services .service-blks img {
	width: 100%;
}
.services .service-blks  h3{ 
   font-size: 22px;
   margin-bottom: 15px;
   font-weight: 600;
}
.services .service-blks p{
	line-height: 25px;
}
.services .service-blks button {
    font-size: 14px;
    padding: 5px 15px;
    margin-top: 10px;
}
.services .service-blks button i {
	padding-left: 15px;
}
.process-we-follow {
	background: #efefef;
	padding: 150px 0 50px;
	text-align: center;
}
.process-we-follow h1 {
	padding: 50px 0;
}
.process-we-follow .process-blk {
	background: linear-gradient(to right top, #762557, #6a2255, #5e1f52, #531c4e, #47194a);
	box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
    color: #fff;
    padding: 20px;
    min-height: 330px;
    margin-bottom: 30px;	
}
.process-we-follow .process-blk h3 {
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.process-we-follow p {
    font-weight: 200;
    font-size: 15px;
    line-height: 27px;
}
.we-work-with{
	padding: 250px 0 50px;
	background:#764065;
	position: relative;
}
.we-work-with svg#svg\ wave {
    position: absolute;
    top: -169px;
}
.we-work-with h1 {
	color: #fff;
	font-style: italic;
}
.we-work-with p {
    line-height: 32px;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    font-style: italic;
}
.we-work-with .work-blks {
    min-height: 155px;
    display: flex;
    padding: 15px 10px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 30px;
    justify-content: center;
    box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
    background: #fff;
}
.we-work-with .half-width {
    padding: 0 40px;
}
.we-work-with .work-blks h3{
	font-size: 20px;
}
.glimpse {
	padding: 100px 0;
    background-position: top right;
    text-align: center;
    background: url(../images/pattern.png) no-repeat;
    background-size: 31% 100%;
}
.glimpse  h1 {
	margin-bottom: 30px;
}
.glimpse .glimpse-blk{
	margin-top: 30px;
}
.glimpse-blk .light-bg p{
    display: none; 
}
.glimpse .glimpse-blk .col-sm-6 {
    padding: 70px 0px 70px 40px;
}
.glimpse .glimpse-blk .light-bg {
    background: #fdf3f5;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
.glimpse .glimpse-blk h2 {
    color: #38003c;
    font-size: 41px;
    font-weight: 400;
}
.glimpse .glimpse-blk p {
    font-size: 24px;
    margin-left: -160px;
    font-weight: 300;
    margin-top: 50px;
}
.our-works {
	background:#764065; 
	color: #fff;
	text-align: center;
	padding: 60px 0;
}
.our-works .overlay{
   background: url(../images/our-works-pattern.png)no-repeat;
   padding: 50px 40px;
}
.our-works .overlay h1 {
	padding-bottom: 40px;
	font-size: 50px;
}
.our-works .work-blk {
	background: #fff;
	box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px
}
.our-works .work-blk h2 {
	font-size: 22px;
	margin: 30px 0 10px;
}
.our-works .work-blk span {
   background: #e7e7e7;
   color: #909095;
   display: inline-block;
   padding: 5px 20px;
   border-radius: 20px;
}
.our-works .work-blk a {
    color: #38003c;
    display: block;
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #eee;
    font-size: 16px;
    text-decoration: underline;
    text-transform: uppercase;
}
.our-works .work-blk img {
	width: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.social-network {
	padding:60px 0;
}
.social-network  p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px; 
}
.social-network ul {
	text-align: right;
}
.social-network ul li {
	display: inline-block;
    padding: 10px 5px;
    border-radius: 15px;
    margin-right: 15px;
}
.social-network ul  li a{
    color: #fff;

}
.social-network ul  li a i{
    font-size: 25px;
    width: 60px;
    border-radius: 75px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
}
.social-network .get-quote {
    background:linear-gradient(314deg,#277e90,#6c3959) ;
    color: #fff;
    margin: -120px auto 0;
    text-align: center;
    padding: 80px 50px;
    position: relative;
    top: 200px;
    border-radius: 25px;
    width: 80%;
    position: relative;
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
}
.social-network .get-quote:before {
    content: "";
    position: absolute;
    background-image: url(../images/pattern-1.svg);
    top: 8px;
    left: 0;
    width: 97px;
    height: 130px;
    z-index: 0;
}
.social-network .get-quote:after {
   content: "";
   position: absolute;
   background-image: url(../images/pattern2.svg);
   bottom: 0;
   right: 0;
   width: 320px;
   height: 260px;
   z-index: 0;
}
.social-network .get-quote  h2 {
    margin-bottom: 20px;
}
.social-network .get-quote p {
	width: 60%;
	margin: 0 auto;
}
.social-network .get-quote .btn {
    display: inline-block;
    border: 1px solid transparent;
    margin-top: 20px;
    padding: 10px 45px;
}
.social-network .get-quote .btn:hover{
	background: #fff;

}
.address {
	background: #efefef;
	text-align: center;
	padding: 150px 0 50px;
}
.address h4 {
	font-weight: 18px;
}
.address h4 span {
    font-weight: 400;
    display: block;
    font-size: 18px;
    margin-top: 10px;
}
.address p {
    font-size: 20px;
    line-height: 35px;
    margin-top: 10px;
}
.address p span {
	font-weight: 500;
}
.address a {
	font-weight: 18px;
	display: block;
	font-size: 20px;
	margin-top: 40px;
}
.address a:hover {
	color: #3496ce;
}
.address a i {
	padding-right: 10px;
}
footer {
    background: #396d82;
    color: #fff;
}
.footer-links {
    padding:50px;
}
.footer-links h3 {
    font-size: 20px;
    margin-bottom: 20px;
    min-height: 60px;
    line-height: 25px;
}
.footer-links a{
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    padding-bottom: 15px;
    display: block;
    font-style: italic;
    transition: all 0.5s ease-in;
}
.footer-links a:hover{
    color: #e90052;
}
.footer-links ul li {
	list-style: none;
}
.footer-help-blk {
    background: #544864;
    padding: 50px;
}
.footer-help-blk h2 {
	padding-top: 10px;
}
.footer-help-blk h2 span {
	display: block;
	font-size: 16px;
	padding-top: 10px;
	font-weight: 300;
}
.footer-help-blk label {
    padding-top: 30px;
    font-style: italic;
    padding-bottom: 10px;
}
.footer-help-blk .btn {
    background: #36a9e1;
    color: #fff;
    border: 1px solid transparent;
}
.footer-help-blk .social-icons {
    margin-top: 70px;
    text-align: center;
}
.footer-help-blk .social-icons li{
	list-style: none;
	display: inline-block;
}
.footer-help-blk .social-icons li a{
    color: #fff;
}
.footer-help-blk .social-icons li a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 75px;
	margin-right: 10px;
}
footer .bottom-footer {
    background: #493d58;
    padding: 15px;
}
footer .bottom-footer p{
	text-align: center;
}
.message-button {
    position: fixed;
    bottom: 200px;
    background: #36a9e1;
    right: 0px;
    z-index: 1000;
    box-shadow:rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
}
.message-button a {
   color: #fff;
}
.message-button a i {
    font-size: 25px;
    width: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #fff;
}

.our-testimonials{
	text-align: center;
	padding:50px 0; 
	position: relative; 
}
.our-testimonials h2 {
    padding-bottom: 15px;
}
.our-testimonials p {
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
}
.our-testimonials .owl-outer {
	margin: 0 auto;
	padding: 20px 0 0;
}
.our-testimonials .owl-carousel .item {
    min-height: 475px;
    background: #fff;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 20px;
}
.our-testimonials .owl-carousel .owl-item {
	padding: 30px;
}
.our-testimonials .owl-carousel .item p {
	margin-bottom: 20px;
}
.our-testimonials .owl-carousel .item p span {
	display: block;
	text-align: left;
	padding-bottom: 10px
}
.our-testimonials .owl-carousel .item p span i{
	font-size: 30px;
	text-align: left;
}
.our-testimonials .client-details img {
	width: 60px;
	display: inline-block;
	border-radius: 75px;
}
.our-testimonials .owl-nav {
    display: none;
}
.our-testimonials  button.owl-dot.active span {
    background: #fff;
    border: none;
    width: 29px;
    height: 10px;
}
.our-testimonials button.owl-dot span {
    display: block;
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 75px;
    border: 1px solid #fff; 
    margin: 0 3px;
}
.our-testimonials .client-details h5 {
	font-size: 18px;
	display: inline-block;
	text-align: left;
	padding-left: 15px;
}
.our-testimonials .client-details h5 span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
}
.our-testimonials svg#wave {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


.services-mobile {
    padding: 100px 0 0;
    display: none;
}
.services-mobile h1 {
   color: #fff;
   text-align: center;
   font-size: 40px;
   font-style: italic;
   margin-bottom: 20px;
}
.services-mobile .service-blks {
    background: #fff;
    text-align: center;
    padding: 50px 25px;
    min-height: 563px;
    margin-bottom: -60px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;

}
.services-mobile .service-blks img {
    width: 100%;
}
.services-mobile .service-blks  h3{ 
   font-size: 22px;
   margin-bottom: 15px;
   font-weight: 600;
}
.services-mobile .service-blks p{
    line-height: 25px;
}
.services-mobile .service-blks button {
    font-size: 14px;
    padding: 5px 15px;
    margin-top: 10px;
}
.services-mobile .service-blks button i {
    padding-left: 15px;
}
.services-mobile .di-none {
    display: none;
}


/*******************************Inner Pages  Here*************************/
.inner-banner {
    background: url(images/services.jpg);
    position: relative;
}
.inner-banner:after {
    content: "";
    position: absolute;
    top: -7px;
    background: rgba(0,0,0, 0.7);
    width: 100%;
    height: 100%;
    display: block;
}



/*******************************Media Quries Here*************************/

@media screen and ( max-width: 1348px ) {
   .we-work-with svg#svg\ wave {
    top: -224px;
    }
}
@media screen and ( max-width: 1199px ) { 
    .we-serve .serve-blks h3 {
    font-size: 22px;
    }
    .process-we-follow .process-blk {
        padding: 20px 15px; 
    }
    .process-we-follow p {
        line-height: 25px;
    }
    .we-work-with svg#svg\ wave {
    top: -271px;
    }
    .we-work-with .work-blks h3 {
    font-size: 15px;
    }
    .our-works .overlay {
        padding:0; 
    }
    .our-works .work-blk h2 {
    font-size: 18px;
    margin-top:20px;
    }
    .our-works .work-blk span {
        font-size: 14px;
    }
    .our-works .work-blk a {
        margin-top: 20px;
    }
    .social-network ul li {
        margin-right: 0px;
    }
    .footer-links a {
        padding-bottom: 10px; 
        font-size: 14px;
    }
}

@media screen and ( max-width: 1051px ) { 
    .key-features .owl-carousel.owl-drag .owl-item {
        min-height : 356px;
    }
    .footer-help-blk h2 {
        font-size: 25px;
    }
}
@media screen and ( max-width: 1024px ) {
    .about-content .about-left p {
        font-size: 16px;
        line-height: 25px;
    }
    .we-serve .serve-blks h3 {
    font-size: 19px;
    }
}
@media screen and ( max-width: 991px ) {
    .mobile-menu {
        display: block;
    }
    .mobile-menu img {
        width: 100px;
    }
    header {
        display: none;
    }
    .banner #myVideo {
        margin-top: -7px;
    }
    .banner .content {
        top: 24%;
    }
    .key-features .owl-carousel.owl-drag .owl-item {
        min-height : 380px;
    }
    .we-work-with {
        padding:120px 0 50px; 
    }
    .we-work-with svg#svg\ wave {
    top: -432px;
    }
    .we-work-with .half-width {
    text-align: center;
    }
    .col-lg-5.col-md-12.half-width {
    margin-top: 35px;
    }
    .our-works {
        padding:40px 0; 
    }
    .our-works .work-blk {
        margin-bottom: 15px;
    }
    .our-works .overlay {
        padding: 0;
        padding-left: 20px;
    }
    .social-network ul li a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
    }
    .social-network .get-quote {
        padding: 50px 30px;
        width: 100%;
    }
    .social-network .get-quote p {
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    }
    .address p {
    font-size: 16px;
    line-height: 25px;
    }
    .address h4 span {
    font-size: 16px;
    }
    .address a{
    font-size: 16px;
    margin-top: 10px;
    }
    .footer-links h3 {
    min-height: auto;
    }
    .footer-help-blk {
    text-align: center;
    }
    .footer-help-blk {
        padding: 25px; 
    }
    footer .input-group {
    width: 45%;
    margin: 0 auto;
    }
    .footer-help-blk .social-icons {
        margin-top: 30px;
    }
    .services {
        display: none;
    }
    .services-mobile {
     display: block;
    }
    .services-mobile .service-blks {
        padding:15px; 
    }
    .services-mobile h1 {
        font-size: 24px;
    }
    .services-mobile .service-blks h3 {
        font-size: 16px;
    }
    .services-mobile .service-blks p {
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
    }
    .services-mobile {
    padding: 50px 0 100px;
    }
    .services-mobile .service-blks {
        min-height: 460px;
    }
}
@media screen and ( max-width: 880px ) {
    .we-serve .serve-blks h3 {
       font-size: 15px;
    }

}
@media screen and ( max-width: 800px ) {
    .banner .content {
    top: 14%;
    text-align: center;
    }
    .banner .content h1 {
    font-size: 38px;
    line-height: 50px;
   }
    .banner .content p {
    margin: 0 auto;
    margin-top: 10px;
    }
}
@media screen and ( max-width: 767px ) {
    .about-content {
        text-align: center;
        padding: 40px 0; 
    }
    .about-right {
    padding-top: 40px;
    }
    .about-content .about-right .cards {
        min-height: auto;
    }
    .about-content .about-right .sft-top {
    margin-top: 0;
    }
    .key-features .owl-carousel.owl-drag .owl-item {
    min-height: auto;
    }
    .we-serve {
        padding: 40px 0; 
    }
    .we-serve .serve-blks {
    margin-bottom: 25px;
    min-height: 100px;
    }
    .we-serve .serve-blks h3 {
    font-size: 18px;
    }
    .we-work-with svg#svg\ wave {
    top: -462px;
    }
    .social-network {
        text-align: center;
    }
    .social-network ul {
    text-align: center;
    }
    .social-network p {
        padding: 0 0 10px; 
    }
    .address .add-blks {
    margin-top: 15px;
    }
    .footer-links h3 {
        margin-top: 15px;
    }
    footer .input-group {
    width: 100%;
    }
    h2.elementor-heading-title.elementor-size-default.di-show {
    display: none;
    }
    .services-mobile .di-none {
        display: block;
    }
}
@media screen and ( max-width: 730px ) {
    .banner .content {
    top: 20px;
    }
}
@media screen and ( max-width: 620px ) {
    .banner .content {
    top: 0px;
    }
    .banner .content h1 {
    font-size: 28px;
    line-height: 35px;
    }
    .banner .content h1 br { 
    display: none;
    }
}
@media screen and ( max-width: 575px ) {
    .we-serve .serve-blks {
    margin-bottom: 10px;
    }
    .process-we-follow h1 {
    padding: 30px 0;
    }
    .process-we-follow .process-blk {
        min-height: auto;
        margin-bottom: 15px;
    }
    .process-we-follow .process-blk h3 {
    padding: 10px 0;
    }
    .we-work-with svg#svg\ wave {
    top: -510px;
    }
    .we-work-with h1 {
        margin-bottom: 15px;
    }
    .we-work-with p {
    margin-top: 5px;
    font-size: 15px;
    line-height: 25px;
    }
    .we-work-with .work-blks {
    min-height: auto;
    }
    .glimpse {
    padding: 50px 20px 50px 50px;
    } 
    .glimpse .glimpse-blk h2 {
    font-size: 24px;
    font-weight: 600;
    }
    .glimpse-blk .light-bg {
        padding: 20px 0; 
    }
    .glimpse-blk .light-bg p{
    display: block;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
    font-size: 17px; 
    }
    .glimpse-blk .dis-n {
        display: none;
    }
    .glimpse .glimpse-blk .col-sm-6 {
        padding:0; 
    }
    .glimpse .glimpse-blk .light-bg {
        background: none;
        box-shadow:none;
    }
    .glimpse h1 {
    margin-bottom: 0px;
    }
    .glimpse .glimpse-blk .lbi {
    background: #fdf3f5;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    padding:20px;
    margin-right: 10px;
    min-height: 120px; 
    }
    .our-testimonials {
        padding: 40px 0; 
    }
    .our-testimonials .owl-outer {
        padding: 0; 
    }
    .our-testimonials h2 {
    padding-bottom: 5px;
    }
    .our-testimonials p {
    line-height: 25px;
    font-weight: 300;
    }
}
@media screen and ( max-width: 543px ) { 
    .we-work-with {
    padding: 40px 0;
    }
    .we-work-with svg#svg\ wave {
    display: none;
    }
}
@media screen and ( max-width: 535px ) {
    .banner .content {
    top: 25px;
    }
    .banner .content h1 {
    font-size: 18px;
    line-height: 25px;
    }
    .banner .content p {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    }
}
@media screen and ( max-width: 420px ) {
    .banner .content {
    top: 25px;
    }
    .banner .content h1 {
    font-size: 14px;
    line-height: 18px;
    }
    .banner .content p {
    font-size: 11px;
    margin-top: 5px;
    line-height: 17px;
    }
    .banner .content button {
    padding: 0px 10px;
    margin-top: 12px;
    font-size: 10px;
    }
    .footer-links {
    padding: 20px;
    }
    .footer-links h3 {
    font-size: 16px;
    line-height: 20px;
    }
    .footer-links a {
    padding-bottom: 5px;
    font-size: 12px;
    }
    .footer-help-blk .social-icons li a i {
    margin-right: 0px;
    }
    .footer-help-blk .form-control {
    font-size: 13px; 
    }
}
@media screen and ( max-width: 351px ) {
    .banner .content {
    top: 8px;
    }
}