@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('fonts/new/NeueHaasDisplay-Mediu.eot');
    src: local('Neue Haas Grotesk Display Pro 65 Medium'), local('NeueHaasDisplay-Mediu'),
        url('fonts/new/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),
        url('fonts/new/NeueHaasDisplay-Mediu.woff') format('woff'),
        url('fonts/new/NeueHaasDisplay-Mediu.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('NeueHaasDisplay-Light.eot');
    src: local('Neue Haas Grotesk Display Pro 45 Light'), local('NeueHaasDisplay-Light'),
        url('NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('NeueHaasDisplay-Light.woff') format('woff'),
        url('NeueHaasDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('fonts/new/NeueHaasDisplay-Roman.eot');
    src: local('Neue Haas Grotesk Display Pro 55 Roman'), local('NeueHaasDisplay-Roman'),
        url('fonts/new/NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/new/NeueHaasDisplay-Roman.woff') format('woff'),
        url('fonts/new/NeueHaasDisplay-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('fonts/new/NeueHaasDisplay-Thin.eot');
    src: local('Neue Haas Grotesk Display Pro 35 Thin'), local('NeueHaasDisplay-Thin'),
        url('fonts/new/NeueHaasDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/new/NeueHaasDisplay-Thin.woff') format('woff'),
        url('fonts/new/NeueHaasDisplay-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('fonts/new/NeueHaasDisplay-Black.eot');
    src: local('Neue Haas Grotesk Display Pro 95 Black'), local('NeueHaasDisplay-Black'),
        url('fonts/new/NeueHaasDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/new/NeueHaasDisplay-Black.woff') format('woff'),
        url('fonts/new/NeueHaasDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('fonts/new/NeueHaasDisplay-Bold.eot');
    src: local('Neue Haas Grotesk Display Pro 75 Bold'), local('NeueHaasDisplay-Bold'),
        url('fonts/new/NeueHaasDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/new/NeueHaasDisplay-Bold.woff') format('woff'),
        url('fonts/new/NeueHaasDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
*
{
	padding:0;
	margin:0;
}

body
{
	font-family: "Outfit", sans-serif;
	background-color:#fff;
	overflow-x:hidden;
}

h1,h2,h3
{
	color:#00305e;
	margin:25px 0px;
}

h1{
	font-family: "Outfit", sans-serif;
	font-size:48px;
	color:#000000;	
	font-weight:400;
}

h2{
	font-family: "Outfit", sans-serif;
	font-size:36px;
	color:#000000;
	font-weight:500;
}

h3{
	font-family: "Outfit", sans-serif;
	font-size:30px;
	color:#000000;
	font-weight:400;
}

h4{
	font-family: "Outfit", sans-serif;
	font-size:24px;
	color:#000000;
	font-weight:400;
}

h5{
	font-family: "Outfit", sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:400;
}

h6{
	font-family: "Outfit", sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:400;
}

p{
	font-family: "Outfit", sans-serif;
	font-size:15px;
	color:#5e5e5e;
	font-weight:400;
	line-height:22px;
	
}


ul,ol
{
	padding:0;
	margin:0;
}

ul li,ol li
{
	list-style-type:none;
	font-family: "Outfit", sans-serif;
	font-size:12px;
	color:#707070;
	font-weight:400;
	line-height:30px;
}

a
{
	font-family: "Outfit", sans-serif;
	transition: all 0.5s ease;
	color:#000000;
	font-weight:700;
	text-decoration:none;
}

a:hover {
    color:#f16223;
	text-decoration:none;
}

strong
{
	font-family: "Outfit", sans-serif;
	font-weight:600;
	color:#1e91eb;
}

hr {
    background: #ebebeb none repeat scroll 0 0;
    border: medium none;
    height: 5px;
    width:auto;
}

.our-carefully
{
	padding: 80px 0px;
}


.bannerHeader {
    padding: 20px 0;
    background-color: #111111;

}

.phoneWrapper img, .emailWrapper img {
    padding-right: 8px;
}

.numberFont {
   font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.logoWrapper img {
    width: 80%;
}

.banner-section{ background: url(../images/banner-bg.png) top center no-repeat #111111; 
  height: 600px;}
.banner-section h1{ color:#FFFFFF; margin-top: 250px; margin-bottom: 50px; 
font-weight: 700; font-size: 52px; }
.banner-section .banner-icon-box{    display: flex; align-items: center;
    justify-content: space-between; max-width: 620px; }

  .banner-section .banner-icon-box .banner-icon-box-left {    max-width: 220px;}  
  .banner-section .banner-icon-box .banner-icon-box-right {    max-width: 359px;}  
.banner-section .banner-icon-box .banner-icon-box-right p{
	font-size: 16px;
    color: #ffffff;
    line-height: 21px;
margin-bottom: 0px; }
.banner-section .scrool-box{position: relative;}
.banner-section .scrool-box img{position: absolute;
    bottom: 0;
    right: 0; max-width: 100px;  }




.main-banner{ background: url(../images/star-bg.svg) top right no-repeat #111111; 
/*   background-color: #111111;  */
      padding: 30px 0px; }
.main-banner ul{display: flex; 
    justify-content: space-between;
        flex-wrap: wrap;
    max-width: 680px;
    margin: auto; }
.main-banner ul li .shopBtn{background-color: #4285F4; 
	color: #fff;
    padding: 12px 40px 14px;
    border:1px solid #4285F4;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
transition: .5s;}

.main-banner ul li .shopBtn:hover{background-color: #fff;  border:1px solid #4285F4;
	color: #4285F4;}


.main-banner h3{color: #fff;}

.main-banner form .shopBtn{background-color: #4285F4; 
	color: #fff;
    padding: 12px 20px 14px 40px;
    border:1px solid #4285F4;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
transition: .5s;}

.main-banner form .shopBtn:hover{background-color: #fff;  border:1px solid #4285F4;
	color: #4285F4;}

.main-banner form .shopBtn i{    margin-left: 110px;
    background-color: #000;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    line-height: 30px;}

.main-banner .banner-form-section{border-top: 2px solid #fff;
   padding-top: 30px; margin-top: 50px;}

.main-banner .form-control{background-color: #0000001A;  color: #fff; }


.audit-section h3{    font-size: 40px; font-weight: 600; }
.audit-section .audit-inner-one p{    font-size: 21px;     line-height: 31px;
font-weight: 600;
 margin-bottom:110px; }
.audit-section p span{   color: #1A73E8;}
.audit-section .audit-inner-one{max-width: 834px; margin: auto;}









.tab {
  float: left;
  width: 30%;
}

.tab button {
  display: block;
  color: #000;
  padding: 19px 6px 19px 46px;
  width: 90%;
  border: 1px solid #ccc;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 17px;
  margin: 5%;
  border-radius: 64px;

}

.tab button:hover {
  background: linear-gradient(90deg, rgba(1, 105, 255, 1) 18%, rgba(105, 167, 255, 1) 70%);
      color: #fff;
      border: 1px solid #69a7ff;
}

.tab button.active {
	color: #fff;
 background: linear-gradient(90deg, rgba(1, 105, 255, 1) 18%, rgba(105, 167, 255, 1) 70%);
 border: 1px solid #69a7ff;
}

.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 70%;
  border-left: none;
  border-radius: 0 10px 10px 0;
}


.audit-inner-two .search-box{ background-color:#fff;  border-radius:10px; padding: 30px; }
.audit-inner-two .search-box h4{ color:#000; font-weight:600;     margin-bottom: 20px; }
.audit-inner-two .search-box a{ color:#0A80FF;}
.audit-section{ background: url(../images/audit-bg.svg) top center no-repeat #F3F9FF; 
/* background-color: #F3F9FF;  */
    padding: 50px 0px 100px; }
.audit-inner-two .tabInner{    align-items: center; margin-top: -50px; }


.campaigns-section{  
/*	background: url(../images/audit-bg.svg) top center no-repeat #F3F9FF; */
 background-color: #0276FF;  
    padding: 70px 0px; }

.campaigns-inner-one h5{background-color: #111111; color: #fff;
	    padding: 16px 30px 19px;
    border-radius: 50px;
    font-size: 24px;
    max-width: 770px;
    margin: auto;
    margin-bottom: 50px;

}


.campaigns-inner-one h3{color: #fff; max-width: 670px; margin: auto;
    font-size: 40px;     margin-bottom: 50px; }


.campaigns-inner-two-box h4{color: #F3FBFF;     border-bottom: 2px solid #fff;
    padding-bottom: 20px;     margin-bottom: 30px; }

.campaigns-inner-two-box h4 img{    max-width: 40px;
    margin-top: -8px;
    margin-right: 15px;}

.campaigns-inner-two-box ul li{color: #fff;  font-size: 17px;
    background: url(../images/campaigns-icon.svg) left center no-repeat; 
       padding-left: 52px;
    margin-bottom: 20px; }

.campaigns-inner-two-box{    background-color: #338BFF;
    padding: 40px 40px 20px;
    border-radius: 13px;     max-width: 540px;
    margin: auto; }




.performance-section{  
 background-color: #222222;  
    padding: 70px 0px; }


.performance-section h3{color: #fff; max-width: 880px; margin: auto;
    font-size: 40px;     margin-bottom: 50px; }




.performance-inner-two-box h4{color: #F3FBFF;     border-bottom: 2px solid #D2EBFF1F;
    padding-bottom: 20px;     margin-bottom: 30px; }

.performance-inner-two-box ul li{color: #fff;  font-size: 16px;
    background: url(../images/review-icon.svg) left center no-repeat; 
        line-height: 22px; 
        padding: 13px 0px 13px 30px; }


.performance-inner-two-box ul li:nth-child(1){border-bottom: 1px solid #D2EBFF1F;
border-right: 1px solid #D2EBFF1F; }

.performance-inner-two-box ul li:nth-child(2){
border-right: 1px solid #D2EBFF1F; }

.performance-inner-two-box ul li:nth-child(3){border-bottom: 1px solid #D2EBFF1F;
/*	margin-left: -17px;*/
 }

.performance-inner-two-box{    background-color: #2B2B2B;
    padding: 40px 7px 20px;
    border-radius: 13px;    
    margin-bottom:25px; height: 303px; }


.performance-inner-two-box ul{column-count: 2;}



.before-section{ 
    padding: 70px 0px; }

.before-section .before-inner-left{ width:600px; }
.before-section .before-inner-right{ width:550px; }
.before-section h3{ font-size: 40px;     font-weight: 600;  }



.leading-edge-client{  
 background-color: #F5F5F5;  
    padding: 50px 0px; }
.leading-edge-client .owl-carousel .owl-item .edge-client img {
    display: block;
    width: 100px !important;
}


.leading-edge-client h3{ font-size: 40px;     font-weight: 600;      border-bottom: 2px solid #E5F0FF;
    padding-bottom: 30px; margin-bottom: 40px;  }

.leading-edge-client h4{ font-weight: 600;     margin-bottom: 20px;}
.leading-edge-client h5{font-size: 22px;  font-weight: 700;   margin-bottom: 20px;}
.leading-edge-client p{ color: #222222; font-size: 16px; font-weight: 500;  line-height: 27px; }


.footerFormSection{background-color: #000;   padding: 70px 0px; }
.footerFormSection h5{color: #1A73E8; font-size: 27px; font-weight: 600;   margin-top: 40px; }
.footerFormSection ul li{color: #fff;  font-size: 15px;     line-height: 25px; }

.footerFormSection .shopBtn {
    background-color: #F3660E;
    color: #fff;
    padding: 12px 40px 14px;
    border: 1px solid #F3660E;
    font-weight: 600;
    font-size: 18px;
    transition: .5s;
}

.footerFormSection .shopBtn:hover {
    background-color: #fff;
    border: 1px solid #F3660E;
    color: #F3660E;
}

.footer{ background-color: #2D2D2D; padding: 20px 0px; }


.help-block.with-errors {
    position: absolute;
    margin: 0;
    font-size: 12px;
    color: red;
    font-weight: bold;
    margin-top: 2px;
}



.footerFormSection input{color: #fff !important;}



@media (min-width: 1800px){
.performance-inner-two-box ul li{    font-size: 18px; }
.main-banner h3{font-size: 40px;
    margin-bottom: 40px; }

.audit-section h3{font-size: 50px;}
.audit-section .audit-inner-one p{      font-size: 25px;  line-height: 41px; }
.tab button{    font-size: 20px; }
.campaigns-inner-one h5{    font-size: 30px;
    max-width: 1000px;}
.campaigns-inner-one h3{ font-size: 50px;   max-width: 750px;}
.campaigns-inner-two-box h4{font-size: 28px;}
.campaigns-inner-two-box ul li{    font-size: 20px;}
.performance-section h3{    font-size: 50px; max-width: 1070px;}
.before-section .before-inner-left {
    width: 650px;
}
.before-section .before-inner-right {
    width: 630px;
}
.before-section h3{    font-size: 50px;}
.leading-edge-client h3{    font-size: 50px; }
.leading-edge-client h4{    font-size: 30px;}
.leading-edge-client p{font-size: 18px;}
.footerFormSection h3{font-size: 40px;}
.campaigns-inner-two-box{    max-width: 597px; }


.performance-inner-two-box{    padding: 40px 10px 20px;      }
.banner-section h1{font-size: 64px;}
.banner-section .banner-icon-box{    max-width: 800px;}
.banner-section .banner-icon-box .banner-icon-box-left {
    max-width: 320px;
}
.banner-section .banner-icon-box .banner-icon-box-right {
    max-width: 459px;
}
.banner-section .banner-icon-box .banner-icon-box-right p{font-size: 20px;  line-height: 31px;}







}




@media (min-width: 768px){

    .phoneWrapper {
        padding-right: 15px;
        border-right: 1px solid #fff;
    }
    .topStripRight {
        gap: 15px;
    }



	
}


@media (max-width: 1366px) {

.banner-section{    height: 568px; }





}



@media (min-width: 991px) and (max-width: 1366px) {

     
}

@media (max-width: 1024px) {
	
	

}

@media (max-width: 991px){
.campaigns-inner-two-box{    padding: 40px 20px 10px;     margin-bottom: 20px; }


	
}

@media (max-width: 768px) {
	
.main-banner ul{    justify-content: space-around; }
.main-banner ul li .shopBtn{    padding: 10px 33px 13px; font-size: 15px; margin-bottom:20px; }
.tab{width: 100%;}
.tabcontent{ width: 100%;  }
.audit-inner-two .tabInner{ margin-top: 10px;  }
.audit-inner-two .search-box{    margin-top: 20px; }
.banner-section .scrool-box img{    bottom: 66px;
    right: 30px;
    max-width: 50px;}

.banner-section h1{     margin-top: 110px;         font-size: 35px;  }
.banner-section { height: 428px;}








}

@media (max-width: 581px) {
	

}

@media (max-width:500px) {
	
.logoWrapper img{margin-bottom: 12px; }
.banner-section{    background-size: contain;}
.banner-section h1{ margin-top: 50px; font-size: 28px; 
 font-weight: 600;     margin-bottom: 30px;  }
.banner-section { height: 303px;}
.banner-section .banner-icon-box{flex-wrap: wrap; }
.banner-section .banner-icon-box .banner-icon-box-left{     margin-bottom: 20px;  }
.banner-section .banner-icon-box .banner-icon-box-right p{     line-height: 25px;  }


.audit-section h3{    font-size: 30px;}
.audit-section .audit-inner-one p{ font-size: 18px;
    line-height: 28px;  }

.tab button{    padding: 10px 6px 10px 7px;       text-align: center; }
.campaigns-inner-one h5{    padding: 16px 26px 17px;    font-size: 19px; line-height: 25px;     margin-bottom: 30px; }
.campaigns-inner-one h3{     font-size: 27px; margin-bottom: 30px;  }

.campaigns-inner-two-box ul li{    font-size: 15px; margin-bottom: 11px; }
.campaigns-inner-two-box h4{    font-size: 21px;}

.campaigns-section{    padding: 70px 0px 50px; }
.performance-section h3{     font-size: 30px;  margin-bottom: 40px; }
.performance-inner-two-box ul {
    column-count: 1;
}

.performance-inner-two-box{    padding: 30px 7px 20px; }
.performance-inner-two-box ul li:nth-child(1) {
    border-bottom: unset;
    border-right: unset;
}
.performance-inner-two-box ul li:nth-child(3) {
    border-bottom: unset;
}
.performance-inner-two-box ul li:nth-child(2) {
    border-right: unset;
}
.performance-inner-two-box h4{    margin-bottom: 20px; }
.before-section {
    padding: 30px 0px 50px;
}
.before-section h3 { font-size: 26px; }
.leading-edge-client h3{     font-size: 30px;     padding-bottom: 20px;  }
.leading-edge-client { padding: 20px 0px; }


.audit-section .audit-inner-one p{margin-bottom: 10px; }




.main-banner .banner-form-section{    padding-top: 20px;
    margin-top: 20px; }

.audit-section{     padding: 20px 0px 50px;  }
.performance-section{    padding: 50px 0px 30px; }










	
}