@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');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); 
 
 * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul{list-style:none;
}
 .weather-atlas-wrapper {
    font-family: "Poppins", sans-serif !important;
    text-shadow: none !important;
    font-size: 12px !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    position: absolute;
    top: -95px;
    width: 100%;
    margin-left: -48px;
	    font-size: 14px;
    line-height: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	  position: absolute;
    top: -95px;
    width: 100%;
    margin-left: -48px;
	    font-size: 14px;
    line-height: 20px;
}
.quicklinks{margin-top: 48px;}
.home-slider {
    position: absolute;
    bottom: 200px;
    left: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.weather-atlas-wrapper {
  
    height: 330px;
}
.home-slider h3{      color: #fff;
    font-size: 80px;
    font-weight: 700;}
.home-slider  p{color:#fff; font-size: 50px;
    font-weight: 400;}
p{
  font-family: "Poppins", sans-serif;
    font-style: normal;
       letter-spacing: 0.1px;
    text-rendering: optimizeLegibility;
    font-size: 15px;
	letter-spacing: 0.3px;
    line-height: 30px;
    color: #000;
	font-weight:400;
}

.blog-sliderpage {
    background-color: #F8F5F0;
    float: left;
}
.recent-post li {
    background-color: #F8F5F0;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
}
.recent-post li h6{font-size:16px}
.recent-post li  span{font-size:12px}

body{  font-family: "Poppins", sans-serif;}
a, a:active, a:focus{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
button:focus{outline:none;}
textarea:focus, input:focus{outline:none;}
h1, h2, h3, h4, h5, h6{font-family: "Poppins", sans-serif !important; color: #333 }
ul{ margin:0px; padding:0px; list-style:none;}

/*banner section css start*/
.viewlocations{width:100%; float:left; position:relative}
.viewlocations:after{
	content:'';
	background:#00000066;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	    border-bottom: 6px solid #F8F5F0;
}
.location_list1{float:left; width:100%; padding:0px; margin:0px;}
.location_list1 li{    font-family: "Poppins", sans-serif;
    font-style: normal;
    letter-spacing: 0.1px;
    text-rendering: optimizeLegibility;
    font-size: 15px;
    letter-spacing: 0.3px;
    position: relative;
 
    line-height: 30px;
	width:100%;
	float:left;
    color: #808080ba;
    font-weight: 400;}
/*.location_list1 li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FF3514;
    border-right: 2px solid #FF3514;
    position: absolute;
    left: 0;
    top: 12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}*/

.banner-sections-div{width:100%; float:left; position:relative; height:100%}
.overlay-div {
     position: absolute;
    bottom: 30%;
    z-index: 3;
    -webkit-transform: translate3d(-80%, -20%, 0);
    -moz-transform: translate3d(-80%, -20%, 0);
    -ms-transform: translate3d(-80%, -20%, 0);
    -o-transform: translate3d(-80%, -20%, 0);
    transform: translate3d(10%, 0%, 0);
}
.overlay-div h3{
	font-size: 60px;
	color:#fff;
    text-transform: uppercase;
    font-weight: 800;}
.overlay-div p{color:#fff;}
.home-slider.owl-carousel .owl-dots.disabled, .home-slider.owl-carousel .owl-nav.disabled{
	display:none; 
    position: absolute;
    right: 5%;
    bottom: 25%;
}
.home-slider.owl-theme .owl-nav.disabled+.owl-dots{
	display:none 
}
.home-slider.owl-carousel .owl-nav button.owl-next, .home-slider.owl-carousel .owl-nav button.owl-prev, .home-slider.owl-carousel button.owl-dot{
	    color: #fff;
    border: 1px solid #fff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    /* font-size: 32px; */
    line-height: 1px;
}
.section_div{
	width:100%;
	float:left;
}
.padding-section{padding:50px 0px}
.beforeline{ padding-left:15px;}
.headding{
	font-size: 35px;
    text-transform: capitalize;
    font-weight: 700; position:relative}
.beforeline:before{
	content: '';
    position: absolute;
    left: 0;
    background-color: #949B7C;
    width: 6px;
    height: 37px;
    border-right: 2px solid #949B7C;
    padding-right: 1px;
    top: 4px;
}
.left_about1{width:50%; float:left;}
.left_about1 img{padding:5px}
.services_ul{margin:0px; padding:0px; width:100%}
.services_ul li{width:100%; float:left;}
.services_ul li div { padding:20px}
.services_ul li:nth-child(odd) div:nth-of-type(1) {
	width:40%; float:left;
}
.services_ul li:nth-child(odd) div:nth-of-type(2) {
	width:60%; float:left;
}

.services_ul li:nth-child(even) div:nth-of-type(1) {
width:40%; float:right;
}
.services_ul li:nth-child(even) div:nth-of-type(2) {
width:60%; float:left;
}
.services_ul li h2{
	font-size: 22px;
    font-weight: 600; }

.readmore_btn{
    background-color: #949B7C;
    border: 2px solid #949B7C;
    color: #fff !important;
    border-radius: 5px;
    padding: 8px 15px;
    float: left;
    margin-top: 10px;
    font-size: 14px;

}
.readmore_btn:hover {
    background-color: #fff;
    border: 2px solid #949B7C;
    color: #949B7C !important;
}
.bgimgs_services{
	   /* background-image: url(http://purplehaze.global/wp-content/uploads/2024/09/Dots-1.png);*/
    background-position: top left;
    background-repeat: no-repeat;
}
.borderbox{   
	 /*border-radius: 10px;
    border: 2px solid #d5d5d5; 
    padding: 20px;*/
}
.tech_box{
	 
	width:100%;
	float:left;
	/*padding-left:20px
		border-left:5px solid #454545;*/
}

.technology-slider.owl-theme .owl-dots{
	display:none 
}
.technology-slider.owl-carousel .owl-nav button.owl-next, .technology-slider.owl-carousel .owl-nav button.owl-prev, 
.technology-slider.owl-carousel button.owl-dot{
	    color: #000;
    border: 1px solid #fff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    /* font-size: 32px; */
    line-height: 1px;
}
.technology-slider.owl-carousel .owl-nav button.owl-next {
    float: right;
    margin-right: -40px;
}
.technology-slider.owl-carousel .owl-nav button.owl-prev  {
    float: left;
    margin-left: -40px;
}
.technology-slider.owl-theme .owl-nav {
    margin-top: 0px;
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
}
.cities_box_inner{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cities_box_inner img {
    width: 100%;
    transition: all 0.5s ease;
}
.cities_box:hover img {
    transform: scale(1.2);
}
.cities_box h6{
	color: #949B7C;
    text-align: center;
    padding: 20px 0px;
    font-size: 22px;}
.cities_box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 40px;
}
.blog-slider .item{background-color:#F8F5F0;    float: left;}
.right_blog {
    float: left;
    width: 85%;
}
.left_blog {
     float: left;
    width: 15%;
	color:#333;
    writing-mode: vertical-lr; 
    display: inline-block; 
    padding: 75px 15px;}
.blog-slider h6{padding:10px}
.blog-slider.owl-theme .owl-dots{display:none}
.blog-slider.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: -106px;
    right: 0;
}
.blog-slider.owl-carousel .owl-nav button.owl-next, .blog-slider.owl-carousel .owl-nav button.owl-prev, .blog--slider.owl-carousel button.owl-dot {
    color: #000;
    border: 1px solid #fff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    /* font-size: 32px; */
    line-height: 1px;
}
.bg_image_div1{
	    width: 100%;
    float: left;
    padding: 80px 0px;
    background-image: url(http://purplehaze.global/wp-content/uploads/2024/09/slider3-2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.bg_image_div1:before {
    content: '';
    background: #949b7cf0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.border-workstap{
    text-align: center;
    position: relative;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 30px 10px 25px;

}
.border-workstap h3{
	    font-size: 50px;
    font-weight: 700;
    color: #fff;
}
.border-workstap p{
	color:#fff
}
footer{width:100%; float:left; padding:50px 0px 10px}
footer figure{margin-bottom:10px}
footer h6{color: #949B7C;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0px;}
#menu-primary-menu-1{float:left; width:100%}
#menu-primary-menu-1 li{    float: left;
    width: 100%;
    padding: 2px 0px;
    text-transform: capitalize;}
#menu-primary-menu-1 li a{     text-transform: uppercase;   color: #757575;
    font-size: 14px;}

#menu-services{float:left; width:100%}
#menu-services li{    float: left;
    width: 100%;
    padding: 2px 0px;
    text-transform: capitalize;}
#menu-services li a{     text-transform: uppercase;   color: #757575;
    font-size: 14px;}
#menu-primary-menu-1 li a:hover{
	    color: #3a3a3a;
}
#menu-services li a:hover{
	    color: #3a3a3a;
}
footer p{
	 color: #757575;
	font-size:14px;
    margin-bottom: 10px;
}
/*social media css start*/
.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
	 
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     color: #757575;
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
	     padding: 0px 8px 0px 0px;
    font-size: 22px;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-is:hover {
     color: #e1306c;
 }
 #social-fa:hover {
     color: #405de6;
 }
 #social-yo:hover {
     color: #fd1d1d;
 }
 #social-li:hover {
     color: #5b51d8;
 }

/*social media css end */
.border-topline{
	border-top: 1px solid #949b7c3d;
    padding-top: 10px;
    margin-top: 20px;}
.border-topline span{   
    color: #757575;
    font-size: 14px;}
.border-topline span a{color: #757575;}
.span_footer{float: right;}

.innersection {
    width: 100%;
    float: left;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 250px;
}
.innersection:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #2c2c2cc4;
}
.innersection h2 {
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: 1px;
    position: relative;
}
.innersection p {
    position: relative;
}
.clientbg {
    background-image: url(http://purplehaze.global/wp-content/uploads/2024/09/clientbg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.home-testimonials.owl-theme .owl-nav{display:none}
.home-testimonials.owl-theme .owl-dots .owl-dot span{ 
	margin-top:20px; 
	width: 15px;
    height: 15px;}
.testimonials_div h6 {
    color: #949B7C;
    font-size: 18px;
    font-weight: 600;
}
.testimonials_div {
    padding: 25px;
    border: 1px solid #949B7C;
    border-radius: 20px;
}
.footer-contactul li {
    width: 33.33%;
    padding: 20px;
    float: left;
}
.footer-contactul li div:nth-of-type(1) {
    float: left;
}
.footer-contactul i {
    color: #6827a9;
    font-size: 50px;
}
.black_color li div:nth-of-type(2) {
    color: #000;
}
.footer-contactul li div:nth-of-type(2) {
    padding-left: 70px;
    line-height: 25px;
   color: #000;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
}
.black_color li a {
    color: #000;
}
.wp-image-94 {
    width: 140px;
}
.home-slider .item{position:relative}
.home-slider .item:before {
  /*background: #45463f8f; */
    content: '';
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.contactinput {
    float: left;
    width: 100%;
    padding: 6px 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 10px;
    font-size: 14px;
}
.contactinput1 {
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 10px;
    font-size: 14px;
    height: 150px;
}
.contact_btn {
   background: #949B7C;
    color: #fff;
    border: 1px solid #949B7C;
    padding: 8px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    float: left;
    margin-top: 40px;
    letter-spacing: 1px;
}
.contact-form {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(19, 16, 34, 0.1);
    padding: 20px 50px 50px;
	    position: relative;
}
.technologybg{
	    width: 100%;
    float: left;
    padding: 80px 0px;
	background-color:#222334;
    background-image: url(http://purplehaze.global/wp-content/uploads/2024/10/Pattern_img.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.technolgy_center{
    margin: 0px auto;
    text-align: center;
    padding: 0px 200px;
}
.technolgy_center h3{
	color:#fff
}
.technolgy_center p{
	color:#fff
}
.technolgy_ul{width:100%; float:left; margin:0px; padding:0px}
.technolgy_ul li{width:33.33%; float:left; margin-top:100px;}
.technolgy_ul li div p{color:#fff; font-size:14px;}
.technolgy_ul li div h5{color:#fff;    font-weight: 700;}
.technolgy_ul li i{color:#fff;font-size:45px}
.technolgy_ul li div:nth-of-type(1){    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50%;
    padding-top: 18px;}
.technolgy_ul li div:nth-of-type(2){ 
    display: table;
    padding-left: 20px;
}
.subul_links{padding:20px 0px; margin:0px; width:100%;}
.subul_links li{    font-family: "Poppins", sans-serif;
    font-style: normal;
	    padding-left: 30px;
    letter-spacing: 0.1px;
    text-rendering: optimizeLegibility;
    font-size: 15px;position:relative;
    letter-spacing: 0.3px;
    line-height: 30px;
    color: #000;
    font-weight: 400; }
.subul_links li:before{ 
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    left: 0;
    top: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    opacity: .8;
}
.innterservices_div {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.innterservices_div img {
    width: 100%;
    transition: all 0.5s ease;
}
.outerservices_div:hover img {
    transform: scale(1.2);
}
.outerservices_div h2{        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;}


/*responsive css start*/
 @media screen and (max-width:768px) {
	 .headding {font-size: 25px;}
	 .beforeline:before{width: 4px;height: 25px;}
	 .readmore_btn{padding: 5px 15px;}
	 .padding-section {padding: 30px 0px;}
	 .technology-slider.owl-theme .owl-dots{display:block}
	 .span_footer{float:left;}
	 .border-topline span{font-size:12px}
	 .overlay-div h3{font-size:30px  !important}
	 .home-slider.owl-carousel .owl-dots.disabled, .home-slider.owl-carousel .owl-nav.disabled{bottom:10% !important}
	 .home-slider.owl-carousel .owl-nav button.owl-next, .home-slider.owl-carousel .owl-nav button.owl-prev, .home-slider.owl-carousel button.owl-dot{    width: 38px;    height: 38px;}
	 .outerservices_div {margin-bottom: 15px;float: left;width: 100%;}
	 .outerservices_div h2{font-size:19px}
	 .home-slider h3{font-size:28px !important}
	  .home-slider p{font-size:18px !important}
	 .home-slider{top:40%}
	 
}
 @media screen and (max-width:991px) {
	 .banner-sections-div{margin-top:55px}
	  .services_ul li:nth-child(odd) div:nth-of-type(1){width:100%}
	 .services_ul li:nth-child(odd) div:nth-of-type(2){width:100%}
	 .services_ul li:nth-child(odd) div:nth-of-type(2){padding:0px;}
	 .services_ul li h2 {font-size: 20px;padding-top: 20px;}
	 .services_ul li:nth-child(even) div:nth-of-type(1){float:left; width:100%}
	 .services_ul li:nth-child(even) div:nth-of-type(2){width:100%}
	 .border-workstap h3{font-size:30px}
	 .border-workstap{  margin-bottom:15px;  padding: 10px 10px 0px;}
	 .innersection{margin-top:55px; padding:50px;}
	 .innersection h2{font-size:32px;}
	 .headding{font-size:25px}
	  .footer-contactul li{width:100%}
	 .footer-contactul i{font-size:40px}
	 	 .home-slider h3{font-size:50px }
	  .home-slider p{font-size:35px }
	 
}